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

/******* General HTML settings ***********/

body {
	background: url(../images/bg_tile.png) top center repeat-y #999;
	font-family: Tahoma, Geneva, sans-serif;
}

a { 
	text-decoration: none; 
	font-weight: bold;
}

#mainarea a:hover {
	/*display: inline-block;*/
	/*background-color: #FF9;*/
	color: #F00;
}

#main area a:active {
	color: #F90;
}

#mainarea img{
	padding: 1px;
	border-color: #666;
	border-width: 1px;
	border-style: solid;
	text-align: center;
}

.thick-border-top {
	border-top: solid 2px #000;
}

/************** Framework ***************/

#container, #toparea, #footer, #searcharea {
	width: 1024px;
}

#container {
	margin: 0 auto;
	/*height: 768px;*/
	overflow: auto;
	height: auto;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #FFF;
}

#toparea, .navigationarea, #navigationbutton, #slideshow, #blogbox, #mainarea, #register, .mailer, #footer{
	float: left;	
}

#toparea {
	height: 95px;
	background-image: url(../images/Header.jpg);
	border-bottom: 1px solid #CCC;
}

#topleftlogo {
	float: left;
	margin: 0 0 0 5px;
	/*width: 406px;*/
	height: 60px;
}

#toprightlogo {
	float: right;
	width: 500px;
	height: 54px;
}

.navigationarea {
	width: 165px;
	min-height: 615px;
	background: #FFF url(../images/sidebar.png) top left;
}

/*#navigationbutton {
	margin: 5px 0;
}*/

.navigationarea ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.navigationarea ul li{
	position: relative;
}

/* Root level menu links style */
.navigationarea ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: black;
	text-decoration: none;
	padding: 5px 0;
}

.navigationarea ul li a:visited{
	color: black;
}

.navigationarea ul li a:hover{}
.navigationarea .subfolderstyle{}

/* Holly Hack for IE \*/
* html .navigationarea ul li { float: left; height: 1%; }
* html .navigationarea ul li a { height: 1%; }
/* End */

/*Sub level menu items */
.navigationarea ul li ul{
	position: absolute;
	width: 205px; /*sub menu width*/
	top: 5px;
	visibility: hidden;
	border-width: 1px 1px 0 1px;
	border-color: #06F;
	border-style: solid;
}

.navigationarea ul li ul h1{
	font-size: 12px;	
	height: 20px;
	line-height: 20px;
}

.navigationarea ul li ul li{
	background: #CCC;
	border-bottom:  #06F solid 1px;
	padding: 0 5px;
}

.navigationarea ul li ul li:hover{
	background:  #FFC;
	color: #000;
}



#searcharea{
	background: url(../images/search.png) no-repeat;
	float: right;
	margin: 5px 10px 0 0;
	width: 300px;
	height: 24;
}

#searchbar{
	background-color: transparent;
	border: 0px;
	float: left;
	font-size: 10px;
	line-height: 22px;
	height: 23px;
	padding-left: 20px;
	width: 240px;
}

#searchbutton{
	float: left;
	background: url(../images/search_button.png) no-repeat;
	background-color: transparent;
	border: 0px;
	height: 24px;
	margin: 3px 0 0 0;
	width: 20px;
}

#mainarea {
	width: 839px;
	min-height: 595px;
	background: #FFF;
	line-height: 18px;
	padding: 10px;
	font-size: 13px;
}

#slideshow {
	background: url(../slideshow/girls-on-gameboard.jpg) no-repeat;
	color: #FFF;
	width: 427px;
	height: 614px;
	border-width: 0 1px;
	border-style: solid;
	border-color: #CCC;
	z-index: -1;
}

#blogbox {
	width: 410px;
	height: 313px;
	background-color: #FFF;
	padding: 5px 7px 0 13px;
}

#newsbox, #newsbox-top, #newsbox-bottom, #newsbox-bottom-boyscouts {
	width: 830px;
}

#newsbox {
	height: auto;
	background-color: #E9F3E6;
	text-align: center;
}

#newsbox-top {
	background: url(../images/partners/boy-scouts-of-america/newsbox-top.png) top no-repeat;
}

#newsbox-bottom-boyscouts {
	background: url(../images/partners/boy-scouts-of-america/newsbox-bottom.png) top no-repeat;
	height: 50px;
}
#newsbox-bottom { background: url(../images/partners/girl-scouts/newsbox-bottom.png) top no-repeat; }

#infobox-boyscouts, #infobox-girlscouts, #infobox-4h {
	width: 850px;
}

#infobox-boyscouts{ background: url(../images/partners/boy-scouts-of-america/infobox-bg.png) right top no-repeat; }
#infobox-girlscouts{ background: url(../images/partners/girl-scouts/infobox-bg.png) right top no-repeat; }
#infobox-4h{ background: url(../images/partners/4h/infobox-bg.png) right top no-repeat; }

#register {
	background-color: #FFF;
	height: auto;
	width: 430px;
}

.mailer {
	background-color: #333;
	border-color: #999;
	border-style: solid;
	border-width: 1px 0 0 1px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 280px;
	padding: 10px 4px 5px 6px;
	width: 419px;
}

.mailer td {
	margin: 1;
	padding: 1;
	overflow: hidden;	
}

.inputstyles{
	height: 18px; 
	font-size: 12px; 
	margin:0; 
	padding:0;	
}

#footer {
	background-image: url(../images/Footer.gif);
	border-top: 1px solid #CCC;
	font-size: 10px;
	height:58px;
	text-align: center;
}

/*************** Fonts **********************/
h1 {
	font-size: 19px;	
	font-weight: bold;
	color: #06C;
}

h2 {
	font-size: 16px;	
	font-weight: bold;
	color: #000;
}

h3 {
	font-size: 14px;	
	font-weight: bold;
	color: #000;
}

.headline {
	color: #FF9;
	font-weight: bold;
	font-size: 14px;
	line-height: 8px;
}

.comingsoon {
	color: #F00;
	font-style: italic;
}

.newsheader {
	font-size: 20px;
	color: #000;
	font-weight: bold;
}

.hugefont {
	font-size: 20px;
	font-weight: bold;
	color: #000;
}

.largerfont {
	font-size: 16px;
}

.noborder {
	border: none;
}