/*
this is the main style sheet for the NTGC/R templates. 
by wrapping this text within the slash and asterisks the text is not renderd by the style sheet.

NOTE:
the # sign is how we call out id's within the xhtml.
the . sign is how we call out classes within the xhtml.
a div acts like a container for smaller page elements like paragraphs and unordered lists. makes it easier to move them around all together.
please be careful when modifying the properties for each element.
changing the floating properties will dramatically alter the layout as will other margins and paddings properties 
CSS properties are cascading meaning if you alter an elements property further down this page, that same property will be overrwritten if applied earlier.
*/





/* the body is where your main font properties should be specified. please do not alter the .8125em value */
body{
	font: .6250em helvetica, arial;
	text-align: center;
	margin:0;
	padding:0;
	background:#700404;
}
html{
	font-size:100%;
}

#wrapper{
	text-align:left;
	margin: 20px auto;
	width:845px;
	background:#fff;
}



	#header{
		background: url('../images/header_bg1.jpg') top left repeat-x;
	}
		#brand{
			height:159px;
			background: url('../images/brand.jpg') top left no-repeat;
		}
			#brand form{
				float:right;
				width:120px;
				margin:96px 5px 0px 0;
			}
				#brand form p{
					text-align:right;
					margin:0;
					padding:0;
				}
				#brand form p input{
					color:#700404;
					width:100px;
					margin-bottom:5px;
				}
			
	#databar{
		height:34px;
		background: url('../images/databar_bg.jpg') top left repeat-x;
	}
		div#databar p{
			color:white;
			font-size:140%;
		}


	
	div#content_wrap_top{
		background:#000;
		overflow:hidden;
		zoom:1; /*this maintains the black background for the flash movie and right side content in IE browsers*/
	}
		ul#nav{
			width:160px;
			margin:0;
			padding:0 0 20px 0;
			float:left;
			list-style:none;
			background:black;
		}
			ul#nav li{
				margin-top:10px;
			}
			ul#nav li a{
				display:block;
				text-align:center;
				font-size:150%;
				width:156px;
				height:16px;
				background:url('../images/leftnav_bg.jpg') top left;
				padding-top:5px;
				color:black;
				text-decoration:none;
			}	
		div#flashwrap{
			width:320px;
			height:240px;
			margin:8px 0 0 5px;
			float:left;
			background:#000;
		}
		div#flash_summary{
			width:240px;
			float:left;
			margin-left:30px;
			*margin-top:15px;
		}
			div#flash_summary h3, div#flash_summary p, div#flash_summary p a{
				color:white;
			}
				div#flash_summary p{
					font-size:140%;
					line-height:140%;
				}
				div#flash_summary p.right{
					font-size:90%;
					text-align:right;
					margin:0;
					padding:2px 0;
				}
				div#flash_summary p a{
					text-decoration:none;
				}
					div#flash_summary p a:hover{
						text-decoration:underline;
					}
				div#flash_summary h3{
					border-bottom:1px solid #c21b00;
					font-weight:normal;
					font-size:180%;
					padding-bottom:7px;
				}
	
	
	
	
	
	#content_wrap_btm{
		clear:left;
		overflow:hidden;
		background:white;
		margin-bottom:20px;
	}
	
		div#mission{
			background:#f5f5f5 url('../images/mission_header.jpg') right top no-repeat;
			width:148px;
			float:left;
		}

			div#mission p{
				margin:10px;
			}
			div#mission p.firstP{
				margin-top:135px;
			}
			div#mission_btm{
				background:#dfdfdf url('../images/mission_btm_right.jpg') top right no-repeat;
				height:15px;
			}
				
	
	
		div#featured_story{
			width:512px;
			float:left;
			font-size:1.2em;
		}
			div#featured_header{
				background: url('../images/featured_header.jpg') top left no-repeat;
				height:35px;
			}
			div#featured_left_column, div#featured_right_column{
	margin-top:20px;
			}
			div#featured_left_column{
				width:155px;
				padding-left:20px;
				float:left;
			}
				div#featured_left_column img{
					float:left;
				}
				
			div#featured_right_column{
	width:300px;
	padding-left:5px;
	float:left;
	overflow:hidden;
			}
				div#info_box{
					background:#e1e1ef;
					border:1px solid #6b7cad;
					overflow:hidden;
				}
					div#info_box h3{
						background:black;
						padding:3px;
						margin:0;
						padding:3px;
						color:white;
					}
					div#info_box p{
						padding:1px 8px;
					}
	
	
	
		div#whats_new{
			width:150px;
			float:left;
			margin-left:10px;
		}
			div#whats_new h3{
				font-size:160%;
				font-weight:normal;
				margin-top:5px;
				padding-bottom:3px;
				border-bottom:1px solid #700404;
			}
			div#whats_new p{
				font-size:120%;
			}
			div#whats_new p a.news_date{
				color:#700404;
				font-size:140%;
			}
	
	
	
	
		div#qlinks{
			width:171px;
			float:left;
			margin-top:10px;
			background:#700404 url('../images/qlinks_header.jpg') top left no-repeat;
		}
			ul.qlinks{
				margin:50px 0 20px 10px;
				padding:0;
				list-style:none;
			}
				ul.qlinks li{
					margin-top:10px;
					padding:0;
				}
					ul.qlinks li a{
						color:white;
						text-decoration:none;
						font-size:130%;
					}
					ul.qlinks li a:hover{
						color:white;
						text-decoration:underline;
					}
					
		ul#footer{
			clear:left;
			margin-left:120px;
			list-style:none;
			margin-top:-30px;
			padding-bottom:30px;
		}
			ul#footer li{
				float:left;
				margin-left:25px;
			}
			ul#footer li a{
				color:#858585;
				text-decoration:none;
			}
			ul#footer li a:hover{
				text-decoration:underline;
			}
			
			
			
			
			
/********** begin sub page properties           */
div#content_wrap_left{
	width:160px;
	float:left;
}
		div#mission_sub{
			background:#f5f5f5 url('../images/mission_bg.gif') top right repeat-y;
			width:158px;
			clear:left;
			padding-bottom:5px;
		}
			div#mission_sub_btm{
				background:#dfdfdf url('../images/mission_btm_right.jpg') top right no-repeat;
				width:151px;
				height:15px;
			}
			div#mission_sub p{
				padding:3px 15px 0px 10px;
			}	
			div#mission_sub p.firstP{
				padding-top:0px;
			}



div#content_wrap_middle{
	width:485px;
	float:left;
}
		div#content_wrap_middle h1{
			text-align:center;
			font-size:270%;
			font-weight:normal;
		}

		div#submain_left_column{
			float:left;
			width:215px;
			margin-left:20px;
		}
		div#submain_right_column{
			float:left;
			width:215px;
			margin-left:20px;
		}



		
div#content_wrap_right{
	width:186px;
	float:left;
}
	div#subflash_wrap{
		width:186px;
		height:133px;
		margin-top:7px;
		background: url('../images/subpage_movie.jpg') top left no-repeat;
	}
		div#subflash_content p{
			font-size:110%;
			margin-top:5px;
			padding-bottom:5px;
			text-align:center;
			border-bottom:1px solid #700404;
		}
	ul.subpage_right_links{
		margin:0;
		padding:0;
		list-style:none;
		position:relative;
	}
		ul.subpage_right_links li{
			margin:0;
			padding:2px 0;
			list-style:none;
			position:relative;
		}
		ul.subpage_right_links li a{
			color:black;
			text-decoration:none;
			font-size:160%;
		}
		ul.subpage_right_links li a:hover{
			text-decoration:underline;
		}
		
	 div#qlinks_sub{
	 	width:171px;
	 	margin-top:0px;
	 	background:#700404 url('../images/qlinks_header.jpg') top left no-repeat;
	 }
				ul.qlinks{
				margin:20px 0 20px 10px;
				padding:40px 0 10px;
				list-style:none;
			}
				ul.qlinks li{
					margin-top:10px;
					padding:0;
				}
					ul.qlinks li a{
						color:white;
						text-decoration:none;
						font-size:130%;
					}
					ul.qlinks li a:hover{
						color:white;
						text-decoration:underline;
					}