/* base.css | v0.1 (10172009) | Thierry Koblentz
 *
 * The purpose of this styles sheet is to set default styles for common browsers and address common issues (missing scrollbar, extended buttons in IE, gap below images, etc.)
 */

/* using height:100% on html and body allows to style containers with a 100% height
 * the overflow declaration is to make sure there is a gutter for the scollbar in all browsers regardless of content
 * note that there is no font-size declaration set in this rule. If you wish to include one, you should use font-size: 100.01% to prevent bugs in IE and Opera
 */
html {
	height: 100%;
	width: 99.9999%;
	margin: 0%;
	padding: 0%;
	overflow: auto;
}

body {
	height: 100%;
	color: #1862A2;
	line-height: 1.5em;
	background-color: #fbfbea;
	background-image: url(images/images/Frazer-b-g-5_05.jpg);
	background-repeat: repeat-x;
	font-family: Tahoma, Verdana, sans-serif;
	font-weight: normal;
}
#wrapper {
	width: 1042px;
	margin-right: auto;
	margin-left: auto;
}

#bannerindex {
	width: 1042px;
	height: 286px;
	background-image: url(images/images/Frazer-b-g-5_02.jpg);
	background-repeat: no-repeat;
}

#bannerSymptoms {
	width: 1042px;
	height: 286px;
}
#bannerTreatment {
	width: 1042px;
	height: 286px;
	background-image: url(images/images/bannerTreatment.jpg);
	background-repeat: no-repeat;
}
#bannerAbout {
	width: 1042px;
	height: 286px;
	background-image:url(images/images/bannerAbout.jpg);
	background-repeat: no-repeat;
}
#bannerContact {
	width: 1042px;
	height: 286px;
	background-image: url(images/images/bannerContact.jpg);
	background-repeat: no-repeat;
}
#middle {
	width: 1042px;
	background-image: url(images/images/Frazer-b-g-5_04.jpg);
	background-repeat: no-repeat;
}
#middlecontent {
	margin-left: 101px;
	padding-top: 42px;
}
#footer {
	width: 1042px;
	text-align: center;
	font-size: 0.7em;
	background-image: url(images/images/footer.jpg);
	background-repeat: no-repeat;
	padding-bottom: 10px;
	background-position: center top;
	height: 70px;
}
#footertext {
	padding-top: 50px;
	text-align: right;
	padding-right: 90px;
}
#footer a {
	text-align: center;
	color: #7AB3DF;
}
#sidenav {
	width: 280px;
	float: left;
}
#contenttext {
	margin-left: 290px;
	width: 545px;
}
#contenttext img {
	margin-top: 15px;
}
#slideshow {
	position:relative;
	height:286px;
}
#slideshow IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}
#slideshow IMG.active {
	z-index:10;
	opacity:1.0;
}
#slideshow IMG.last-active {
	z-index:9;
}
/* Everything CSS Sprite Menu */

	ul#menu {
	margin:0;
	padding:0;
	list-style:none;
	clear: both;
}
#menu li {
	overflow:hidden;
	text-indent:-9999px;
	display:inline;
	float: left;
}
#menu li a {
	width:100%;
	height:100%;
	display:block;
	background-image: url(images/navimages/navigation.jpg);
	background-repeat: no-repeat;
}
/* Home Button */
			#menu li.home {
	width:230px;
	height:45px;
}
#menu li.home a {
	background-position: 0px 0px;
}
#menu li.home a:hover {
	background-position:0px -45px;
}
#menu li.home a.selected {
	background-position:0px -45px;
}
/* Causes Button */
			#menu li.causes {
	width:230px;
	height:45px;
}
#menu li.causes a {
	background-position:-230px 0px;
}
#menu li.causes a:hover {
	background-position:-230px -45px;
}
#menu li.causes a.selected {
	background-position:-230px -45px;
}
/* Treatment Button */
#menu li.treatment {
	width:230px;
	height:45px;
}
#menu li.treatment a {
	background-position:-460px 0px;
}
#menu li.treatment a:hover {
	background-position:-460px -45px;
}
#menu li.treatment a.selected {
	background-position:-460px -45px;
}
/* About Button */
#menu li.about {
	width:230px;
	height:45px;
}
#menu li.about a {
	background-position:-690px 0px;
}
#menu li.about a:hover {
	background-position:-690px -45px;
}
#menu li.about a.selected {
	background-position:-690px -45px;
}
/* Contact Button */
#menu li.contact {
	width:230px;
	height:45px;
}
#menu li.contact a {
	background-position:-920px 0px;
}
#menu li.contact a:hover {
	background-position:-920px -45px;
}
#menu li.contact a.selected {
	background-position:-920px -45px;
}
/* Links Button */
#menu li.links {
	width:230px;
	height:45px;
}
#menu li.links a {
	background-position:-1150px 0px;
}
#menu li.links a:hover {
	background-position:-1150px -45px;
}
#menu li.links a.selected {
	background-position:-1150px -45px;
}
.blue {
	color: #4595DC;
}
h1 {
	font-size: 1.4em;
	line-height: 1.6em;
	font-weight: normal;
}
h2 {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #1862A2;
	font-weight: normal;
}
h3 {
	font-size: 1em;
	line-height: 1.4em;
	color: #336793;
	font-weight: normal;
}
.smaller {
	font-size: .9em;
}
body, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td {
	margin: 0;
	padding: 0;
}
p {
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
	font-size: 1em;
}
a {
	color: #336793;
}
a:hover {
	color:#7AB3DF;
	text-decoration:underline;
}
/* according to Eric Meyer's reset: tables still need 'cellspacing="0"' in the markup
 */
table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.6em;
}

caption {
	position: absolute;
	left: -999em;
}
/* all th should be centered unless they are in tbody (table body)
 */
th {
	text-align: center;
}
tbody th {
	text-align: left;
}
table {
}
.floatright {
	float: right;
	margin-bottom: 6px;
	margin-left: 6px;
}