@charset "utf-8";
/* CSS Document */

/* Universal Styles */
body{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #cdcdcd;
	background-color: #000;
	background-image: url(../images/website-background2.jpg);
	background-repeat: no-repeat;
	background-position: center top;	
	background-attachment:fixed;
}

strong{
	font-weight:normal;	
}

em{
	font-style: normal;		
}

a{
	outline:none;	
}
a:link,
a:visited{
	text-decoration:none;
	color:#8ee0ff;
}

a:hover,
a:active{
	text-decoration:none;
	color:#fff;
}

#container{
	width:965px;
	margin:0 auto 0 auto;
}

object{
	outline:none;	
}

img{
	border:0;	
}

input{
	outline:none;	
}

/* End Universal Styles */

/*Header*/

#header{
	background-image: url(../images/website-header.png);
	background-repeat: no-repeat;
	height: 121px;
	width: 965px;
	margin-bottom:7px;
}

#header_logo{
	text-indent:-9999px;
	background-image: url(../images/header2.png);
	background-repeat: no-repeat;
	float:left;
	height: 121px;
	width: 965px;
	margin-bottom:7px;
}

#header_logo2{
	text-indent:-9999px;
	background-image: url(../images/the-symphony-of-science-header.gif);
	background-repeat: no-repeat;
	float:left;
	width:558px;
	height:73px;
	margin-top:20px;
	margin-left:16px;
}
/*
#social_buttons_container{
	background-image: url(../images/header-social-bg3.gif);
	background-repeat: no-repeat;
	height: 54px;
	width: 142x;
	margin-top:67px;
	float:right;
}

#social_buttons_container ul{
	margin:8px;
	padding:0;
	list-style:none;
}

#social_buttons_container ul>li:first-child{
	padding-right:6px;	
}

#social_buttons_container ul>li{
	display:inline;
}
*/
/* End Header */


/* Content Area */
#content_container{
	/* background-color: #000000; 
	background-image: url(../images/content-header-rounded.png);
	background-repeat: no-repeat; */
	width: 949px;
	padding:8px;
	
}

#content{
	width:691px;
	float:right;
	/* background-image: url(../images/content-background-pattern.png); */
	background-image: url(../images/newnav-bg.png);
	background-repeat: repeat;
	min-height:291px;
	padding:12px;
}

#content h1{
	font-size:20px;
	font-weight:normal;
	line-height: normal;
	background-image: url(../images/content-h1-underline.png);
	background-repeat: no-repeat;
	margin:0 0 -9px 0;
	padding-bottom:9px;
	background-position: left bottom;
}

.video_container2{
	background-image: url(../images/newvid.png);
	background-repeat: no-repeat;
	width: 691px;
	min-height:388px;
	margin-bottom:15px;
}

.video_container{
	background-image: url(../images/video-div-background.png);
	background-repeat: no-repeat;
	width: 687px;
	min-height:400px;
	margin-bottom:15px;
}


.video_container_widescreen{
	background-image: url(../images/video-div-background-widescreen.gif);
	background-repeat: no-repeat;
	width: 687px;
	min-height:300px;
	margin-bottom:15px;
	
}

.video{
	background-image: url(../images/video-background.gif);
	background-repeat: no-repeat;
	float: left;
	height: 429px;
	width: 541px;
	margin:7px;
	padding:5px;
}

.video2{
	background-image: url(../images/vid-background.png);
	background-repeat: no-repeat;
	float: left;
	height: 393px;
	width: 691px;
	margin:7px;
	padding:5px;
}

.video_widescreen{
	background-image: url(../images/video-background.gif);
	background-repeat: no-repeat;
	float: left;
	height: 313px;
	width: 541px;
	margin:7px;
	padding:5px;
}

.video_links{
	float:right;
	width:115px;
	margin-right:7px;
	margin-top:7px;
}

.video_links a,
.video_links a:visited{
	display:block;
	color:#8ee0ff;
	cursor:pointer;
	background-image: url(../images/video-button-background.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 95px;
	padding:5px 10px 10px 10px;
	margin:10px 0 10px 0;
}
.video_links a:hover,
.video_links a:active{
	text-decoration:none;
	color:#fff;
}

.video_links a:first-child{
	margin-top:0;	
}

/* Below Video Additional Info Flyout */
.additional_info{
    display:none;
    opacity:0;
    padding-left:12px;
    height:0px;
    
    background-image:url(../images/video-fly-out-footer.gif);
    background-repeat:no-repeat;
    background-position:center bottom;
}
.additional_info,
.additional_info p{
    font-size:12px;
    line-height:16px;
    color:#bbbbbb;
}
.additional_info div {
    padding-bottom:4px;
    height:auto;
}
.additional_info h2{
    font-size:16px;
    line-height: 20px;
    color:#484848;
    margin:0 0 -9px 0;
    padding-bottom:9px;
    
    background-image: url(../images/content-h1-underline.png);
    background-repeat: no-repeat;    
    background-position: left bottom;
}
.visible{
    display:block;
}

/* Navigation & Left Side*/

#newnav{
	width:227px;
	background-image: url(../images/newnav-bg.png); 
}

#nav_column{
	float:left;
	
	width:227px;
}

#navigation{
	width:227px;
	/* background-image: url(../images/newnav-bg.png); */
	background-repeat: repeat-y;
	/* min-height:256px; 
	margin-bottom:15px; */
}

#navigation_top_layer{
	background-image: url(../images/navigation-top-bg.gif);
	background-repeat: no-repeat;
	
}

#navigation_bottom{
	background-image: url(../images/navigation-bottom-bg.gif);
	background-repeat: no-repeat;
	height: 11px;
	width: 227px;	
}

#navigation ul{
	margin:0 12px -4px 12px;
	padding:0;
	list-style:none;
	
}

#navigation ul>li:first-child{
	border:none;
	
}

#navigation li a{
	color:#e5e5e5;
	display:block;
	padding:8px 0 8px 0;
}
#navigation ul li{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3c3c3c;
	color:#e5e5e5;
	display:block;
}

#navigation ul li:hover a{
	color:#8de0ff;
}

.help_support{
	background-image: url(../images/help-support-the-project.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 18px;
	width: 201px;
	margin-left: 12px;		
}

.help_support_button{
	background-image: url(../images/help-support-button-background.gif);
	height: 45px;
	width: 216px;
	padding-left: 12px;
	padding-top:8px;
	background-repeat: no-repeat;
	overflow:hidden;
	font-size:12px;
	margin-bottom:5px;
}

.help_support_button a:link,
.help_support_button a:visited{
	color:#e4e4e4
}

.help_support_button a:hover,
.help_support_button a:active{
	color:#8ee0ff;
}

.newsletter_top{
	background-image: url(../images/newsletter-top.gif);
	background-repeat: no-repeat;
	height: 11px;
	width: 228px;	
}

.newsletter{
	background-image: url(../images/newsletter-bg.gif);
	background-repeat: repeat-y;
	width: 204px;	
	color:#525252;
	font-size:12px;
	line-height:16px;
	padding-left:12px;
	padding-right:12px;
}

.newsletter h2{
	font-size:16px;
	font-weight:normal;
	margin:0 0 8px 0;
	padding:0;
}

.newsletter p{
	margin-top:0;	
}

.newsletter table{
	width:100%;	
	border:0;	
}

.newsletter table td{
	padding-left:0;	
}

.newsletter_input_round{
	background-image: url(../images/newsletter-input-bg.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 154px;
	padding:3px;
}

.newsletter_input_round input{
	width:146px;
	height:20px;
	background-color:#3c3c3c;
	border: 1px solid #3c3c3c;
	font-size:14px;
	color:#838383;
	margin-top:-2px;
	padding-left:2px;
}

.newsletter_bottom{
	background-image: url(../images/newsletter-bottom.gif);
	background-repeat: no-repeat;
	height: 11px;
	width: 228px;
	
}

/* End Navigation & Left Side*/
/* End Content Area */

/* Footer */
#footer{
	background-image: url(../images/footer-background.gif);
	background-repeat: no-repeat;
	height: 108px;
	width: 929px;
	overflow:hidden;
	padding:18px 18px 0 18px;
	color:#5f5f5f;
}

#footer_contact{
	float:left;
}

#footer_contact a:link,
#footer_contact a:visited{
	color:#a7a7a7;
}

#footer_contact a:hover,
#footer_contact a:active{
	color:#fff;
}

#footer_contact a.donate_footer:link,
#footer_contact a.donate_footer:visited{
	color:#8ee0ff;
	font-weight:bold;
}

#footer_contact a.donate_footer:hover,
#footer_contact a.donate_footer:active{
	color:#fff;
	font-weight:bold;
}

#footer_heatbrain{
	float:right;
	background-image: url(../images/heatbrain-logo.gif);
	background-repeat: no-repeat;
	padding-right: 55px;
	background-position: right 5px;
	width:385px;
	min-height:50px;
	text-align:right;
	
}
/* End Footer */

/* Banner */

#advertisement{
	background-color:#000;
	width:941px;
	
	background-image: url(../images/advertisement-background.gif);
	background-repeat: no-repeat;
	height: 91px;
	padding: 12px 12px 27px 12px;
}

#ad_left{
	float:left;	
	width:205px;
	margin-top:35px;
	color:#323232;
	text-align:center;
}

#ad_right{
	float:right;
	width:728px;
}

/* SEO Bold / EM Replacements */
.strong{
	font-weight:bold;	
}

.em{
	font-style:italic;	
}

/* Clear Fixes */
.clear_left{
	clear:left;	
}

.clear_right{
	clear:right;	
}

.clear_both{
	clear:both;	
}