/* CSS Document */
html {padding:0;background:#92b6c7 url(images/background.gif) repeat-x left top;}
body {padding:0;text-align:center;margin:0 auto;}
form {margin:0;padding:0;}

#pagewidth {
	width:801px;
	margin:0 auto;
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#b3d88b;
	}
	
#header {
	width:801px;
	position:relative;
	background:white;
	}
	
#content {
	width:608px;
	float:left;
	position:relative;
	background:#ddebf1;
	text-align:left;
	border:1px solid #183e4f;
	border-top:none;
	line-height:18px;
	padding:20px;
	font-size:12px;
	color:#183e4f;
	}

#content p a, #content span a, #content h1 a, #content h2 a, #content h3 a, #content #sitemap li a {
	color:#588425;
	text-decoration:underline;
	display:inline;
	padding:2px 3px;
	}
	
#content p a:hover, #content span a:hover, #content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content #sitemap li a:hover {
	text-decoration:none;
	background:#588425;
	color:white;
	border:1px solid #183e4f;
	padding:2px;
	}

#content h1 {
	font-size:20px;
	}
#content h2 {
	font-size:17px;
	}
#content h3 {
	font-size:15px;
	}

.compSupplies {
	padding:0;
	margin:20px 0;
	}
	
.compSupplies span {
	float:left;
	width:275px;
	border-right:1px dotted #183e4f;
	margin-right:20px;
	z-index:3;
	}
	
.compSupplies h3, .compSupplies p {float:left;width:300px;}

.callout {
	border:1px solid #183e4f;
	padding:10px;
	background:#92b6c7;
	float:right;
	width:225px;
	margin-bottom:10px;
	}

#content ul {
list-style-position:outside;
margin-left:0;
padding-left:20px;
list-style-image:url(images/bullet.gif);
	}

.center {
	text-align:center;
	}

.homepageImage {
	position:relative;
	float:left;
	top:52px;
	}

.enrollment {
	color:red;
	font-weight:bold;
	border:1px solid red;
	padding:5px;
	}

.input {
	border:1px solid #183e4f;
	padding:2px;
	font:normal 11px Verdana, Arial, sans-serif;
	}
.input:focus {
	border:1px solid #588425;
	background:#b3d88b;
	}

#sitemap li {
	margin-top:5px;
	margin-bottom:5px;
	}

/* ============= Clinical Trials Form ============ */
#content #contactInfo, #content #practiceInfo, #content #patientInfo {
	margin:25px 0;
	padding:20px;
	border:1px solid #183e4f;
	background:#bfd5df;
	}

#content #contactInfo dt, #content #practiceInfo dt, #content #patientInfo dt {
	clear:right;
	}

.ageTxt {
	width:100px;
	float:left;
	display:block;
	clear:right;
	text-align:right;
	}
/*	
.ddContainer {
	width:310px;
	position:relative;
	padding:5px;
	float:left;
	}*/	
	
.percentSelect {
	width:200px;
	position:relative;
	}
	
.percentSelect select {
	float:right;
	width:100px;
	}

/* ============= Clinical Trials Form End ============ */

/* ============= Horizontal Navigation ============ */
body #content #nav {
	margin:-20px -20px 50px -20px;
	padding:0;
	position:relative;
	list-style:none;
	color:#183E4F;
	font-size:14px;
	border-bottom:1px solid #183e4f;
	border-top:1px solid #183e4f;
	background-color:#b7cfda;
	}


#nav li {
	width:161px;
	display:block;
	float:left;
	position:relative;
	text-align:center;
	border-right:1px solid white;
	}

#nav li ul {
	display:none;
	position:absolute;
	padding:0;
	top:auto;
	left:auto;
	background:#588425 url(images/dropdown_back.gif) no-repeat left top;
	border:1px solid #183E4F;
	width:159px;
	font-size:11px;
	list-style:none;
	}

#nav li:hover ul {
	display:block;
	}
#nav li ul li  {
	border:none;
	}

#nav li ul li a {color:white;background:url(images/drop_down_hover2.gif);padding:5px;}
#nav li ul li a:link, #nav li ul li a:visited {background:url(images/drop_down_hover.gif) no-repeat left top;}
#nav li ul li a:hover, #nav li ul li a:focus {background:url(images/drop_down_hover2.gif) no-repeat left top;}

#nav li a {color:#183e4f;text-decoration:none;display:block;padding:7px 0 6px 0;}
#nav li a:hover {color:white;text-decoration:underline;}

#nav li a.membership {background:url(images/member_back.gif) no-repeat left top;}
#nav li a.membership:hover {background-position:0 -31px;}

#nav li a.resources {background:url(images/resources_back.gif) no-repeat left top;}
#nav li a.resources:hover {background-position:0 -31px;}

#nav li a.about {background:url(images/aboutus_back.gif) no-repeat left top;}
#nav li a.about:hover {background-position:0 -31px;}

#nav li a.signup {background:url(images/signup_back.gif) no-repeat left top;}
#nav li a.signup:hover {background-position:0 -31px;}
/* ============= Horizontal Navigation ============ */

/* ============= Right Column ============ */

#rightcol {
	width:131px; 
	float:right; 
 	position:relative;
	background: url(images/recentNews.gif) no-repeat -1px top;
	background-color:#b3d88b;
	color:#183E4f;
	padding:0 10px;
	font-size:11px;
	}

#rightcol h1 {
	color:white;
	text-decoration:underline;
	font-size:12px;
	margin-bottom:20px;
	}

#rightcol h2 {
	font-weight:bold;
	font-size:12px;
	text-align:left;
	}
	
#rightcol p {
	text-align:left;
	}	

#rightcol a {
	color:#183E4f;
	}

#rightcol a:hover {
	text-decoration:none;
	}

/* ============== Right Column ============= */

/* ============== Footer ============= */

#footer {
	clear:both;
	background:#92b6c7 url(images/footer.gif) no-repeat left top;
	padding:5px 150px 20px 5px;
	color:#A8BD91;
	text-align:center;
	font-size:12px;
	}	

#footer a {
	color:#A8BD91;
	text-decoration:none;
	position:relative;
	}

#footer a:hover {text-decoration:underline;}
/* ============== Footer ============= */


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
 
.clearfix{display: inline-table;}

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


 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}