@charset "utf-8";
/* CSS Document */

body, html {
	font-family: "Omnes_GirlScoutsRegular", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: #230D0C url(../images/body_bg.jpg) repeat-x;
	margin: 0;
	padding: 0;
}

body{
	height: 100%;
}

/*-- Omnes font replacement --*/

@font-face {
	font-family: 'Omnes_GirlScoutsRegular';
	src: url('../fonts/omnes_girlscouts-regular-webfont.eot');
	src: local('☺'), 
		 url('../fonts/omnes_girlscouts-regular-webfont.woff') format('woff'), 
		 url('../fonts/omnes_girlscouts-regular-webfont.ttf') format('truetype'), 
		 url('../fonts/omnes_girlscouts-regular-webfont.svg#omnes') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*-- sliding login panel --*/

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
  	background: url(../images/tab_bg.png) repeat-x 0 0;
	height: 30px;
	position: relative;
    top: 0;
    z-index: 999;
	/*filter:alpha(opacity=98); */
	-moz-opacity:0.98;
	-khtml-opacity: 0.98;
	opacity: 0.98; 
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 30px;
	width: auto;
  	font-weight: normal;
	line-height: 30px;
	margin: 0;
	right: 200px;
	font-size: 13px;
  	color: white;
	text-align: center;
}

.tab ul.login li.left {
  	background: url(../images/tab_l_bg.png) no-repeat left 0 ;
  	height: 30px;
	width: 10px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(../images/tab_r_bg.png) no-repeat left 0;
  	height: 30px;
	width: 10px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 3px;
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
  	background: url(../images/tab_m_bg.png) repeat-x 0 0;
}

.tab ul.login li a {
	color: #ffffff;
	text-decoration: none;
}

.tab ul.login li a:hover {
	text-decoration: underline;
}

.tab a.open, .tab a.close {
	height: 30px;
	line-height: 30px;
	display: block;
	padding-left: 15px !important;
	cursor: pointer;
	width: 85px;
	position: relative;
	top: 0px;
}

.tab a.open {
	background: url(../images/tab_arrow_dn.png) 0 0 no-repeat;
}
.tab a.close {
	background: url(../images/tab_arrow_up.png) 0 0 no-repeat;
}
/* .tab a:hover.open {background: url(../images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/bt_close.png) no-repeat left -19px;} */

#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 5000;
    text-align: center;
	left: 0;
	right: 0;
    margin: 0 auto;
	padding: 0;
}

#panel {
	width: 100%;
	height: 240px;
	color: #ffffff;
	background: #2F1600;
	overflow: hidden;
	position: relative;
	display: none;
	/* filter:alpha(opacity=98);  */
	-moz-opacity:0.98;
	-khtml-opacity: 0.98;
	opacity: 0.98;
}

#panel h2{
	color: #fff !important;
}
	
#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
}

#panel .content .left {
	width: 285px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #017F40;
}

#panel .content .right {
	border-right: 1px solid #017F40;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: none;
	background: #ffffff;
	margin-top: 4px;
	padding: 0 0 0 3px;
	width: 200px;
	color: #666666;
	height: 20px;
	font-size: 12px;
}

#panel .content input:focus.field {
	background: #ffffff;
}

#panel .content input.login_btn,
#panel .content input.register_btn {
	font-family: "Omnes_GirlScoutsRegular", Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: block;
	float: left;
	clear: left;
	height: 30px;
	line-height: 14px;
	padding: 0 0 2px 0;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: normal;
	margin: 10px 0;
	vertical-align: middle;
}

#panel .content input.login_btn {
	width: 65px;
	color: #ffffff;
	background: transparent url(../images/login_btn.png) no-repeat 0 0;
}

#panel .content input.register_btn {
	width: 85px;
	color: #ffffff;
	background: transparent url(../images/register_btn.png) no-repeat 0 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	color: #ffffff;
	text-decoration: underline;
}


/*-- page flip --*/

#pageflip {
	position: relative;
	float: right;
	top: 0;
	right: 0;
	z-index: 5000;
}
#pageflip img {
	width: 124px; height: 125px;
	z-index: 5000;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
	border: none;
}
#pageflip .msg_block {
	width: 124px; height: 120px;
	position: absolute;
	z-index: 4999;
	right: 0; top: 0;
	background: url(../images/100years.png) no-repeat right top;
	text-indent: -9999px;
}

#pageflip a {
		border: none;
}

/*-- header and menu styles --*/

#header{
	position: relative;
	height: 230px;
	width: 980px;
	margin: 0 auto 10px;
	padding: 0 20px;
	background: url(../images/header_bg.png) 0 0 no-repeat;
	z-index: 4000;
}

#logo{
	position: relative;
	top: 18px;
	height: 134px;
	width: 208px;
	background: url(../images/logo_bg.png) 0 0 no-repeat;
	text-indent: -5000px;
}

#logo a{
	height: 130px;
	width: 208px;
	display: block;
}

#topNav{
	margin: 0 0 0 -9px;
	padding: 0;
	position: relative;
	top: 15px;
	height: 40px;
	width: 980px;
	z-index: 1000;
}

#topNav li{
	float: left;
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 40px;
	width: auto;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	z-index: 1;
}

#topNav li a{
	display: block;
	position: relative;
	float: left;
	width: auto;
	margin: 10px 0;
	padding: 2px 8px;
	height: 16px;
	text-decoration: none;
	border-right: solid 1px #cccccc;
	border-left: solid 1px #ffffff; 
	color: #2F1600;
}

#topNav li.drop.hover{
	color: #fff;
	-moz-opacity:0.98;
	-khtml-opacity: 0.98;
	opacity: 0.98; 
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	
}

#topNav li.drop.hover a{
	color: #fff !important;
	border-right: solid 1px #2F1600;
	border-left: solid 1px #2F1600;
}

#topNav li.last a{
	border-right: none;	
}

#topNav li.drop.hover .subNav li a{
	border: none !important; 	
}

#topNav li.drop .subNav{
	display: none;
	position: absolute;
	width: 200px;
	border: solid 1pxl #ccc;
	left: 0;
	top: 35px;
	list-style: none;
	text-align: left;
	background: #2F1600;
	padding: 10px;
	z-index: 2;
	-moz-opacity:0.98;
	-khtml-opacity: 0.98;
	opacity: 0.98; 
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;

}

#topNav li.drop.last .subNav{
	right: 0 !important;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 0px !important;
	border-top-left-radius: 10px;
	border-top-right-radius: 0px !important;
	left: -132px !important;
}

#topNav li.drop .subNav li{
	float: left;
	color: #ffffff;
	font-size: 14px;
	line-height: 24px;
	list-style: none;
	text-align: left;
	display: block;
	height: auto;
	margin: 0;
	padding: 0;	
	width: 100%;
}

#topNav li.drop.last .subNav li{
	float: right !important;
}

#topNav li.drop .subNav li a{
	display: block;
	border: none;
	color: #ffffff !important;
	font-size: 14px;
	line-height: 24px;
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%;
}

#topNav li.drop .subNav .subNav2{
	padding-left: 5px;
	font-size: 12px;
	display: none !important;
}

#topNav li.drop .subNav li a:hover{
	border: none !important;
	text-decoration: underline;	 	
}

#topNav #home a{
	color: #2F1600;
}

#topNav #girls a{
	color: #017F40;
}

#topNav #girls.drop.hover{
	background-color: #017F40;
}

#topNav #girls.drop.hover a{
	color: #fff !important;
	border-right: solid 1px #017F40;
	border-left: solid 1px #017F40;
}

#topNav #girls .subNav{
	background-color: #017F40;
}

#topNav #parents a{
	color: #00529B;
}

#topNav #parents.drop.hover{
	background-color: #00529B;
}

#topNav #parents.drop.hover a{
	color: #fff !important;
	border-right: solid 1px #00529B;
	border-left: solid 1px #00529B;
}

#topNav #parents .subNav{
	background-color: #00529B;
}

#topNav #volunteers a{
	color: #433980;
}

#topNav #volunteers.drop.hover{
	background-color: #433980;
}

#topNav #volunteers.drop.hover a{
	color: #fff !important;
	border-right: solid 1px #433980;
	border-left: solid 1px #433980;
}

#topNav #volunteers .subNav{
	background-color: #433980;
}

#topNav #donors a{
	color: #4D136A;
}

#topNav #donors.drop.hover{
	background-color: #4D136A;
}

#topNav #donors.drop.hover a{
	color: #fff !important;
	border-right: solid 1px #4D136A;
	border-left: solid 1px #4D136A;
}

#topNav #donors .subNav{
	background-color: #4D136A;
}

#topNav #camp a{
	color: #B00067;
}

#topNav #camp.drop.hover{
	background-color: #B00067;
}

#topNav #camp.drop.hover a{
	color: #fff !important;
	border-right: solid 1px #B00067;
	border-left: solid 1px #B00067;
}

#topNav #camp .subNav{
	background-color: #B00067;
}

#topNav #cookies a{
	color: #FE4365;
}

#topNav #cookies.drop.hover{
	background-color: #FE4365;
}

#topNav #cookies.drop.hover a{
	color: #fff !important;
	border-right: solid 1px #FE4365;
	border-left: solid 1px #FE4365;
}

#topNav #cookies .subNav{
	background-color: #FE4365;
}

#topNav #press a{
	color: #EC0000;
}

#topNav #press.drop.hover{
	background-color: #EC0000;
}

#topNav #press.drop.hover a{
	color: #fff !important;
	border-right: solid 1px #EC0000;
	border-left: solid 1px #EC0000;
}

#topNav #press .subNav{
	background-color: #EC0000;
}

#topNav #shop a{
	color: #F32A00;
}

#topNav #shop.drop.hover{
	background-color: #F32A00;
}

#topNav #shop.drop.hover a{
	color: #fff !important;
	border-right: solid 1px #F32A00;
	border-left: solid 1px #F32A00;
}

#topNav #shop .subNav{
	background-color: #F32A00;
}

#topNav #about a{
	color: #FC7300;
}

#topNav #about.drop.hover{
	background-color: #FC7300;
}

#topNav #about.drop.hover a{
	color: #fff !important;
	border-right: solid 1px #FC7300;
	border-left: solid 1px #FC7300;
}

#topNav #about .subNav{
	background-color: #FC7300;
}

#addThis{
	position: absolute;
	left: 20px;
	bottom: 12px;	
}

#gsSearch{
	position: absolute;
	right: 30px;
	bottom: 0px;
	height: 30px;
}

#globalSearch {
	width: 147px;
	height: 20px;
	border: none;
	padding: 0 0 0 3px;
	font-size: 12px;
	color: #666666;
	background: url(../images/search_bg.png) 0 0 no-repeat;
	vertical-align: middle;	
}

#globalSearchButton{
	height: 20px;
	width: 50px;
	margin-left: 5px;
	vertical-align: middle;
	background: url(../images/search_btn.png) 0 0 no-repeat;
	cursor: pointer;	
}


/*-- content area styles --*/

#content_wrapper {
	position:relative;
	width: 100%;
	padding: 15px 0 10px 0;
	margin: 0 auto;
	overflow:hidden;
	height: auto;
	z-index: 3000;
	background-color: #C6ECFF;
}

#content_top {
	height: 22px;
	width: 1000px;
	margin: 0 auto;
	background: url(../images/content_top_bg.png) 0 0 no-repeat;
}

#home_content{
	width: 1000px;
	height: 100%;
	overflow: hidden;
	padding: 0 20px;
	margin: 0 auto;
}

#content{
	width: 960px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	background: url(../images/content_bg.png) 0 0 repeat-y;
	padding: 0 20px;
}

#content_bottom {
	margin: 0 auto;
	height: 15px;
	width: 1000px;
	background: url(../images/content_bot_bg.png) 0 0 no-repeat;
}

#left_nav {
	position:relative;
	float:left;
	width:220px;
}

#main_content_tier2 {
	position:relative;
	float:right;
	width: 700px;
	padding: 0 10px 0 0;
}

#tier2_graphic {
	position:relative;
	width:700px;
	height: 225px;
	padding: 2px 5px 0 5px;
	margin: 0 0 0 -5px;	
}

#tier2_graphic_title {
	position:absolute;
	margin-top:165px;
	font-size: 25px;
	height: 25px;
	font-weight: normal;
	padding: 10px 10px 0 10px;
	color: #fff;
	background-color: #2F1600;
}

#tier3_graphic {
	position:relative;
	width:700px;
	height: 130px;
	padding: 2px 5px 0 5px;
	margin: 0 0 0 -5px;	
}

#tier3_graphic_title {
	position:absolute;
	margin-top:70px;
	font-size: 25px;
	height: 25px;
	font-weight: normal;
	padding: 10px 10px 0 10px;
	color: #fff;
	background-color: #2F1600;
}

#breadcrumbs {
	position:relative;
	margin-top:10px;
	margin-bottom:15px;
	font-size:13px;
	color: #999;
}

#breadcrumbs a{
	color: #999;
	text-decoration: none;
}



h1, h2, h3{
	font-family: "Omnes_GirlScoutsRegular", Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	font-style: normal;
	font-weight: normal;
}

h1{
	font-size: 26px;
	line-height: 26px;
}

h2{
	font-size: 20px;
	line-height: 20px;
	color: #2F1600;
}

p {
	font-size: 14px;
	line-height:20px;
	margin-bottom:15px;	
}

ul{
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

a{
	color: #017F40;
	text-decoration: underline;
}

blockquote{
	font-family: "Omnes_GirlScoutsRegular", Arial, Helvetica, sans-serif;
	margin: 10px;
	padding: 10px;
	border: solid 1px #017F40;
	background: #CAE3D6;
}

#main_content_tier2 ul{
	list-style-type: disc;
	list-style-position: inside;
	margin: 0 0 15px 5px;
}

#main_content_tier2 p, #main_content_tier2 .learn_more, #main_content_tier2 ul li  {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

#tier3_col2 ul li {
	font-size:10px;
}

#recent_news div, #upcoming_events div, #additional_info li {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

#main_content_tier2 a:hover {
	text-decoration:none;
}

#leftNavTitle {
	position:relative;
	margin-bottom:10px;
	font-size:18px;
	color: #2F1600;
}

#leftNavContent ul li {
	list-style-type:none;
	font-size: 15px;
	line-height:24px;
}

#leftNavContent ul li a{
	color: #000000;
	text-decoration: none;
}

#leftNavContent ul li a:hover{
	text-decoration: underline;
}

#tier3_wrapper {
	position:relative;
	width:100%;
	overflow:hidden;
}

#tier3_col1 {
	position:relative;
	float:left;
	width: 500px;	
}

#tier3_col2 {
	position:relative;
	float:right;
	width: 180px;
}

#tier3_col2  a:hover {
	text-decoration:underline;
}

.tier3_page_element {
	padding:15px;
	margin-bottom:15px;
	font-size:13px;
	line-height: 18px;
	color: #fff;
	/*  -moz-box-shadow: 0px 3px 5px #888;
	-webkit-box-shadow: 0px 3px 5px #888;
	box-shadow: 0px 3px 5px #888; --*/
}

.tier3_page_element h3{
	font-size: 13px;
	color: #fff;
	margin-bottom: 10px;
	font-weight: bold;
}

.tier3_page_element ul{
	list-style-type:none !important;
	list-style-position: outside !important;
	margin-left: 0 !important;
	margin-bottom: 0 !important;
}

.tier3_page_element ul li {
	list-style-type:none;
	color: #fff;
}

.tier3_page_element a {
	text-decoration: none;
	color: #fff;
}

.tier3_page_element a:hover {
	text-decoration: underline;
}

/*-- footer styles --*/

#footer_wrapper{
	position: relative;
	height: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 100%;
	background: #230D0C url(../images/footer_wrap_bg.jpg) 0 0 repeat-x;
}

#footer{
	position: relative;
	height: 100%;
	overflow: hidden;
	width: 960px;
	margin: 0 auto 15px auto;
	padding: 25px 20px 0 20px;
	color: #fff;
	line-height: 16px;
	font-size: 13px;
	background: url(../images/footer_bg.png) 0 0 no-repeat;
}

#footer a{
	color: #fff;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer h2{
	margin: 0 0 15px 0;
	color: #fff !important;
}

#footer p{
	font-size: 13px;
	line-height: 16px;
}

#recent_news, #upcoming_events{
	position: relative;
	float: left;
	width: 300px;
	margin: 0 20px 0 0; 
}

#additional_info{
	position: relative;
	float: right;
	width: 300px;
}

.blog_snippet_item{
	margin: 0 0 10px 0;
}

.blog_snippet_title{
	font-weight: bold;
}

.blog_snippet_title a{
	text-decoration: none;
}

#additional_info h2, #additional_info ul, #additional_info p{
	clear: left;
	float: left;
}

#additional_info p{
	width: 100%;
}

#additional_info a{
	text-decoration: none;
}

#additional_info ul{
	list-style-type: none;
	margin-bottom: 14px;
}

#follow{
	margin: 0 !important;
	width: 100%;
}

#follow h2{
	position: relative;
	float: left;
	padding: 3px 5px 0 0;
}

#follow li{
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
	height: 22px;
	width: 22px;
	text-indent: -5000px;
}

#follow li a{
	margin: 0;
	padding: 0;
	height: 22px;
	width: 22px;
	display: block;
}

#follow li#fb{
	background: url(../images/follow_fb.png) 0 0 no-repeat;
}

#follow li#tw{
	background: url(../images/follow_tw.png) 0 0 no-repeat;
}

#follow li#yt{
	background: url(../images/follow_yt.png) 0 0 no-repeat;
}

#follow li#fl{
	background: url(../images/follow_fl.png) 0 0 no-repeat;
}

/*-- Teir 1 (homepage) styles --*/

#home_hero{
	width: 1000px;
	height: 315px;
	position: relative;
	display: block !important;
}

#home_hero img{
	width: 960px;
	padding: 12px 20px 23px 20px;
	height: 280px;
	background: url(../images/hero_bg.png) 0 0 no-repeat;
	position: relative;
	display: none;
}	

#hero_nav{
	position: relative;
	float: right;
	margin: -40px 30px 0 0;
	z-index: 100;
	width: auto;
	height: 10px;
	display: block !important;
}	

#hero_nav a{
	background: url(../images/pager_bg.png) 0 0 no-repeat;
	display:block;
	float:left;
	height: 10px;
	margin:0 0 0 5px;
	text-decoration:none;
	width: 10px;	
	text-indent: -5000px;
}

#hero_nav a.activeSlide{
	background: url(../images/pager_active_bg.png) 0 0 no-repeat; !important;
}

#callouts{
	width: 1000px;
	margin: 15px 0;
	height: 100px;	
}

#callouts li{
	float: left;
	list-style: none;
	margin: 0 12px 0 0;
	padding: 2px 8px 11px 10px;
	text-align: center;
	height: 102px;
	width: 172px;
	background: url(../images/callout_bg.png) 0 0 no-repeat;
}

#callouts li.last{
	margin: 0 !important;
}

#callouts li a{
	display: block;
	height: 102px;
	width: 172px;
}

#e-biz{
	padding: 10px 5px 0px 5px;
}

#whats_new {
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

/*-- Page titles/headers --*/

#girls #leftNavTitle ,#girls h2{
	color: #017F40;
}

#girls #tier2_graphic_title, #girls #tier3_graphic_title{
	background-color: #017F40;
}

#parents #leftNavTitle ,#parents h2{
	color: #00529B;
}

#parents #tier2_graphic_title, #parents #tier3_graphic_title{
	background-color: #00529B;
}

#volunteers #leftNavTitle ,#volunteers h2{
	color: #433980;
}

#volunteers #tier2_graphic_title, #volunteers #tier3_graphic_title{
	background-color: #433980;
}

#donors #leftNavTitle ,#donors h2{
	color: #4D136A;
}

#donors #tier2_graphic_title, #donors #tier3_graphic_title{
	background-color: #4D136A;
}

#camp #leftNavTitle ,#camp h2{
	color: #B00067;
}

#camp #tier2_graphic_title, #camp #tier3_graphic_title{
	background-color: #B00067;
}

#cookies #leftNavTitle ,#cookies h2{
	color: #FE4365;
}

#cookies #tier2_graphic_title, #cookies #tier3_graphic_title{
	background-color: #FE4365;
}

#press #leftNavTitle ,#press h2{
	color: #EC0000;
}

#press #tier2_graphic_title, #press #tier3_graphic_title{
	background-color: #EC0000;
}

#shop #leftNavTitle ,#shop h2{
	color: #F32A00;
}

#shop #tier2_graphic_title, #shop #tier3_graphic_title{
	background-color: #F32A00;
}

#aboutus #leftNavTitle ,#aboutus h2{
	color: #FC7300;
}

#aboutus #tier2_graphic_title, #aboutus #tier3_graphic_title{
	background-color:#FC7300;
}

/* Tier three styles */

.tier3_col_text {
	position:relative;
	float:right;
	width:560px;	
}

/* right hand page elements */

#girls .tier3_page_element {
	background-color: #017F40;
}

#parents .tier3_page_element {
	background-color: #00529B;
}

#volunteers .tier3_page_element {
	background-color: #433980;
}

#donors .tier3_page_element {
	background-color: #4D136A;
}

#camp .tier3_page_element {
	background-color: #B00067;
}

#cookies .tier3_page_element {
	background-color: #FE4365;
}

#press .tier3_page_element {
	background-color: #EC0000;
}

#shop .tier3_page_element {
	background-color: #F32A00;
}

#aboutus .tier3_page_element {
	background-color: #FC7300;
}

/*-- header graphics --*/

/* Teir Two pages */

#girls #tier2_graphic{
	background: url(../images/girls_teir2_header.jpg) 0 0 no-repeat;
}

#parents #tier2_graphic{
	background: url(../images/parents_teir2_header.jpg) 0 0 no-repeat;
}

#volunteers #tier2_graphic{
	background: url(../images/volunteers_teir2_header.jpg) 0 0 no-repeat;
}

#donors #tier2_graphic{
	background: url(../images/donors_teir2_header.jpg) 0 0 no-repeat;
}

#camp #tier2_graphic{
	background: url(../images/camp_teir2_header.jpg) 0 0 no-repeat;
}

#cookies #tier2_graphic{
	background: url(../images/cookies_teir2_header.jpg) 0 0 no-repeat;
}

#press #tier2_graphic{
	background: url(../images/press_teir2_header.jpg) 0 0 no-repeat;
}

#shop #tier2_graphic{
	background: url(../images/shop_teir2_header.jpg) 0 0 no-repeat;
}

#aboutus #tier2_graphic{
	background: url(../images/about_teir2_header.jpg) 0 0 no-repeat;
}

/* Teir three pages */

#girls #tier3_graphic{
	background: url(../images/girls_teir3_header.jpg) 0 0 no-repeat;
}

#parents #tier3_graphic{
	background: url(../images/parents_teir3_header.jpg) 0 0 no-repeat;
}

#volunteers #tier3_graphic{
	background: url(../images/volunteers_teir3_header.jpg) 0 0 no-repeat;
}

#donors #tier3_graphic{
	background: url(../images/donors_teir3_header.jpg) 0 0 no-repeat;
}

#camp #tier3_graphic{
	background: url(../images/camp_teir3_header.jpg) 0 0 no-repeat;
}

#cookies #tier3_graphic{
	background: url(../images/cookies_teir3_header.jpg) 0 0 no-repeat;
}

#press #tier3_graphic{
	background: url(../images/press_teir3_header.jpg) 0 0 no-repeat;
}

#shop #tier3_graphic{
	background: url(../images/shop_teir3_header.jpg) 0 0 no-repeat;
}

#aboutus #tier3_graphic{
	background: url(../images/about_teir3_header.jpg) 0 0 no-repeat;
}


/*Online Store */

.onlineStore {
	background: url(../images/about_teir3_header.jpg) 0 0 no-repeat;
}


/* Tier 2 Layout */

.tier2_column_mask {
	padding-top:5px;
	margin-bottom:15px;
	position:relative;
	width:100%;
	overflow:hidden;
}

.tier2_col1 {
	position:relative;
	float:left;
	width:340px;
	overflow:hidden;
}

.tier2_col2 {
	position:relative;
	float:right;
	width:340px;
	overflow:hidden;
}

.tier2_col_image {
	position:relative;
	float:left;
	width: 125px;
}

.tier2_col_text {
	position:relative;
	float:right;
	width:205px;
	
}

.tier3_col_text {
	position:relative;
	float:right;
	width:560px;	
}

/* CMS Global Search */

.cmsSearchNotice {
	position:relative;
	margin-bottom:15px;	
}

.cmsSearchItem {
	position:relative;
	margin-bottom:15px;
}

.cmsSearchTitle {
	position:relative;
	font-size: 16px;
	margin-bottom:5px;
}

.cmsSearchTitle a:link, .cmsSearchTitle a:active, .cmsSearchTitle a:visited {
	text-decoration:underline;
}

.cmsSearchTitle a:hover {
	text-decoration:none;
}

.cmsSearchSummary {
	position:relative;
	margin-bottom:5px;
}

.cmsSearchLink {
	position:relative;
}

.cmsSearchTime {
	position:relative;
	color:#999;
}

#additional_info p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

#recent_news .blog_snippet_title, #upcoming_events .blog_snippet_title {
	font-size:12px;
}

#breadcrumbs a:hover{
	text-decoration: underline;
}

/*Video Gallery*/

#video_gallery_wrapper {
	position: relative;
	overflow:hidden;
	width:100%;	
}

.video_row {
	position: relative;
	width:100%;
	overflow:hidden;
	float:none;
	margin-bottom:15px;
}

.video_thumb {
	position: relative;
	width:125px;
	float:left;
	margin-right:20px;
}

.video_thumb_img {
	position:relative;
	padding:10px;
	text-align:center;
	border: 1px solid #E7E7E7;
	margin-bottom:10px;
}

.video_thumb_txt {
	position:relative;
	text-align:center;
	line-height:normal;
}

.video_thumb_txt a {
	text-decoration:none;
	
}

#videoPlayer {
	position:relative;
}

.videoDescription {
	position:relative;
	margin-top:10px;
	
}

#additionalVideos {
	position:relative;
	padding-top:20px;
	margin-bottom:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;	
}

/*Photo Gallery */

.gallery_img {
	
}

.gallery_cell {
	padding:10px;
	border: 1px solid #E3E3E3;	
}

.gallery_cell_over {
	padding:10px;
	border: 1px solid #E3E3E3;	
	
}

/*Staff Directory */
.staff_row {
	position: relative;
	width:100%;
	overflow:hidden;
	float:none;
	margin-bottom:15px;
}

.staff_thumb {
	position: relative;
	width:125px;
	float:left;
	margin-right:15px;
}

.staff_thumb_img {
	position:relative;
	padding:10px;
	text-align:center;
	border: 1px solid #E7E7E7;
	margin-bottom:10px;
}

.staff_thumb_txt {
	position:relative;
	text-align:center;
	line-height:normal;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
}

.staff_thumb_txt a {
	text-decoration:none;
	
}

/* Forms */

#main_content_tier2 form  {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:normal;
	
}

.formHeader {
	padding-bottom:5px;
	font-size:14px;
	font-weight: bold;
	color: #017F40;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #017F40;
}
.formSection {
	padding-top: 5px;
	padding-bottom: 5px;
}

.formSectionTable {
	color: #333;
}

.formSectionTable td {
	padding:3px;
}

.formInput {
	padding:5px;
	border: 1px solid #999;
	color: #000;
	font-size: 10px;
}

.formInputSelect {
	padding:4px;
	border: 1px solid #999;
	color: #000;
	font-size: 10px;
}

.formHelper {
	font-size:9px;
	padding-top:5px;
	color: #999;
}

.tableInsetHighlight {
	background-color:#F9F9F9;
	border: 1px solid #EFEFEF;
	padding:5px;
}

.submitButton {
	color:#FFF;
	background-color:#017F40;
	border:1px solid #017F40;
	cursor:pointer;
	padding:5px;
}

.requiredItem {
	color:#017F40;
	
}

/*Calendar */

#calendar_options, #colorKey {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

#calendar_options select {
	border: 1px solid #999;
	width:150px;
	padding:3px;
}

#calendar_options input {
	border: 1px solid #999;
	padding:3px;
}

#calendar_options table td, #colorKey table td {
	padding:3px;
	font-size:10px;
}

.calendarBorder {
	line-height:normal;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

.calendarBorder a {
	text-decoration:none;
}

.calendarBorder a:hover {
	text-decoration:underline;	
}

#calendarHeader {
	margin-top:15px;
}

#eventDetail  {
	margin-top:15px;
}

#eventDetail td {
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;	
}

#eventDetail {
	position:relative;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

.eventDetail_label {
	font-weight:bold;
}

.eventDetail_text {
	
}

#eventDescription {
	position:relative;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-top:15px;
}


#calendarDate {
	font-size:18px;
	
}

/*Blog */

#blog_post_wrapper {
	margin-top:15px;	
}