/*
	Global Styles for Hampden Engineering
*/

*{padding:0; margin:0;}
	a img{border:none;}

body{padding:10px;}

#wrapper{width:780px; height:auto; overflow:hidden;}
	
	#header{clear:both; width:780px; overflow:hidden}
		h1.logo{overflow: hidden; text-indent:-9999px; display:inline; float:left;}
			h1.logo a{display: block; width:239px; height:99px; background:url("images/hampden-logo.jpg") no-repeat top left;}
		#action-bar{float:left;}
			
		#searchform{float:left;}
			#searchform label{font-family:arial, sans-serif; font-size:11px; color:#131313;}
			#submitsearch{background: url("images/search.jpg") no-repeat 50% center; width:55px; height:20px; border:none;}
			#searchquery {border:1px solid #DDD; padding:3px; width:150px}
			#searchform select{border:1px solid #DDD; padding:3px; width:120px}
		
		.menu-links{float:right; display:inline; font-size:11px; margin-left: 40px; text-align: right; text-transform: uppercase;}
			.menu-links a{color:#CC0001; text-decoration: none;}
		
	#sidebar{float:left; width:220px;}
		#menu{list-style:none;}
			#menu li{clear:both; height:49px; overflow:hidden; margin-bottom:3px;}
	
		#newsbox{background:#808080; overflow:hidden; margin-bottom:10px;}
			#newsbox h2{text-indent:-9999px; background:#ddd;}
			#newsbox li{font-size:10px; font-family:arial, sans-serif; color:#FFF; font-weight:bold; padding:10px 15px 10px 15px;}
				#newsbox li h3{color:#000; font-size:10px;}
				#newsbox li a{color:#000;}
			
	#content{float:left;width:560px;}
		#banner-box{width:543px; margin:0px 0px 12px 12px;}
		
		#content p{font-family:arial, sans-serif; font-size:12px; line-height:1.4em; padding:0px 15px 15px 15px;}
		#content img.alignright{float:right; margin:5px 0px 5px 5px;}
		
		
		#content a{color:#CC0001}
		
		#content h2{color:#000; font-size:16px; font-family:arial, sans-serif; padding:0px 15px 15px 15px;}
		#content h3{color:#054ABD; font-size:13px; font-family:arial, sans-serif; padding:0px 15px 15px 15px;}
			#content h2.category-title{background:#054ABD; color:#FFF; text-align:center; clear:both; padding:40px; margin-left:15px;}
		#content img{margin:0px 15px 15px 15px;}
		
		.aligncenter{text-align:center;}
		
		.spanish-item{clear:both; display:block; overflow:hidden; margin-bottom:15px; border-bottom: 1px dashed #CCC;}
			.spanish-item img{float:right; margin:5px 0px 5px 5px; clear:right;}
			#content ul, .spanish-item ul{list-style:disc inside; font-family:Arial, sans-serif; margin-bottom:15px}
				#content li, .spanish-item li{line-height:1.4em; font-size:12px; margin-left:25px;}
		
		ul.spanish-image{list-style: none outside; clear:both; margin:0; padding:0;}
			#content ul.spanish-image li{display:inline; float:left; width:120px; height:270px; overflow:hidden; text-align:center; margin:0 5px 5px 0; padding:0;}
				#content .spanish-image li .tophalf{height:135px; width:120px; overflow: hidden; clear:both; text-align:center;}
				#content .spanish-image h4{display:block; clear:both; margin:0;}
				#content ul.spanish-image img{margin:0; padding:0;}
		
		#content ul.double{list-style:disc inside; font-family:arial, sans-serif; margin:0; clear:both; padding:0px 40px 15px 40px; font-size:12px; clear:both;}
			#content ul.double li{width:230px;float:left; line-height:1.4em; margin-left:5px}
			
		#content ul.results{list-style:none; margin-left:0;}
			#content ul.results li{padding:3px; margin-left:15px;}
			#content ul.results li.odd{background:#DFDFDF;}
		
	/* Information Request */
	#inforequest{margin-bottom:30px;}
		#inforequest label{font-size:12px; font-family:Arial, sans-serif; font-weight:bold; float:left; width:120px; margin-left:15px; clear: left;}
		#inforequest input{clear:right; padding:3px; display:block; margin-bottom:5px; width:280px;}
		#inforequest select{ clear: right; display:block; margin-bottom:5px;}
		#inforequest textarea{margin-bottom:5px; width:280px; display:block; height:100px; padding:3px;}
		#inforequest input.button{float:left;width:60px; margin-left:15px;}
		
#footer{clear:both; background:#cc0001; text-align: center; margin-bottom:15px; width:780px; font-family: arial, sans-serif;}
	#footer ul{clear: both; padding:18px; width:475px; margin:0 auto;}
	#footer ul li{text-align: center; list-style:none; float:left; display:inline; font-weight:bold; padding-right:10px;}
	#footer a{color:#FFF; text-transform:uppercase; font-size:10px; text-decoration:none;}
		#footer a:hover{text-decoration:underline;}
	
	#footer p{padding:12px; color:#000; font-size:11px; text-align: center; font-weight:bold;}

#branding-bar{width:775px; text-align:center}

/* Category Boxes */

.box{float:left; background:#999; width:150px; height:90px; border-right:20px solid #A90000; margin:10px 0px 0px 10px;}

.clear{height:10px; clear:both; width:100%;}

.red{ color:#CC0001; }
.green{ font-weight:bold; }