/* -

	WebSweet

	
	- CHDS 2009

--------------------- */

	


@import url("text.css");		/* text styles */
@import url("forms.css");  		/* form styles */
	
/* universal
--------------------- */
body { 
	font-size: 100%; 
	background: #292929;
	}

#container {
	font-size: 62.5%;
	}
body, h1, h2, h3, ul, li, a, hr, div, img, table, form, fieldset { 
	margin: 0; padding: 0;
	}
hr {
	visibility: hidden;
	clear: both;
	}
.hide { display: none; }


/* structure/layout
--------------------- */

#container {
	margin: 0 auto;
	width: 100%;
	background: transparent;
	}

#header {
	margin: 0 auto; padding: 0;
	width: 100%; height: 209px;
	background: #bf2e1a url("../images/header-bg.jpg") no-repeat top right;
	position: relative;
	}
	#header h1 {
		margin: 0 0 0 -440px; padding: 0;
		text-align: center;
		position: absolute;
		left: 50%; top: 5px;
		}
		#container #header h1 a {
			margin: 0; padding: 0;
			display: block;
			border: none; text-decoration: none;
			}

#sub_container {
	margin: 0 auto; padding: 0 0 15px 0;
	width: 100%;
	background: #bf2e1a;
	}


/* graphic
--------------------- */
#main_graphic { 
	margin: 0 auto; padding: 0;
	text-align: center;
	width: 100%; height: 78px;
	overflow: hidden;
	background: #000;
	border-bottom: 9px solid #f78f1e;
	}
	.home #main_graphic { height: 303px; }
#main_graphic img { margin: 0 auto; }

img.gene_small { margin: -9px 0 15px 0; border: 9px solid #f78f1e; border-top: none; }

/* content
--------------------- */
#content {
	margin: 0 auto; padding: 0;
	width: 990px;
	}
#main_content {
	margin: 0; padding: 35px 40px 0 70px;
	width: 450px; min-height: 200px; float: left;
	background: transparent url("../images/content-bg.jpg") no-repeat top left;
	}
#sidebar {
	margin: 0; padding: 0;
	width: 352px; float: right;
	}
	#sidebar .article {
		padding-left: 78px;
		}
	.backtotop { margin-left: -22px; opacity: 1; }
	.backtotop:hover { opacity: 0.90; margin-top: 1px !important; }
	.backtotop:active { opacity: 0.90; margin-top: 1px !important; }

/* list of studies */
#container #sidebar ul.studies_list {
	margin: 0; padding: 0;
	list-style-type: none;
	width: 340px;
	}
	#container #sidebar ul.studies_list li {
		margin: 0; padding: 10px 0 5px 10px;
		border-top: 1px dashed #bf5c1a;
		}
	#container #sidebar ul.studies_list li:hover {
		background: #cc3823;
		}
	#container #sidebar ul.studies_list li.selected {
		background: #b22612;
		}
		#container #sidebar ul.studies_list li a.button {
			}

	
/* home */
.home #content {
	margin: 0 auto; padding: 0;
	width: 990px;
	}
	.home #main_content {
		margin: 0; padding: 0;
		width: 990px;
		display: block; float: right;
		}
	.home #main_content #col1,
	.home #main_content #col2 { padding: 35px 20px 0 70px; width: 270px; float: left; background: transparent url("../images/content-bg.jpg") no-repeat top left; }
	.home #main_content #col3 { padding: 10px 0 0 20px; width: 210px; float: left; background: transparent url("../images/contact-bg.jpg") no-repeat top left; }
	.home #main_content #col3 a:first-child img { margin-bottom: 20px; }
	.home #main_content #col3 a:hover { opacity: 0.75; }
	.home #main_content #col3 a:active { opacity: 0.55; }
	
	.button { margin-left: -3px; opacity: 1; }
	.button:hover { opacity: 0.90; margin-top: 1px !important; }
	.button:active { opacity: 0.90; margin-top: 1px !important; }
	
	/* video */
	div.video_container {
		margin: 0 0 30px 0;
		border: 6px solid #111;
		border-bottom: 2px solid #111;
		background: #111;
		}

/* footer
--------------------- */
#footer {
	margin: 0 auto 0 auto; padding: 0;
	width: 960px; height: 80px;
	clear: both;
	position: relative;
	}
	#footer p {
		margin: 0 auto; padding: 20px 0;
		width: auto;
		}
		#footer p a.powered-by {
			position: absolute;
			right: -40px;
			top: 20px;
			display: none;
			}
		#footer p a.powered-by img { 
			margin: 0; 
			padding: 0; 
			}
		

/* main navigation
--------------------- */

#nav {
	margin: 0 0 0 -480px; padding: 0;
	width: 960px; height: 57px;
	text-align: right;
	position: absolute;
	left: 50%; bottom: 0;
	background: #f78f1e;
	-moz-box-shadow: 0 4px 15px #000;
	-webkit-box-shadow: 0 4px 15px #000;
	}

#nav ul {
	margin: 0 !important; padding: 22px 0 0 0;
	list-style-type: none;
	width: 960px; height: auto;
	text-align: right;
	background: transparent;
	display: block;
	position: relative;
	}
	#nav li {
		margin: 0 !important; padding: 18px 0 15px 0 !important;
		height: 57px; width: auto;
		display: inline;
		line-height: 100% !important;
		background: transparent url("../images/nav-divider.png") no-repeat left center;
		}
	#nav li:first-child { background: none; }
	#nav li a {
		margin: 0 !important; padding: 18px 23px 15px 23px;
		text-align: center;
		width: auto;
		display: inline;
		line-height: 100% !important;
    	}
    	#nav li:first-child a { border: none; }
	#nav li a:hover {
		background: transparent url("../images/nav-hover.png") no-repeat center center;
		}


/* anchors
--------------------- */

#container a img { border: none; }
#container #sidebar a { border: none; }

#container #nav a:link { color: #450a02; text-decoration: none; }
#container #nav a:visited { color: #450a02; text-decoration: none; }
#container #nav a:hover { color: #bf2e1a; text-decoration: none; }
#container #nav a:active { color: #111; text-decoration: none; }

#sub_container a:link { color: #f78f1e; text-decoration: underline; }
#sub_container a:visited { color: #f78f1e; text-decoration: underline; }
#sub_container a:hover { color: #450a02; text-decoration: underline; }
#sub_container a:active { color: #111; text-decoration: underline; }

#footer a:link { color: #c0bfad; text-decoration: underline; }
#footer a:visited { color: #c0bfad; text-decoration: underline; }
#footer a:hover { color: #dadad1; text-decoration: underline; }
#footer a:active { color: #b2b19b; text-decoration: underline; }

a:focus {
	outline: none;
	}
#container #nav li.current_page a { background: transparent url("../images/nav-hover.png") no-repeat center center; }
#container #nav li.current_page a { color: #bf2e1a; }


/* images
--------------------- */

#ws_loading { background: transparent; padding: 4px; }


/* tables
--------------------- */
#sub_container table {
	margin: 0; padding: 0;
	border: none;
	border-collapse: collapse;
	border: 1px solid #ddd;
	}
#sub_container table tbody td {
	padding: 10px 10px;
	border-bottom: 1px solid #ddd;
	}


/* powered by
--------------------- */