/*-----------------------------

Project : Girl Scouts Spirit of Nebraska Website
Primary Use : Informational / Educational Site / Membership / Donations
Website design by GoodTwin * Omaha Nebraska  
www.good-twin.com
Branding | Web | Print

-----------------------------*/

/* Colors

Teal #3A9B88
Red #B16255
Yellow #EAE192
Brown #85611C

-------------------*/


* {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

/*--------------- Type --------------*/

h1{
	width: 550px;
	height: 74px;
	display: block;
	text-align: left;
	text-indent: 30px;
	font-family: Helvetica, Arial, Verdana;
	font-size: 36px;
	font-weight: 100;
	color: #3A9B88;
	padding: 25px 0px 0px 0px;
	background-image: url(images/interior/headerbar.png);
	background-repeat: no-repeat;
	}
	
h2{
	text-align: left;
	text-indent: 30px;
	font-family: Helvetica, Arial, Verdana;
	font-size: 22px;
	font-weight: 100;
	color: #3A9B88;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
h3{
	text-align: left;
	font-family: Helvetica, Arial, Verdana;
	font-size: 18px;
	font-weight: 500;
	color: #3A9B88;
	margin-left: 30px;
	margin-top: 5px;
	margin-bottom: 10px;
	}
	
h4{
	font-size: 18px;
	font-weight:100;
	text-decoration:none;
	font-family: Helvetica, Arial, Verdana;
	color: #3A9B88;
	margin-left: 30px;
	margin-bottom: 10px;
	}
	
	
img{
	margin-left:30px;
	margin-top: 10px;
	margin-bottom: 20px;
	}
	
p{
	margin-bottom: 15px;
	}
	
p a, p a:link, p a:active, p a:visited {

	width: 0px;

	font-size: 14px;

	text-decoration:none;

	font-family: Helvetica, Arial, Verdana;

	color: #B16255;

	background-color: #f4f078;

	padding: 2px 5px 2px 5px;

	 -moz-border-radius: 5px;

     -webkit-border-radius: 5px;

     border-radius: 5px;

	}



p a:hover, p a:visited:hover {

	color: #fff;

	background-color: #B16255;

	}


	
h4 a, h4 a:link, h4 a:active, h4 a:visited {
	font-size: 18px;
	font-weight:100;
	text-decoration:none;
	font-family: Helvetica, Arial, Verdana;
	color: #3A9B88;
	}

h4 a:hover, h4 a:visited:hover {
	background-color: #f4f078
	}
	
	
/*--------------- End Type --------------*/
	
/*--------------- Structure --------------*/

	
#main, body {
	background-color:#FFF;
	background-image:none;
	background-repeat: repeat-x;
	}
	

#wrap{
	width: 950px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}

#container{
	width: 950px;
	float: left;
	text-align:left;
	}


#main #content{
	width: 650px;
	float: left;
	margin-bottom:0px;
	}
	
	#content{
		width: 625px;
		float: left;
		margin-bottom:225px;
		}
		#interior #content{
			min-height: 520px;
			}

#header{
	width: 950px;
	height: 160px;
	float: left;
	}

	#main #header{
		width: 950px;
		height: 100%;
		float: left;
		}

#scenery{
	width: 950px;
	height: 385px;
	float: left;
	}
	
	#scenery h3{
		text-indent: -9999px;
		}
	

#sidebar_wrap{
	width: 325px;
	float: left;
	margin-bottom:275px;
	}
	
#sidebar{
	width: 310px;
	float: right;
	}
	
	#sidebar_content{
		width: 310px;
		float: right;
		}

#bottom_content{
	width: 100%;
	height:170px;
	float: left;
	}

	
	

/*--------------- End Structure --------------*/

/*--------------- Content --------------*/

#main #footer_content{
	width: 950px;
	height: 100px;
	float: left;
	background-image:url(images/mainpage/promotioncells/bottomcell.png);
	margin-top: 5px;
	}
	
	
	#footer_content{
		width: 950px;
		height: 100px;
		float: left;
		background-image:url(images/interior/bottomcell.png);
		background-repeat:no-repeat;
		margin-top: 0px;
		}

	
#main .cell_wrap{
	width: 316px;
	height: 85px;
	float: left;
	margin-top: 15px;
	}
	
	.cell_wrap{
		width: 316px;
		height: 85px;
		float: left;
		margin-top: 12px;
		}
		
		
#copyright{
	width: 96px;
	float: right;
	text-align: center;
	}
	
	#copyright, p{
		font-family: Helvetica;
		font-weight:100;
		font-size: 10px;
		color: #85611C;
		margin-left:0px;
		}

.address{
	width: 180px;
	float: left;
	padding: 8px 8px 8px 0px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: top right;
	}
	.address p{
		width: 160px;
		line-height: 20px;
		}
		
	.address img{
		margin-top: 0px;
		margin-bottom: 5px;
		}
	
.staff_wrap{
	width: 188px;
	height:190px;
	float:left;
	margin-top: 5px;
	margin-bottom: 55px;
	}

.staff{
	width: 150px;
	height: 205px;
	float:right;
	background-image: url(images/interior/staff/blue.png);
	border: 3px solid #fff;
	}
	.staff h3{
		font-size: 15px;
		margin-left: 10px;
		margin-right:10px;
		margin-bottom: 3px;
		}
	
	.staff img{
		margin-left: 10px;
		margin-right:10px;
		margin-bottom: 3px;
		}
	
	.staff p{
		width:130px;
		font-size:12px;
		line-height: 14px;
		margin-left: 10px;
		margin-right:10px;
		margin-bottom: 5px;
		}

.sitemap{
	width: 250px;
	float: left;
	}
	
	.sitemap p, h4{
		width: 200px;
		}

	
/*--------------- End Content --------------*/

/*---------------Navigation --------------*/

/*--Main Nav--*/

#navcontainer{
	height: 85px;
	width: 950px;
	text-align: center;
	float: left;
	margin-top: 8px;
	}


#nav{
	font-family: Helvetica;
	height: 45px;
	width: 950px;
	background-image: url(images/navigation/colorbar.png);
	text-align: center;
	float: left;
	}

#nav li{
	float: left;
	list-style-type: none;
	}

#nav a, #nav a:link, #nav a:active, #nav a:visited {
	height: 45px;
	text-indent: -9999px;
	width: 90px;
	color: #fff;
	background-position: 0px 0px;
	display: block;
	overflow: hidden;
	}

#nav a:hover, #nav a:visited:hover {
	background-position: 0px 45px
	}
	
	
	#nav #journeylink a {
		background-image: url(images/navigation/journeylink.png)
		}
	#nav #girlslink a {
		background-image: url(images/navigation/girlslink.png)
		}
	#nav #grownlink a {
		background-image: url(images/navigation/grownuplink.png)
		}
	#nav #differencelink a {
		background-image: url(images/navigation/differencelink.png)
		}
	#nav #juliettelink a {
		background-image: url(images/navigation/juliettelink.png)
		}
	#nav #productlink a {
			width: 91px;
			background-image: url(images/navigation/productlink.png)
			}
			

#join_wrap{
	float:left;
	margin-top: 15px;
	}

#join{
	margin-left: 544px;
	z-index: 2;
	position: absolute;
	}
	
#join a, #join a:link, #join a:active, #join a:visited {
	height: 75px;
	width: 75px;
	display: block;
	background-image: url(images/navigation/joinnow.png);
	background-position: 0px 0px;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
	}

#join a:hover, #join a:visited:hover {
	background-position: 0px 75px
	}


#piggy{
	height: 140px;
	width: 132px;
	float:left;
	}
	
#piggy a, #piggy a:link, #piggy a:active, #piggy a:visited {
	height: 132px;
	width: 140px;
	display: block;
	background-image: url(images/interior/nav/donatepig.png);
	background-position: 0px 132px;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
	margin-top: 10px;
	}

#piggy a:hover, #piggy a:visited:hover {
	background-position: 0px 0px
	}

.pdfwrap{
	float:left;
	margin-bottom: 35px;
	}

.pdf{
	margin-left: 30px;
	}

.pdf li{
	float: left;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 35px;
	list-style-type:none;
	}

.pdf a, .pdf a:link, .pdf a:active, .pdf a:visited {
	width: 232px;
	height: 90px;
	font-family: Helvetica;
	font-size: 15px;
	color: #3A9B88;
	background-image: url(images/interior/nav/pdflink.png);
	background-position: 0px 0px;
	display: block;
	overflow: hidden;
	text-decoration: none;
	}

.pdf a:hover, .pdf a:visited:hover {
	background-position: 0px 90px
	}
	
ul.pdf li a span { 
	display: block; 
	padding-left: 90px; 
	padding-top: 27px;
	padding-right: 5px;
	}


/*--End Main Nav--*/

/*--Top Nav--*/

#topnavcontainer{
	width: 440px;
	height: 25px;
	float: left;
	background-image: url(images/navigation/whitebg.png)
	}

#topnav{
	width: 420px;
	float: right;
	font-family: Helvetica;
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 3px;
	}

#topnav li{
	float: left;
	list-style-type: none;
	}

#topnav a, #topnav a:link, #topnav a:active, #topnav a:visited {
	color: #26A6A9;
	padding: 3px 9px 1px 9px;
	display: block;
	overflow: hidden;
	background-image:url(images/navigation/circle.png);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	text-decoration: none
	}

#topnav a:hover, #topnav a:visited:hover {
	color: #B24B42;
	}
	
/*--End Top Nav--*/
	
/*--Footer Nav--*/

#footer_links{
	
	height: 15px;
	float: right;
	margin-top: 6px;
	}

#footer{
	float: right;
	height: 15px;
	}

#footer_links p{
	font-family: Helvetica;
	font-weight:100;
	font-size: 10px;
	color: #26A6A9;
	}

#footer li{
	float: left;
	list-style-type: none;
	}


#footer a, #footer a:link, #footer a:active, #footer a:visited {
	font-family: Helvetica;
	font-weight:100;
	font-size: 10px;
	color: #26A6A9;
	padding: 1px 4px 0px 4px;
	display: block;
	text-decoration: none;
	background-image:url(images/navigation/line.png);
	background-position: right;
	background-repeat: no-repeat;
	}

#footer a:hover, #footer a:visited:hover {
	color:  #B24B42;
	}


#goodtwin a, #goodtwin a:link, #goodtwin a:active, #goodtwin a:visited {
	color: #B24B42;
	font-style:italic;
	}
	
#footer_content a, #footer_content a:link, #footer_content a:active, #footer_content a:visited {
	height: 70px;
	width: 275px;
	text-indent: -9999px;
	background-color:#FFF;
	display: block;
	background-position: 0px 0px;
	overflow: hidden;
	margin-left:auto;
	margin-right: auto;
	text-align:center;
	}

#footer_content a:hover, #footer_content a:visited:hover {
	background-position: 0px 70px
	}
	
	
	#footer_content #gsusa a {
			background-image: url(images/mainpage/promotioncells/gslink.png)
			}
			
	#footer_content #event a {
			background-image: url(images/mainpage/promotioncells/cookies.png)
			}
			
	#footer_content #message a {
			background-image: url(images/mainpage/promotioncells/goals.png)
			}
			
	#footer_content #community a {
			background-image: url(images/interior/nav/communitylink.png)
			}
			
	#footer_content #donate a {
			background-image: url(images/interior/nav/donationlink.png)
			}

	#footer_content #gsfooter a {
			background-image: url(images/interior/nav/gslink.png);
			width: 164px;
			float:left;
			}
			
	#footer_content #gtfooter a {
			background-image: url(images/interior/nav/gtlink.png);
			width: 102px;
			float:left;
			}
			
			#promolinks{
				width: 275px;
				margin-left:auto;
				margin-right: auto;
				text-align:center;
				}
				
			.copyright{
				float: left;
				text-align: left;
				width: 90px;
				text-indent: -30px;
				}

	
/*--End Footer Nav--*/

/*--Side Bar Nav--*/


#sidebar li{
	width:222px;
	float: left;
	list-style-type: none;
	margin-top: 3px;
	}


#sidebar a, #sidebar a:link, #sidebar a:active, #sidebar a:visited {
	font-family: Helvetica;
	font-weight: 500;
	display:block;
	font-size: 17px;
	color: #fff;
	background-image: url(images/interior/nav/subblue.png);
	background-position: 0px 45px;
	background-repeat:none;
	padding: 15px 0px 11px 13px;
	text-decoration: none;
	}

#sidebar a:hover, #sidebar a:visited:hover {
	background-position: 0px 0px;
	width: 232px
	}
	
#sidebar .top a{
	width: 209px;
	font-size:19px;
	background-image:url(images/interior/nav/subred.png);
	color:#FFF;
	margin-top: 5px;
	margin-bottom: 5px;
	background-position: 0px 0px;
	padding: 14px 0px 8px 13px;
	}
	
#sidebar .top a:hover{
	width: 209px;
	}
	
#sidebar .subnav a{
	font-family: Helvetica;
	font-weight: 500;
	display:block;
	font-size: 13px;
	color: #3A9B88;
	padding: 7px 0px 4px 23px;
	text-decoration: none;
	background-image:url(images/navigation/circle.png);
	background-position: 13px 11px;
	background-repeat: no-repeat;
	}
	
#sidebar .subnav a:hover{
	background-position: 13px 11px;
	color: #B16255;
	}
	
/*--End Side Bar Nav--*/


/*--Forms--*/


.formcontainer{
	width: 500px;
	text-align: left;
	float: left;
	}
	
#form {
	float: left;
	}
	
	#form p{
		width: 360px;
		font-size:12px;
		margin: 0px 0px 0px 0px;
		}
		 
	#form h2{
		text-indent: 0px;
		}
	
	#form h2{
		margin-left: 0px;
		margin-bottom: 0px;
		}
	 
	#form div {
		clear: both;
		margin-bottom:10px;
		height: 40px;
		}
	
input, select, textarea {
	width: 350px;
	float: left;
	display: block;
	font-size: 12px;
	text-indent: 10px;
	font-family: Helvetica, sans-serif;
	font-weight:100;
	color: #3A9B88;
	background-color: #fff;
	background-image:url(images/interior/nav/stripes.png);
	margin-top: 5px;
	padding: 6px 0px 5px 0px;
	border: 5px solid #b1e3da ;
	}

.rows{
	margin-top: 10px;
	margin-left: 30px;
	}
	
	
	div#form_agegrade select {
		width: 100px;
		text-indent: 3px;
		padding-right: 8px;
		margin-right: 10px;
		margin-bottom: 20px;
		}
		
	div#form_homes{
		margin-top:10px;
		width: 150px;
		float:left;
		clear: none
		}

	div#form_city {
		float: left;
		clear:none;
		}
		#form_city input {
			width: 130px;
			margin-right: 5px;
			}
			
	div#form_state {
		float: left;
		clear:none;
		}
		#form_state input {
			width: 110px;
			margin-right: 5px;
			}
	
	div#form_zip {
		clear:none;
		}
		#form_zip input {
			width: 80px;
			}
			
	div#form_phone {
		clear:none;
		}
		#form_phone input {
			width: 165px;
			margin-right: 10px;
			}
		
.message textarea{
	height: 50px;
	width: 325px;
	float: left;
	clear: both;
	font-size: 14px;
	margin-top: 8px;
	margin-bottom: 20px;
	text-indent: 0px;
	padding-top: 8px;
	padding-left: 10px;
	}

#form_parents{
	margin-top: 35px;
	}

#form div {

	height: 25px;
	}
	
#submit{
	float: left;
	}	
	
#submit input {
	width: 100px;
	font-size: 15px;
	text-align: center;
	background-image:url(images/interior/nav/subred.png);
	background-position: top center;
	color: #fff;
	float: left;
	text-indent: 0px;
	border: none;
	margin-top: 10px;
	}

#password{
	float:left;
	margin-top: 15px;
	}


/*Newsletter Form*/

#formnews {
	float: left;
	}

#newsletter{
	width: 170px;
	float:left;
	text-align: left;
	margin-top: 25px;
	}
	#newsletter h3{
	 height: 30px;
	 width: 185px;
	 margin: 0px;
	 text-indent: 8px;
	 padding: 10px 0px 0px 0px;
	 background-image:url(images/interior/nav/yellownews.png)
	 }
	 
		div#form_newslettersignup {
			width:170px;
			}
			#form_newslettersignup input {
				width: 170px;
				height: 15px;
				margin-top: 0px;
				}
			
			div#form_hidden{
				width: 0px;
				height: 0px;
				margin: 0px;
				padding: 0px;
				}
			
			#form_hidden input {
				width: 0px;
				height: 0px;
				margin: 0px;
				padding: 0px;
				border: none;
				}
				
#submitnews input {
	width: 100px;
	font-size: 15px;
	text-align: center;
	background-image:url(images/interior/nav/subred.png);
	background-position: top center;
	color: #fff;
	float: left;
	text-indent: 0px;
	border: none;
	margin-top: 10px;
	}


/*End Newsletter Form*/


	
/*--End Forms--*/

/*---------------End Navigation --------------*/