/* THE CLEARITY FOUNDATION */



/* GLOBAL STYLING */

* {margin:0; padding:0;}

body {
	
	margin:0; padding:0;
	
	background:#FFFFFF;
	
	font-family:Arial, Helvetica, sans-serif; font-size: 12px;
	
	color:#606060;
	
}

#wrapper {
	
	width:985px; overflow:hidden;
	
	margin:0 auto; padding:0;
	
	background: url(images/dna-background.jpg) top right no-repeat;
	
}

a:link, a:visited, a:active {
	
	font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#606060; text-decoration:none;

}
.soman{ display:inline; width:100%; margin:0 auto;}
.soman h3{margin:0; padding:0; display:inline;}
.soman h3 a{text-decoration:none;color:#ffffff; cursor:default;}
a:hover {
	
	font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#606060; text-decoration:underline;

}



/* HEADER STYLING */

#header {
	
	width:985px; height:122px;
	
	margin:0; padding:0;
	
	background: url(images/header.gif) top left no-repeat;
}

a.header-link {
	
	width:410px; height:113px;
	
	margin:0; padding:0;
	
	display:block; float:left;
}

.header-link span {display:none;}



/* BANNER & NAV STYLING */

#banner {
	
	width:985px; height:222px; clear:both;
	
	margin:0; padding:0; overflow:hidden;
	
	background:#20B1B5 url(images/banner.jpg) top left no-repeat;
}

#nav {

	width:975px; height:28px; display:block;
	
	margin:15px 0 0 0; padding:0 0 0 10px; 
	
	background: #9D9FA1 url(images/nav-background.jpg) top right no-repeat;
	
}

#nav li {
	
	float:left; list-style:none; display:inline;
	
	margin:0; padding:6px 10px 0; height:22px;
	
	color:#FFFFFF; font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;
	
}

#nav li a {
	
	color:#FFFFFF; text-decoration:none;
	
	float:left; display:block;
	
	font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;
	
}

#sub-nav {

	width:975px; height:28px;
	
	margin:10px 0 0 0; padding:0 0 0 10px; 
	
	background: #40bcbf url(images/sub-nav-background.jpg) top right no-repeat;
	
}

#sub-nav li {
	
	float:left; list-style:none; 
	
	margin:0; padding:6px 10px 0; height:22px;
	
	color:#FFFFFF; font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;
	
}

#sub-nav li a {
	
	color:#FFFFFF; text-decoration:none;
	
	float:left; display:block;
	
	font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;
	
}



/* HOME CONTENT STYLING */

#home-content {
	
	width:985px; overflow:hidden;
	
	margin:25px auto 0 auto; padding:0;
}

#physicians-box {
	
	float:left; width:328px; min-height:340px;
	
	margin:0; padding:0; border-right:1px solid #9d9ea0;
}

#patients-box {
	
	float:left; width:328px; min-height:340px;
	
	margin:0; padding:0; border-right:1px solid #9d9ea0;
}

#news-box {
	
	float:left; width:327px; min-height:340px;
	
	margin:0; padding:0;
}

#physicians-box p, #patients-box p, #news-box p {
	
	margin:0; padding:10px 25px;
	
	font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px;
	
	color:#606060;

}

#news-box ul li {
	
	margin:0 25px; padding:15px 0;
	
	list-style-position:inside; border-bottom:1px solid #9d9fa1;
	
	font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#606060;
	
}


#news-box ul li span {font-weight:bold; padding-right:5px;}

#news-box ul li a:link, #news-box ul li a:visited, #news-box ul li a:active {
	
	font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#606060; text-decoration:none;

}

#news-box ul li a:hover {
	
	font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#606060; text-decoration:underline;

}

#news-box hr {width:277px; height:1px; margin:10px auto 0 auto; padding:0; color:#9d9fa1; background:#9d9fa1; border:0; clear:both;}





/* SUBPAGE CONTENT STYLING */

.content {
	
	width:985px; overflow:hidden; clear:both;
	
	margin:15px auto 0 auto; padding:0; border-top:1px solid #c8c8c8;
	
	background:#FFFFFF;
}

.content-left-column {
	
	width:492px; float:left;
}

.content-right-column {
	
	width:492px; float:left;
}
.content p {
	
	margin:0; padding:10px 25px;
	
	font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px;
	
	color:#606060;

}



/* FOOTER STYLING */

#footer {
	
	width:985px; margin:20px 0 0 0; padding:10px 0 30px 0; clear:both;
	
	border-top:1px solid #abadae; overflow:hidden;
}

.copyright {
	
	font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#9c9ea1;
	
	margin:0; padding:0; float:left;
}

.footer-nav {
	
	font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#9c9ea1;
	
	margin:0; padding:0; float:right;
}
.footer-nav a:link, .footer-nav a:active, .footer-nav a:visited {
	
	font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#9c9ea1; text-decoration:none
	
}
.footer-nav a:hover {
	
	font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#9c9ea1; text-decoration:underline;

}



/* TYPOGRAPHY STYLING */

hr {
	
	width:985px; height:1px;
	
	margin:15px auto; padding:0; border:0; clear:both;
	
	color:#c8c8c8; background:#c8c8c8; 
}

.green-arrow {
	
	float:right; margin:0; padding:10px 25px 0 25px;
	
	font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#20b1b5;
}

.green-arrow a:link, .green-arrow a:visited, .green-arrow a:active {

	font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#20b1b5;
	
	text-decoration:none; background: url(images/green-arrow.gif) center right no-repeat;
	
	margin:0; padding:0 20px 0 0;

}

.green-arrow a:hover {

	font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#20b1b5;
	
	text-decoration:underline; background: url(images/green-arrow.gif) center right no-repeat;
	
	margin:0; padding:0 20px 0 0;

}

h1 {font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#20b1b5; margin:0; padding:20px 25px 5px 25px;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#20b1b5; margin:0; padding:20px 25px 5px 25px;}

h6 {font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#20b1b5;}
h6 span {display:none;}

h6.physicians-header {width:328px; height:75px; margin:0; padding:0; background: url(images/physicians-box-header.gif) top right no-repeat;}
h6.patients-header {width:328px; height:75px; margin:0; padding:0; background: url(images/patients-box-header.gif) top right no-repeat;}
h6.news-header {width:327px; height:75px; margin:0; padding:0; background: url(images/news-box-header.gif) top right no-repeat;}



/* DROP DOWN MENU */

.sf-menu-box {width:985px; height:28px;	background: #9D9FA1 url(images/nav-background.jpg) top right no-repeat; margin:15px 0 0 0;}
.sf-menu-subpage-box {width:985px; height:28px;	background: #40bcbf url(images/sub-nav-background.jpg) top right no-repeat; margin:15px 0 0 0;}

.sf-menu, .sf-menu * {margin:0;	padding:0; list-style:none;}

.sf-menu {

	width:975px; height:28px; 
	
	list-style:none; line-height:1.0;
	
	margin:0; padding:0 0 0 10px; 
	
}

.sf-menu ul {position: absolute;top: -999em; width:10em; border:1px solid #999999; /* left offset of submenus need to match (see below) */}

.sf-menu ul li {width:100%;list-style:none;}

.sf-menu li:hover {visibility:inherit; /* fixes IE7 &##39;sticky bug&##39; */}

.sf-menu li {float:left;position:relative; height:28px; line-height:26px; color:#FFFFFF;}

.sf-menu a {display: block;	position: relative;}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0;	top:28px; /* match top ul list item height */	z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */	top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:	10em; /* match ul width */ top:	0;}

.sf-menu li a {
	
	color:#FFFFFF; text-decoration:none; margin:0 10px;
	
	float:left; display:block; height:28px; line-height:26px;
	
	font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;
}

.sf-menu li a:hover {
	
	color:#FFF; text-decoration:none; margin:0 10px;
	
	float:left; display:block; height:28px; line-height:26px;
	
	font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;	
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color:#fff;}
.sf-menu li ul li a, .sf-menu li ul li a:visited {color:#606060;}

.sf-menu li li {background:#FFF; color:#606060;}
.sf-menu li li li {	background:	#FFF;}

.sf-menu li ul li a {
	
	color:#606060; text-decoration:none; margin:0 5px; padding:0;
	
	float:left; display:block; height:25px; line-height:25px;
	
	font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:normal;
}

.sf-menu li ul li a:hover {
	
	color:#606060; text-decoration:underline; margin:0 5px; padding:0;
	
	float:left; display:block; height:25px; line-height:25px;
	
	font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:normal;
}