/* 

CSS - Blu Shields 
theme: blue shields
author: dustin brewer


*/

/* reset */
	html, body, div, span, object, iframe, img, ol, ul, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}

/* general */
	strong {font-weight: bold;}
	em {font-style: italic;}
	.left {float: left;margin-right: 1em;}
	.right {float: right;margin-left: 1em;}
	.center {text-align: center;}
	.clear {clear: both;}
	.hide {display: none;}
	.show {display: block;}
	body {background: url(images/truebg.jpg); font-size: 14px;  font-family: Helvetica, Arial, sans-serif; }
	a {color: #788FB7;}
	h1, h2 {font-size: 24px;}
	

/* basic */
	#bodyWrap {width: 100%;background: url(images/bg.jpg) repeat-x center top; min-height: 600px; *height: 600px; margin-top: -2px; padding-top: 1px;}
	#mainContainer, #headerContainer, #bodyContainer, #footerContainer {clear: both; margin: 0 auto;width: 1013px;}
	
	#mainContainer {background: url(images/bodybg.jpg) repeat-y; min-height: 1000px; margin-top: -1px;}
/* header */
	#headerContainer {height: 154px; margin-top: 15px; position: relative;}
	#headerLogo h1 {text-indent: -9999px;margin: 0; width: 324px; float: left; padding-left: 50px;}
	#headerLogo a {display: block; background: url(images/blueshieldslogo.jpg) no-repeat; width: 324px; height: 100px;}
	#headerNav {clear: both; width: 902px; margin: 0 auto; padding-top: 10px; position: relative; left: -2px;}
	#headerNav li {list-style: none;text-indent: -9999px; float: left;}
	#headerNav li a {display: block;}
	#headerNav .home a {background: url(images/home_nav.jpg) no-repeat; width: 82px; height: 37px;}
	#headerNav .page-item-5 a {background: url(images/family_nav.jpg) no-repeat; width: 116px; height: 37px;}
	#headerNav .page-item-7 a {background: url(images/builder_nav.jpg) no-repeat; width: 127px; height: 37px;}
	#headerNav .page-item-9 a {background: url(images/sponsors_nav.jpg) no-repeat; width: 149px; height: 37px;}
	#headerNav .page-item-11 a {background: url(images/volunteer_nav.jpg) no-repeat; width: 124px; height: 37px;}
	#headerNav .page-item-13 a {background: url(images/build_nav.jpg) no-repeat; width: 100px; height: 37px;}
	#headerNav .page-item-15 a {background: url(images/news_nav.jpg) no-repeat; width: 100px; height: 37px;}
	#headerNav .page-item-17 a {background: url(images/contact_nav.jpg) no-repeat; width: 103px; height: 37px;}
	#headerMessage {position: absolute; top: 40px; left: 425px; color: #6089b3; font-size: 15px; text-transform: uppercase; letter-spacing: .2em; width: 350px;}
	#makeover {float: right; padding-right: 50px;}
	#hero {background: url(images/herobg.jpg) no-repeat; width: 1013px; height: 341px; text-align: center;}
	#hero img {position: relative;left: -2px;}

/* body */
	#bodyContainer {padding-bottom: 20px;}
	#leftCol {float: left; width: 547px; padding: 0 0 0 60px;}
	#leftCol ul {padding-left: 30px;}
	#leftCol ul li {margin-bottom: 5px;}
	.full #bodyContent {padding: 0 60px;}
	#rightCol {float: right; width: 294px; padding: 0 60px 0 0;}
	.sidebox {background: #f0f0f0 url(images/sidebox.jpg) no-repeat bottom; padding: 5px 10px; min-height: 100px;*height: 100px;}
	#rightCol .sidebox li {list-style: none; display: inline;}
	#rightCol .sidebox2 li {list-style: none; display: inline; margin-right: 1px; float: left;}
	#rightCol .sidebox2 h2 {background: none;}
	.sidebox2 ul {text-align: center;}
	#rightCol h2 {margin-bottom: 0; padding-bottom: 10px; background: url(images/sidebox_top.jpg) no-repeat bottom; clear: both;}
	#rightCol .social {margin: 1px 0; clear: both;}
	#rightCol .social li {width: 67px; float: left;}
	#rightCol .donate {text-align: center;}
	#home .involved {padding-bottom: 20px;}
	#rightCol .sidebox ol li {margin-bottom: 5px!important; list-style:decimal!important; display: block;}
	.need {*height: 250px;}
	
/* footer */
	#footerContainer {background: #7C93BA url(images/footerbg.jpg) repeat-x; width: 100%; height: 40px;}
	#footerContent {font-size: 10px; padding 5px 0; width: 900px; margin: 0 auto; text-align: right; color: #fff;}
	#footerContent p {margin: 0; padding-top: 20px;}
	#footerContent a {color: #fff; text-decoration: none; font-weight: bold;}
	
	
/* content styling */
	.boxLeft {float: left; width: 47%;}
	.boxLeft ul {padding: 0!important;}
	.boxLeft li {margin-bottom: 5px; font-weight: bold; clear: left; display: block; list-style: circle;}
	.boxright {float: right; width: 45%; min-height: 241px;}
	.boxright ul {padding: 0!important;}
	.boxright li {width: 100px; height: 100px; border: 4px solid #ccc4b7; list-style: none; float: left; margin-right: 5px;}
	.sponsorsListing {padding: 0; margin: 0; position: relative; left: 50px;}
	.sponsorsListing li {width: 150px; height: 150px; float: left; list-style: none; margin-right: 20px; margin-bottom: 10px;}
	.sponsorsListing li img {width: 150px!important;}
	.gallery {padding: 0; margin: 0;}
	.gallery li {width: 150px; height: 150px; float: left; list-style: none; margin-right: 20px; margin-bottom: 20px;}
	.gallery li img {width: 150px!important;}

.sponsorsListing2 {padding: 0; margin: 0; position: relative; left: 50px;}
	.sponsorsListing2 li {width: 270px; height: 270px; float: left; list-style: none; margin-right: 20px; margin-bottom: 10px;}
	.sponsorsListing2 li img {width: 250px!important;}

/* dropdown */
	#nav li {position: relative;z-index: 9996!important;}
	#nav li ul {position: absolute;visibility: hidden;z-index: 5555!important;background: #7B92B9; padding: 5px;left: 0px!important; *left: -34px!important;top: 37px; text-align: left; width: auto;}
	#nav li ul li {font-size: 14px; height: auto;  width: 170px; float: left; clear: left; top: 0;  padding: 5px 0; border-bottom: 1px solid #6280AF; border-top: 1px solid #8EA7CF;}
	#nav li ul li a {text-indent: 0!important;width: auto!important; height: auto!important; background: none!important; color: #fff; text-decoration: none; font-size: 12px;}
	#nav li ul li a:hover {text-decoration: underline;}
	#nav li ul li ul {padding-left: 30px!important;}
	
#hero .heroImage {position: relative; left: 54px!important; width: 901px!important; height: 331px!important;}
.Donations #hero .heroImage {left: -2px!important;}