/* CSS Document */

/* html elements */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #CCCCCC;
}

a {
	font-size: 0.8em;
	font-weight: normal;
	color: #003399;
	text-decoration: none
}
a:hover {
	font-size: 0.8em;
	font-weight: normal;
	color: #FF0000;
	text-decoration: underline
}

h1 {
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	color: #666666;
	padding-top: 0.5em;
	letter-spacing: 0.03em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;	
}

h2 {
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	color: #666666;
	padding-top: 0.5em;
	letter-spacing: 0.02em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
}

h3 {
	font-size: 0.7em;
	font-weight: bold;
	text-align: center;
	color: #666666;
	padding-top: 0.5em;
	letter-spacing: 0.02em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
}



/* classes */

.headerBG {
	background-color: #336699;		
}


.pageData {
	font-size: 0.7em;
	color: #666666;
	font-weight: bold;
	text-align: justify;
	padding: 0.0em;
}

a.pageData:link, a.pageData:active, a.pageData:visited {font-size:40%; color: #000000; text-decoration:none;}
a.pageData:hover {color: #990033; text-decoration:underline;}

.pageData2 {
	font-size: 0.7em;
	color: #666666;
	font-weight: bold;
	text-align: center;
	padding: 0.5em;
}

.pageData3 {
	font-size: 0.7em;
	color: #000000;
	font-weight: bold;
	text-align: center;
	padding: 0em;
	vertical-align: top;
}

.pageDataSubHeading1 {
	font-size: 0.7em;
	color: #000000;
	font-weight: bold;
	text-align: center;
	padding: 0em;
	vertical-align: top;
}

.pageDataSubHeading2 {
	font-size: 0.7em;
	color: #000000;
	font-weight: bold;
	text-align: justify;
	padding: 0em;
	vertical-align: top;
}

.pageDataAttention1 {
	font-size: 0.7em;
	color: #FF0000;
	font-weight: bold;
	text-align: center;
	padding: 0.0em;
}

.pageDataAttention2 {
	font-size: 0.7em;
	color: #FF0000;
	font-weight: bold;
	text-align: justify;
	padding: 0.0em;
}

.pageDataAttention3 {
	font-size: 0.7em;
	color: #336699;
	font-weight: bold;
	text-align: center;
	padding: 0.0em;
}

.pageDataSymptoms {
	font-size: 0.7em;
	color: #FF0000;
	font-weight: bold;
	text-align: left;
	padding: 0.0em;
	font-style: italic;
	letter-spacing: 0.03em;
}

.pageDataConditions {
	font-size: 0.7em;
	color: #669966;
	font-weight: bold;
	text-align: left;
	padding: 0.0em;
	font-style: italic;
	letter-spacing: 0.03em;
}

.pageDataTreatments {
	font-size: 0.7em;
	color: #000000;
	font-weight: bold;
	text-align: left;
	padding: 0.0em;
	font-style: normal;
	letter-spacing: 0.03em;
}



.bottomContact {
	font-size: 0.75em;
	font-weight: normal;
	text-align: center;
	color: #0000000;
	letter-spacing: 0.01em;
}


.pageTitle {
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	color: #000000;
	padding-top: 0em;
	letter-spacing: 0.05em;
	font-style: normal;
}




/* navcontainer elements */

#navcontainer ul
{
	padding: .2em 0;
	margin: 0;
	list-style-type: none;
	background-color: #036;
	color: #FFF;
	width: 100%;
	font: normal 85% arial, helvetica, sans-serif;
	text-align: center;
}

li { display: inline; }

li a
{
text-decoration: none;
background-color: #036;
color: #FFF;
padding: .2em 1em;
border-right: 1px solid #fff;
}

li a:hover
{
	text-decoration: none;
	background-color: #FFFF99;
	color: #036;
}


/* sidemenu elements */
#menu a, #menu a:visited {
	text-decoration:none;
	text-align:center;
	background-color:#CCCCCC;
	color:#000000;
	display:block;
	width:12em;
	font: normal 70% arial, helvetica, sans-serif;
	padding:0.2em;
	margin:0.5em auto;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
  }
#menu a:hover {
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	background-color: #FFFF99;
  }