/*Created By: 
  Date:
  Describe Modification:
*/

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

/*-----------------------------------------General------------------------------------------*/

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

/*Last Modified By: 
  Date:
  Describe Modification:
*/
body{
	margin: 0;
	padding: 0;
}

body{
	/*width: 800px;
	margin: auto;*/
	background-color: #969696;
	margin-top: 14px;
}

#wrapper{
	width: 772px;
	margin-left:100px;
	margin-right:100px;
	background-color:#ffffff;
}


.featuredtopic{
	float: left;
	width: 178px;
	height: 143px;
	padding-left: 13px;
	padding-top:30px;
		padding-bottom:5px;
	color:#ffffff;
	background-color:#666666;
	background-position:top left;
	background-image:url(../images/featuredtopic.gif);
	background-repeat:no-repeat;
	font-family:"Courier New", Courier, monospace;
	font-weight:normal;
	
}

.featuredtopic h1{
margin-bottom:0px;
font-size:30px;
}

.featuredtopic2{
	width: 168px;
	color:#ffffff;
	background-color:#666666;
	margin-left: 12px;
	padding-left: 8px;
	margin-top:-1px;
	font-weight:normal;
	font-family:"Courier New", Courier, monospace;
}

.featuredtopic .subhead
{
color:#ffcc00;
font-weight:bold;
margin-bottom:10px;
}

.featuredtopic2 .subhead
{
color:#ffcc00;
font-weight:bold;
margin-bottom:10px;
margin-top:-10px;
}

.featuredtopic2 h2{
font-size:2em;
margin-top:0px;
margin-bottom:0px;
padding:12px 0 10px 0;
}

.featuredtopic2 a:link, .featuredtopic2 a:visited, .featuredtopic2 a:hover, .featuredtopic2 a:active {
	text-decoration: none;
	color: #ffffff;
}

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

/*-----------------------------------------Header------------------------------------------*/

/*------------------------------------------------------------------------------------------*/
/*Last Modified By: 
  Date:
  Describe Modification:
  Section Description: Styles for top section of htm including logo and header design
*/

#headerhome{
	background-color: Black;
	height: 171px;
	width: 772px;
	background-image:url(/images/background.jpg);
	background-repeat:no-repeat;
}

#header{
	background-color: Black;
	height: 81px;
	width: 772px;

}

#introtext {
	padding-top:15px;
	float:right;
	width:270px;
	color:#c0c0c0;
	padding-right:40px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.topsection {
	background-image:url(/images/topsection.gif);
}

.logo{
	background-image: url(/images/logo.gif);
	position:absolute; 
	width:476px; 
	height: 114px;
	/*z-index:1; */
	left: 385px;  
	top: 15px; 
	visibility: visible;
	background-repeat:no-repeat;
	
}


.howcanilogo{
	background-image: url(/images/howcani_logo.gif);
	position:absolute; 
	width:476px; 
	height: 114px;
	/*z-index:1; */
	left: 385px;  
	top: 15px; 
	visibility: visible;
	background-repeat:no-repeat;
}

.whatisitlogo{
	background-image: url(/images/whatisit_logo.gif);
	position:absolute; 
	width:476px; 
	height: 114px;
	/*z-index:1; */
	left: 385px;  
	top: 15px; 
	visibility: visible;
	background-repeat:no-repeat;
	
}
.ydoesitmatterlogo{
	background-image: url(/images/ydoesitmatter_logo.gif);
	position:absolute; 
	width:476px; 
	height: 114px;
	/*z-index:1; */
	left: 385px;  
	top: 15px; 
	visibility: visible;
	background-repeat:no-repeat;
}

.whatcanidologo{
	background-image: url(/images/whatcanido_logo.gif);
	position:absolute; 
	width:476px; 
	height: 114px;
	/*z-index:1; */
	left: 385px;  
	top: 15px; 
	visibility: visible;
	background-repeat:no-repeat;
}

.resourceslogo{
	background-image: url(/images/resources_logo.gif);
	position:absolute; 
	width:476px; 
	height: 114px;
	/*z-index:1; */
	left: 385px;  
	top: 15px; 
	visibility: visible;
	background-repeat:no-repeat;
	
}

.contributorslogo{
	background-image: url(/images/contributors_logo.gif);
	position:absolute; 
	width:476px; 
	height: 114px;
	/*z-index:1; */
	left: 385px;  
	top: 15px; 
	visibility: visible;
	background-repeat:no-repeat;
}

.contactuslogo{
	background-image: url(/images/contactus_logo.gif);
position:absolute; 
	width:476px; 
	height: 114px;
	/*z-index:1; */
	left: 385px;  
	top: 15px; 
	visibility: visible;
	background-repeat:no-repeat;
}

.aboutuslogo{
	background-image: url(/images/about_us_logo.gif);
	position:absolute; 
	width:476px; 
	height: 114px;
	/*z-index:1; */
	left: 385px;  
	top: 15px; 
	visibility: visible;
	background-repeat:no-repeat;
}

.pplogo{
	background-image: url(/images/privacypolicy_logo.gif);
position:absolute; 
	width:476px; 
	height: 114px;
	/*z-index:1; */
	left: 385px;  
	top: 15px; 
	visibility: visible;
	background-repeat:no-repeat;
}

.copyrightlogo{
	background-image: url(../images/copyright_logo.gif);
position:absolute; 
	width:476px; 
	height: 114px;
	/*z-index:1; */
	left: 385px;  
	top: 15px; 
	visibility: visible;
}

.disclaimerlogo{
	background-image: url(/images/disclaimer_logo.gif);
position:absolute; 
	width:476px; 
	height: 114px;
	/*z-index:1; */
	left: 385px;  
	top: 15px; 
	visibility: visible;
	background-repeat:no-repeat;
}
/*------------------------------------------------------------------------------------------*/

/*-----------------------------------------Navigation------------------------------------------*/

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

/*Last Modified By: 
  Date:
  Describe Modification:
    Section Description: Styles for navigation. headernav, mainnav, leftnav, etc.
*/

#headerhomenav{
	font-size: 11px;
	margin-left: 15px;
	font-family: Verdana;
	color: white;
	font-weight: bold;
	width: 40%;
	padding-top: 15px;
}
#headerhomenav a:link{
	text-decoration: underline;
	color: white;
}
#headerhomenav a:visited{
	text-decoration: underline;
	color: white;
}
#headerhomenav a:hover{
	text-decoration: none;
	color: white;
}
#headerhomenav a:active{
	text-decoration: none;
	color: #CCCCCC;
}
#headerhomenav a.active{
	text-decoration: none;
	color: #CCCCCC;
}


#headernav{
	font-size: 11px;
	margin-left: 5px;
	font-family: Verdana;
	color: white;
	font-weight: bold;
	width: 40%;
	padding-top: 60px;
}
#headernav a:link{
	text-decoration: underline;
	color: white;
}
#headernav a:visited{
	text-decoration: underline;
	color: white;
}
#headernav a:hover{
	text-decoration: none;
	color: white;
}
#headernav a:active{
	text-decoration: none;
	color: #CCCCCC;
}
#headernav a.active{
	text-decoration: none;
	color: #CCCCCC;
}
#headernavline{
	color: #FFCC00;
}

#mainnav{
	background: url(/images/2row_h_content.gif) repeat-y;
	width: 772px;
}

.tbi{
	float: left;
	width: 177px;
	height: 178px;
	padding-left: 13px;
}

.whatisit{
	float: left;
	width: 178px;
	height: 178px;
	padding-left: 12px;
}

.ydoesitmatter{
	float: left;
	width: 178px;
	height: 178px;

	padding-left: 12px;
}

.prevent{
	float: left;
	padding-left: 12px;
	width: 180px;
	height: 178px;
}

#nav{
	
}

#nav a:link{
	
}

#nav a:visited{
	
}

#nav a:hover{
	
}

#nav a:active{
	
}
/*------------------------------------------------------------------------------------------*/

/*-----------------------------------------Content------------------------------------------*/

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

/*Last Modified By: 
  Date:
  Describe Modification:
*/

#content{/*style for body content*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4B4A4A;
	font-size: 11px;
	height:100%;
	
}

p{

}

#threecols{/*layout for row with three columns*/
	background: url(/images/3row_h_content.gif) repeat-y;
	width: 772px;
}

.firstcol{/*first columnn in three column row on homepage*/
	float: left;
	width: 190px;
	padding-left: 12px;
}

.secondcol{/*second columnn in three column row on homepage*/
	float: left;
	width: 370px;
}

.thirdcol{/*third columnn in three column row on homepage*/
	float: left;
	width: 180px;
	padding-left: 9px;
}

.home_column_bg{/*background image for home page columns*/
	background-image:url(/images/home_column_bg.gif);
	background-repeat: repeat-y;
	width: 772px;
}

.homeFirst_col{/*first columnn in three column row on child pages*/
	float: left;
	width: 493px;
	padding-right:6px;
	padding-left:13px;
}

.homeSecond_col{
	float: left;
	width:243px;
	padding-left:0px;
	padding-right:0px;
}

.childFirst_col{/*first columnn in three column row on child pages*/
	float: left;
	padding: 1px;
	width: 197px;
}

.childSecond_col{/*second columnn in three column row on child pages*/
	float: left;
	width: 370px;
	padding-left: 3px;
	padding-right: 4px;
}

.childThird_col{/*third columnn in three column row on child pages*/
	float: left;
	width: 180px;
	padding-left: 6px;
	margin-top: 27px;
}

.twocol_bckgrd{/*background image for page with two columns*/
	background: url(/images/disclaimer_bckgd.gif) repeat-y;
	width: 772px;
}




.twocol_content{
	float: left;
	padding: 3px;
	width: 400px;
	height: 100%;
}

/* homepage sections */

.left_section_top{
background-image:url(/images/left_section_top.gif);
height:20px;
margin-top:10px;
padding:3px 2px 0px 11px;
color:#000000;
text-transform:uppercase;
font-weight:bold;
background-repeat:no-repeat;
}

.left_section{
padding:10px;
border-left:1px solid #ffcc00;
border-right:1px solid #ffcc00;
margin-top:-3px;
}

.left_section h2{
margin:0px;
}

.left_section_bottom{
background-image:url(/images/left_section_bottom.gif);
height:11px;
background-repeat:no-repeat;

}

.right_section_top{
background-image:url(/images/right_section_top.gif);
height:20px;
padding:3px 2px 0px 11px;
color:#000000;
text-transform:uppercase;
font-weight:bold;
background-repeat:no-repeat;
}

.right_section{
padding:10px;
border-left:1px solid #ffcc00;
border-right:1px solid #ffcc00;
margin-top:-3px;
}

.right_section_bottom{
background-image:url(/images/right_section_bottom.gif);
height:11px;
background-repeat:no-repeat;

}


.homeimage
{padding-right:5px;}

h1{
	
}

h2{
	font-size: 17px;
}

ul{
	
}

li{
	
}

table{
	
}

th{
	
}

a:link{
	
}

a:visited{
	
}

a:hover{
	
}

a:active{
	
}

a.more:link{
	text-decoration: underline;
	color: #4c4c4c;
}

a.more:visited{
	text-decoration: underline;
	color: #4c4c4c;
}

a.more:hover{
	text-decoration: none;
	color: #4c4c4c;
}

a.more:active{
	text-decoration: underline;
	color: #4c4c4c;
}

a.content{
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
	
}

a.content:hover{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.transcript{
	margin-top: 5px;	
}

a.transcript:link{
	text-decoration: underline;
	color: #000;
}
a.transcript:visited{
	text-decoration: underline;
	color: #000;
	padding-top: 5px;
}
a.transcript:hover{
	text-decoration: none;
	color: #000;
	padding-top: 5px;
}
a.transcript:active{
	text-decoration: underline;
	color: #000;
	padding-top: 5px;
}
.intro {
	width: 772px;
	background: url(/images/content_dots.gif) repeat-y;
}

.leftbox{/*layout for intro section*/
	float: left;
	width: 45%;
	padding: 10px;
	margin-left: 5px;
}

.rightbox{/*layout for intro section*/
	float: right;
	padding: 5px;
	width: 48%;
	padding-top: 10px;
}

.top-padding{
	padding-top: 2px;
}

.top-padding2{
	margin-top: 10px;
}

.left-padding{
	padding-left:6px;
}

.right-padding{
	padding-right:3px;
}
.bottom-padding{
height:65px;
}

.aboutus_long
{background-image: url(/images/aboutus.gif);
background-repeat:no-repeat;
background-color:#ffcc00;
height:22px;
margin-top:4px;
width:558px;
}

.contactus_long
{background-image: url(/images/contact_us.gif);
background-repeat:no-repeat;
background-color:#ffcc00;
height:20px;
margin-top:4px;
width:558px;
}

.disclaimer_long
{background-image: url(/images/legal_disclaimer.gif);
background-repeat:no-repeat;
background-color:#ffcc00;
height:22px;
margin-top:4px;
width:558px;
}

.copyright_long
{background-image: url(/images/copyright_yellow.gif);
background-repeat:no-repeat;
background-color:#ffcc00;
height:22px;
margin-top:4px;
width:558px;
}

.privacy_long
{background-image: url(/images/privacy_policy.gif);
background-repeat:no-repeat;
background-color:#ffcc00;
height:22px;
margin-top:5px;
width:558px;
}

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

/*-----------------------------------------Footer------------------------------------------*/

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

/*Last Modified By: 
  Date:
  Describe Modification:
*/

#footer{
	background: url(/images/footer_bckgrd.gif) repeat-y;
	width: 772px;
}

.left{
	float: left;
	width: 62%;
	padding-left: 12px;
}

.right{
	float: right;
	padding: 2px;
	width: 31%;
}

.footer{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4B4A4A;
	font-size: 9px;
}

#footer a:link{
	
}

#footer a:visited{
	
}

#footer a:hover{
	
}

#footer a:active{
	
}
/*------------------------------------------------------------------------------------------*/

/*-----------------------------------------Other------------------------------------------*/

/*-----------------This section is for any styles that may not fit in the sections above------*/

/*Last Modified By: 
  Date:
  Describe Modification:
*/

.habits td {padding-bottom:15px;}

/* lightbox styles */
		.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 1000px;
			height: 920px;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.7;
			opacity:.70;
			filter: alpha(opacity=70);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 100px;
			left: 250px;
			width: 465px;
			height: 480px;
			padding: 2px;
			border: 0px solid black;
			background-color: black;
			color:#ffffff;
			z-index:1002;
			overflow: auto;}
		.white_content a{
			color:#ffffff;}	

		.white_content h2{
			color:#ffffff;}	

		.iframes{margin-top:-10px;}
		
		.explorenow {
		background-color:#000000;
		background-image:url(/images/explore_arrow.gif);
		background-position:center right;
		background-repeat:no-repeat;
		width:165px;
		float:right;
		margin-right:10px;
		}
		
		.movietitle{margin:5px 0px 0px 5px;}
		
		.explorenow h2{margin:0px}
		
		.explorenow a{
		color:#ffffff;
		text-transform:uppercase;
		font-weight:bold;
		text-decoration:none;
		padding-top:-25px;
		}
		
		.glidefloat {
		float:left;
		}
		
		.glidefloatright {
		float:right;
		padding-top:5px;
		padding-right:5px;
		}
		
		.glidefloatright a {
		margin-right:10px;
		font-weight:bold;
		}
		
		#followus {
	background: url(/images/footer_bckgrd.gif) repeat-y;
    width:772px;

		}
	.socialnetwork {
	float: left;
	width: 180px;
	
}
.socialnetwork img{
	padding: 10px 0 0 0;
	
}