/* CSS Document */
body {
	background: #FF9900;
	font-size: 0.8em;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	margin: 0;
	color: #005677;
}

td h4 {margin-top: 1.5em; border-bottom: 1px solid #005677 }

h1, h2, h3, h4 {
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;}
	
h1 {
	color: #005677;
	font-size: 2.2em;
}

h2 {
	font-size: 1.9em;
}

h3 { font-size: 1.6em;}

a, a:link {
	color: #CC3300;
	text-decoration: none;
}

a:hover {color: #FF9900;}

#container {
	width: 800px;
	margin: 0 auto;
	border: solid #005677 1px;
	background: #ffffff;
}

#top {
	height: 38px;
	background: url(images/top.gif) no-repeat #003E55;
	color: #ffffff;
	padding: 10px 20px 0 20px;
	font-size: 11px;
}

#nav {
	height: 25px;
	border-top: #ffffff solid 2px;
	border-bottom: #ffffff solid 2px;
	background: #005677 url(images/nav.gif) no-repeat;
	color: #ffffff;
	padding: 5px 10px 0 10px;
	font-family: Times New Roman;
	font-size: 16px;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none ;
}

#nav li {
	float: left;
	text-align: center;
	}
	
#btnDisorder{ width: 25%;}
#btnTreat{ width: 25%;}
#btnAbout{ width: 19%;}
#btnFaq{ width:9%}
#btnCenter{ width:20%}

#masthead {
	height: 130px;
	width: 800px;
	background: url(images/masthead.jpg) no-repeat #CC3300;
}

#spider #masthead {
	background: url(images/mastheadSpiders.jpg) no-repeat #CC3300;
}

#varicose #masthead {
	background: url(images/mastheadVaricose.jpg) no-repeat #CC3300;
}

#main {
	background: #ffffff;
	padding: 0;
	border-bottom: solid 2px #005677;
	width: 800px;
}

#leftCol {
	width: 185px;
	margin: 0;
	padding: 5px 5px 5px 10px;
	float: left;
}

#rightCol {
	float: right;
	width: 555px;
	padding: 0 20px 0 15px;
	margin: 10px 0 20px 0;
	border-left: 1px dotted #cccccc;
}

#INDEX #leftCol {
	width: 321px;
	margin: 0 15px 0 0;
	float: left;
	padding:0;
}

#INDEX #rightCol {
	float: right;
	padding: 0 20px 0 0;
	width: 440px;
	border: none;
}

#footer {
	clear: both;
	margin: 5px 0 0 0;
	background: #003E55;
	padding: 5px 10px;
	color: #ffffff;
}

#menu ul, #menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu a{
	display: block;
	padding: 4px 5px;
	background: #CC3300;
	color: #ffffff; 
	border-bottom: 1px solid #ffffff;
	width: 90%;
	font-weight: bold;
}

#menu a:hover{
	background: #FF9900;
	color: #ffffff; 
}

#ulcers #btnulcers,
#clots #btnclots,
#spider #btnspider,
#lymph #btnlymph,
#varicose #btnvaricose
 {
	background: #FF9900;
	color: #ffffff; 
	cursor-style:text;}
	
#top .right a, #footer a {color:#ffffff;}
#top .right a:hover, #footer a:hover {color:#FF9900;}

.right {float: right;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.subHead {font-size: 1.2em;
	text-transform: uppercase;
	color: #8BA9B4;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* FAQs */

#odContainer ol {margin-top: 0.25em;}

#odPageTitle, #odCatHeader {text-transform: uppercase;
	font-size: 2.2em;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	color: #005677;}
	
#odCatList {font-size: 1.2em;}
	
#odQtnContainer {border-bottom: 1px dotted #cccccc;
	padding: 1em 0; margin: 0 0 2em 0;}

.odDtlQuestion {font-size: 1.1em; font-weight: bold;}

.odDtlItem {padding: 1em 0;}

.odQtnItem {padding: 0.5em 0;}

#odCatList ul {margin: 0; padding: 0; list-style:none;}

#odCatList ul li {float: left; }

.odSubcatCell {width: 45%; padding: 0.5em 1%; margin: 0.5em 1%; border-bottom: 1px solid #F3CDA7; border-right: 1px solid #F3CDA7;}

#odJumpCat {margin: 1em 0; padding: 1em 0; border-top: 1px dotted #cccccc; clear: both;}

.clear {clear: both;}

#odCopyrightContainer {font-size: 0.7em; margin-top: 2em;}

.odCatTitle {font-size: 1.2em; font-weight: bold; padding: 0.2em 0; border-bottom: 1px solid #8BA9B4; color: #8BA9B4;}