/* Key styles for: Townsville Hospital Foundation*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 10 Feb 2009 */

/*Reset styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

img, div{ behavior: url(iepngfix.htc) }

/*Container Styles*/
body{font-family:  Helvetica, Arial,  sans-serif; background-color: #c7eef6; font-size: 14px; color: #333333; }
#wrapper {margin-left: auto; margin-right: auto; width: 960px; position: relative; background:  #9ac353; }
#featureimage{position: relative; margin-bottom: -145px; z-index: 1;  }
#featureimagehome{position: relative; margin-bottom: -145px; z-index: 1; }
#header{margin-left: auto; margin-right: auto; width: 960px; height: 510px; margin-bottom: -272px; }

#navigation{margin-left: auto; margin-right: auto; width: 960px; position: relative; margin-bottom: 60px; z-index: 2; }
#donate{margin-left: auto; margin-right: auto; position: relative; right: -90px; width: 200px; z-index: 2; margin-bottom: -90px; } 
#main-container{}
#main{width: 670px; padding-right: 40px; padding-left: 40px; float: left; margin-top: 80px; margin-bottom: -50px; overflow: hidden; }
#white{clear: both; background-color: #ffffff; height: 5px; margin-top: -5px; width: 960px;}
#base{clear: both; position: relative; margin-bottom: -50px; background: url(images/circleimage.png); height: 272px; z-index: 1;}
#highlight{float: left;  width: 600px; margin-top: 125px; padding-left: 40px; padding-right: 40px; font-size: 1.4em;}

#sponsers{background-color: #ffffff; padding-left: 40px; padding-right: 40px; width: 300px; float: left; margin-top: -145px; overflow:hidden;}
#news{background-color:#fff; padding-left: 40px; padding-right: 40px; width: 500px; float: right; margin-top: -145px;}


#sponserssub{background-color: #ffffff; padding-left: 40px; padding-right: 40px; width: 300px; float: left; }
#newssub{background-color:#fff; padding-left: 40px; padding-right: 40px; width: 500px; float: right; }


#footer{clear: both; z-index: 1; oveflow: hidden;}
#footer img {margin: 0 !important; padding: 0 !important; }
#notes{width: 205px; float: right; min-height: 20px; position: relative; padding-bottom: 50px; margin-bottom: -60px; background: url(images/curvedbottom.gif) bottom no-repeat #fff;}

/*Subpage containers*/
#wrappersub {margin-left: auto; margin-right: auto; width: 960px; position: relative;  background: #fff; }
#main-containermain{position: relative; margin-top: 0px; background-color: #fff; z-index: 1; width: 960px;}
#main-containersub{position: relative;  background-color: #fff; z-index: 1; width: 960px; margin-top: 110px;}
#contentsub{background-color: #fff;  padding-top: 120px;}

.col{position: relative; float: left; background: #fff;}
#submenu {width: 200px;  padding-right: 80px; z-index: 1; }
#right {width: 600px; padding-right: 20px; z-index: 1; }
#middle{width: 760px; min-height: 200px; padding: 0 100px;  z-index: 1;}

#basewhite{background: #fff; padding-top: 200px; overflow: hidden;}

#basewhitesub{background: #fff; padding-top: 200px;}

#feature{float: right; width: 250px; background: #a3cd39; padding: 10px; margin-top: 30px; margin-bottom: 20px; margin-left: 10px; }

/*Navigation Styles*/
#navigation ul {padding: 5px; padding-top: 23px; text-align: left; margin-left: 10px; }
#navigation li {float: left; margin: 0; display: inline; list-style: none; padding: 0 25px; border-right: 1px solid #fff;}
#navigation li a{text-decoration: none; color: #ffffff; font-size: 16px; text-transform: Capitalize; font-weight: normal; font-weight: bold;}
#navigation li a:hover {color: #333333; border-bottom: 2px dotted #333; }
#navigation .current a{ color: #333333;border-bottom: 2px dotted #333;}

#submenu h2{font-size: 24px; color: #f68a21; padding: 0 20px 5px 20px; font-weight: 300; border-bottom: 2px dotted #f68a21; width: 200px;}
#submenu ul { margin-left: 0px !important; padding: 0 !important; }
#submenu li {margin: 0; list-style: none; padding: 5px 20px; border-bottom: 2px dotted #f68a21; width: 200px; background-color: #fff1e5;}

#submenu li a{text-decoration: none; color: #f68a21; font-size: 18px;}
#submenu li a:hover {color: #333333; border-bottom: none;}

#submenu ul li ul {margin-bottom: 0px; border-top: 2px dotted #f68a21; margin-left: -20px !important; margin-right: -20px; display: block;}
#submenu ul li li{border-bottom: none; padding: 5px 0 2px;}
#submenu ul li li a{color: #f68a21; font-size: 18px; padding-left: 30px; display: block; }



/*Link Styles*/
a{color: #006699; text-decoration: none;}
a:link{ color: #006699;}
a:visited { color: #006699; }
a:hover { color: #333; border-bottom: 1px dotted #333; }

.blue a{ color: #f68a21;}
.blue a:hover { color: #333; border-bottom: 1px dotted #333; }

#donate a{font-size: 30px; color: #ffffff; text-decoration: none; width: 150px;}
#donate a:link{text-decoration: none;}
#donate a:hover{color: #333333; border-bottom: none;}

#websitedeveloper {font-size: .6em; text-align: left; color: #999; background: #c7eef6}
#websitedeveloper a{color: #999; border-bottom: 1px dashed #ccc; text-decoration: none;}
#websitedeveloper a:hover{color: #006699 ;border-bottom: 1px dashed #92d050;}


/*Paragraph Styles*/
h1 { font-size: 30px; color: #fff; padding: 0 20px 10px 0px; font-weight: 300;}
h2 { font-size: 26px; color: #19b8da; padding: 0px 20px 5px 0px; font-weight: 300;}
h3 {font-size: 18px; color: #006699; padding: 10px 20px 0 0; font-weight: 300;}
h4 {}
p {font-size: 14px; color: #333333; padding: 5px 0px 5px 0px; }
#contentsub p { margin-bottom: 20px; padding: 0; line-height: 1.5em;}

#contentsub ul { margin-bottom: 20px; padding: 0; line-height: 1.5em;}
#notes p {padding: 5px; font-size: 12px;}
#notes h3{padding: 10px 5px;}
#middle h2, #right h2{font-size: 22px; color: #f68a21; padding: 10px 20px 2px 0px; font-weight: 300; border-bottom: 2px dotted #f68a21; margin-bottom: 5px;}
#middle h1, #right h1{font-size: 30px; color: #f68a21; padding: 0 20px 10px 0px; font-weight: 300;}
#highlight p { font-size: 14px;}

#contentsub ul, #contentsub ol {font-size: 14px; margin-left: 30px; padding-bottom: 10px; padding-top: 10px; color: #333;}
#contentsub li{padding-bottom: 2px;}
.blue p{color: #006699; font-size: 16px;}
.greyhighlight {font-size: 14px; color: #333333; padding: 5px 20px;}
.whitehighlight {font-size: 14px; color: #ffffff; padding: 5px 20px;}
#notes{text-align: center;}


/*Image Styles*/
.featureimg {float: left; border: 5px solid #fff; margin: 10px 0px 10px 20px; padding: 0;}
#sponsers img{padding: 10px;}
img{padding: 0; margin: 0;}

/*Other Styles*/
.clear{clear: both;}
.right{float: right; padding: 10px 0px 2px 20px;}
.left {float: left; padding: 10px 20px 2px 0px;}


.featurebox{float: left; margin: 20px 20px 20px 0px; width: 200px;}
.featureboxhead h2{padding: 10px; color: #fff; text-align: center; font-size: 16px;}
.featurebox p{font-size: 12px;}
.featurebox img{padding: 5px 0 5px 0;}
.featureboxbody{background: url(images/featurebase.jpg) bottom  no-repeat #fff; padding: 10px 10px 30px 10px;}
.featureboxhead{background: #ff7800;}
.testimonial1{width: 600px; height: 263px; background: url(images/speechbubble.gif) top no-repeat #fff; padding-top: 30px;}
.testimonial2{width: 600px; height: 263px; background: url(images/speechbubble2.gif) top no-repeat #fff; padding-top: 30px;}
.testimonial1 p, .testimonial2 p{padding: 5px 40px !important; line-height: 1.1em !important; margin-bottom: 5px !important; font-size: 13px;}
.testimonialby{padding-left: 110px; margin-top: -50px; padding-bottom: 20px; overflow:hidden;}
.testimonialby img{float: left; padding-right: 10px;}

blockquote { display: block;padding: 0 60px;width: 500px;}
blockquote:before, blockquote:after {color: #ccc;display: block;font-size: 700%;width: 50px;}
blockquote:before {content: open-quote;height: 0;margin-left: -0.55em;margin-top: -20px;}
blockquote p { margin-top: 20px; font-size: 1.5em; color: #666;}
blockquote:after {content: close-quote;height: 50px;margin-top: -50px;margin-left: 510px;}
.author { font-size: .6em; color: #999;}