/*------------------------------------------------------------
HOMEPAGE styles
-------------------------------------------------------------*/
#header{width: 900px; padding: 10px 0 0 0; background: #f0eadc url(../img/header3_bg.jpg) top left no-repeat;height: 118px;}
#logo {padding: 8px 0 0 25px;width: 148px; height: 91px;float: left; }
#contact_wrap{width: 400px; float: right;color: #666666; font-size: 10px;text-align: right;padding: 7px 20px 0 0;line-height: 1.3em;}
#contact_wrap h1{color: #00417d; text-transform: uppercase;}
#hero{width: 900px;height: 234px;background: #f0eadc url(../img/hero_002.jpg) top left no-repeat;padding: 0; margin: 0;float: left;}

hr { border: 0;width: 100%;color: #666;background-color: #333;height: 1px;line-height: 1px;margin: 0;padding: 0px; }

#event_contain {width: 868px; background: #bcc9ec;padding: 16px;float: left;}
#video_contain{width: 298px; height: 295px; float: left;padding: 5px 0 0 9px;margin:-30px 0 0 0;background: #fff url(../img/video_bg.gif) top left no-repeat;}

#support_groups_link { position: absolute; top: 190px; left: 565px; width: 320px; height: 195px; background-color: transparent; border: none;}

#event_contain_wrap {width: 868px; background: #fff; }
#ecw_top{width: 868px;height: 5px;background: transparent url(../img/event_contain_top.gif) top left no-repeat;padding: 0; margin: 0;float: left;}
#ecw_middle{background: #fff;float: left;clear: left;width:868px;}
#ecw_middle h1{font-size: 18px; color: #22568a; font-weight: bold; padding: 0; margin: 10px 0 0 25px;}
#ecw_btm{width: 868px;height: 5px;background: transparent url(../img/event_contain_btm.gif) top left no-repeat;padding: 0; margin: 0;float: left;}

/*------------------------------------------------------------
EVENTS styles
-------------------------------------------------------------*/
#events{width: 525px;background: #fff;padding: 10px 0 0 20px;float: left;overflow: visible;}
#event_wrap{width: 245px;color: #393939;font-size: 10px;line-height: 16px;float: left;padding: 0 0 20px 25px;background: #fff;}
#event_wrap img{padding: 5px;border: solid 1px #e0e0e0;margin: 5px 5px 0 0;}
#event_wrap img a {padding: 5px;border: solid 1px #333;margin: 5px 5px 0 0;}
#event_wrap h3{font-size: 14px; font-weight: bold;padding: 10px 0 5px 0;}



/*------------------------------------------------------------
NAV styles
-------------------------------------------------------------*/
#nav{width: 900px; height: 39px;background: #f0eadc url(../img/nav_bg.gif) top left no-repeat;float: left;clear: left;margin: 0 0 0 0;line-height: 39px;padding: 0;}
#padding{margin: 0 0 0 27px;}
#nav ul{display: inline; z-index: 50;}
#nav li{display: inline;padding: 0 0 0 0;color: #fff;}
#nav li .none{color: #fff;padding: 7px 15px 7px 15px; background: url(../img/nav_divider.gif) 0 -80px no-repeat;}
#nav li a{color: #fff;padding: 7px 15px 7px 15px; background: url(../img/nav_divider.gif) 0 10px no-repeat;}
#nav li a:hover{color: #004d87;background: #f1f1f1;padding: 7px 15px 7px 15px;}

#donate{ padding: 4px 5px 0 0;float: right;}

/*------------------------------------------------------------
LEFT COLUMN styles
-------------------------------------------------------------*/
#page_title{width: 620px;color: #083c70;background: #c5dff1 url(../img/page_title.jpg) top right no-repeat;height: 35px;padding: 10px 0 0 40px;
font-size: 22px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
letter-spacing: normal;
}

#leftcol{width: 600px;background: #fff;float: left;overflow: visible;color: #282828;padding: 20px 20px 20px 40px;}
#leftcol img{float: right;padding: 5px;border: solid 1px #e0e0e0;margin: 5px;}
#leftcol li{margin: 5px 0 0 20px; font-weight: normal;color: #333;}
#leftcol img.nofloat{float: right;padding: 5px;margin: 5px;border: none;}
#leftcol img.nofloatr{padding: 0;margin: 0;border: none;float: none;}

#board_wrap{width: 380px; float: left;}
#boardlistleft{width: 180px; float: left;padding: 0 0 50px 0;}
#boardlistright{width: 200px; float: left;padding: 0 0 50px 0;}
#board_images{width: 200px; float: left;margin: 25px 0 0 0;}

#staff_wrap{width: 350px; float: left;}
#staff_support{width: 200px; float: left;margin: 0 0 0 0;}
#staff_support img.nofloat{float: left;}

#schools_wrap{width: 360px; float: left;}
#schools_testimonials{background: #00447f; width: 180px; padding: 10px;margin: 55px 0 0 25px;color: #fff;line-height: 1.5em; border: 1px solid #cccaca;font-size: 10px;float: left;}

#resources_wrap{width: 360px; float: left;}
#resource_books{width: 200px; float: right;margin: 0;padding: 15px; background: #ccc;background: #00447f; color: #fff;margin-top: 35px;}
#resource_books h3{color: #fff;}
#resource_books a{color: #fff;}
#resource_books img.nofloat{float: left;}

#volunteer_wrap{width: 360px; float: left;padding-right: 30px;}

#education_wrap{width: 350px; float: left;padding-right: 50px;}

.pdf{background: url(../img/pdf_icon.gif) 0 -1px no-repeat;padding: 0 0 0 23px;}

/*------------------------------------------------------------
LEFT COLUMN FULL styles
-------------------------------------------------------------*/
#page_titlefull{width: 860px;color: #083c70;background: #c5dff1 url(../img/page_title.jpg) top right no-repeat;height: 35px;padding: 10px 0 0 40px;
font-size: 22px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
letter-spacing: normal;}

#leftcolfull{width: 840px;background: #fff;float: left;overflow: hidden;color: #282828;padding: 30px 20px 20px 40px;text-align: center;}
#leftcolfull img{padding: 5px;border: solid 1px #e0e0e0;margin: 5px;}
#leftcolfull li{margin: 5px 0 0 20px; font-weight: normal;color: #333;}
#leftcolfull img.nofloat{float: right;padding: 5px;margin: 5px;border: none;}

/*------------------------------------------------------------
PHOTO GALLERY styles
-------------------------------------------------------------*/
#gallery_wrap{width: 860px;background: #fff;float: left;overflow: hidden;color: #282828;padding: 30px 20px 20px 20px;}
#gallery_wrap h3{ margin: 10px 10px -10px 10px; color:#FFF; font-size:12px; letter-spacing:0px; font-weight: bold;  }

			
.boxgrid{width: 150px;height: 150px;margin:0;float:left;background:#fff;padding: 5px;border: solid 1px #e0e0e0;margin: 5px;overflow: hidden;position: relative;}
.boxgrid img{position: absolute;padding: 5px;top: 0;left: 0;border: 0;}
.boxgrid p{padding: 0 10px;color:#afafaf;font-weight:bold;font:10px "Lucida Grande", Arial, sans-serif;}
.boxcaption{float: left;position: absolute;top: 160px;background: #000;height: 100px;width: 100%; 
		opacity: .8; 
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
.captionfull .boxcaption {top: 260;left: 0;}
.caption .boxcaption {top: 220;left: 0;}



/*------------------------------------------------------------
RIGHT COLUMN styles
-------------------------------------------------------------*/
#rightcol{width: 105px;background: #dfdfdf url(../img/rightcol_bg.gif) top left no-repeat;padding: 50px 0 0 0;float: left;overflow: visible;}
#rcol_page_title{float: left;background: #dfdfdf url(../img/rightcol_titlebg.jpg) top left no-repeat; padding: 12px 0 0 20px; margin: 0;width: 220px; height: 35px;font-size: 18px;  font-weight: bold;margin: -45px 0 0 0;}
#rightcoldd{width: 355px;background: #333 url(../img/rightcol_bg.gif) top left no-repeat;padding: 0;float: left;overflow: visible;}
#rcol_content{background: #00447f; width: 180px; padding: 10px;margin: 10px;color: #fff;line-height: 1.5em; border: 1px solid #cccaca;font-size: 10px;}
#rcol_content img{padding: 0 5px 20px 0;}
.imgfright{float: right;padding: 5px;margin: 5px;}

#svideo_contain{padding: 35px 0 0 10px; margin: 0 0 0 10px;}



#spotlight {width: 215px;float: left;padding: 0 0 0 10px;color: #ccc;font-size: 12px;margin: 0;}
#spotlight ul {}
#spotlight li{padding: 5px 0 5px 0;border-bottom: 1px dotted #b1b1b1; list-style: none; }
#spotlight li a {color: #333;}
#spotlight li a:hover{color:#004b85; text-decoration: none;}
#spotlight hr{border: 0;width: 100%;color: #666;background-color: #212121;height: 1px;line-height: 1px;margin: 5px 0 5px 0;padding: 0px;}

#spotlight h2 {font-size: 18px;margin: 0;padding: 0;}
#spotlight h3 {font-size: 16px;margin: 0;padding: 0;}
#sl_content {padding: 10px;}

/*------------------------------------------------------------
FOOTER styles
-------------------------------------------------------------*/
#footer{float: left;clear: left;background: #c5c0ac url(../img/footer_bg.jpg) top left no-repeat; height: 50px;width: 880px;padding: 0 0 0 20px;line-height: 50px;border-bottom: 2px solid #737063;}

#footer_nav{width: 500px; float: right;padding: 0 10px 0 0;text-align: right;}
#footer_nav ul{float: right;}
#footer_nav ul li{display: inline;}
#footer_nav ul li a{color: #22568a;font-size: 10px;padding: 7px ;margin: -6px 0 0 0;}
#footer_nav ul li a:hover{color: #22568a;font-size: 10px;padding: 7px ;text-decoration: underline;background: none;}



#contact_fields{padding: 0 0 0 40px;}

.webform {padding-top: 20px;}
 .item {padding-bottom: 15px; width: 320px; margin: 0 auto;}
  .item label {color: #232019; font-size: 1.2em; }


.cat_textbox {border:1px solid #c7c7c7; width: 300px; font-size: 1.2em; padding: 5px;margin-bottom: 5px;}
.cat_textbox:hover {border:1px solid #868686; width: 300px; font-size: 1.2em; padding: 5px;margin-bottom: 5px; background: #f0f0f0;}

.title { font-size: 10px; text-transform: uppercase; color: #666;}