/*-----------------------------------------------------------------------------
/* --> CLEAR ALL RESETS
-----------------------------------------------------------------------------*/
* {	margin: 0;	padding: 0;}
/* NOTE:: --> Class for clearing floats */
ol, ul {list-style: none outside; line-height: 1.7em;}
.clear {clear: both;}
img {border:0 none;} 
/* -----------------------------------------------------------------------------*/

body {  
	font: 68.75%/1.6  "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #555;
	background: #d3d3d3;
	text-align: center;}
	
h2{  
	font: 120%  "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #555;
	font-weight: bold;}
		
#aquabar {
	width: 1000px;
	background-color: #63ced6;
	height: 12px;
	margin: 30px auto 0px auto;}


#allcontent { 
	width: 1000px;
	background: #FFF;
	text-align: left;
	margin: auto auto;}
				
td {font: 68.75%/1.6  "Trebuchet MS", Tahoma, Verdana, sans-serif;}


/* --> Light Grey Upper Menu
-----------------------------------------------------------------------------*/  
#upper_nav {
	height: 35px;
	background-color: #efefef;}
			
#upper_menu {
	/*text-transform: uppercase;*/
	font: 1em "Trebuchet MS","Lucida Grande", "Lucida Sans",  Tahoma, Verdana, sans-serif;
	float: right;}
	
#upper_menu li {
	display: inline;
	float: left;
	padding-left: 1px;
	color: #666;}
	
#upper_menu li a {
	color: #666;
	text-decoration: none;
	padding: 0.5em 1em;
	line-height: 2.1em;
	border: 0;}
	
#upper_menu li a:hover {
	text-decoration: none;
	color: #000;}
	
#upper_menu li a.selected, #upper_menu li a.selected:hover {
	color: #000;
	background-color: #e9e9e9;}
	
	
/* --> Top Content (HOME PAGE)
-----------------------------------------------------------------------------*/		  
#top-content {
	background:url("../images/home/girl.jpg") no-repeat bottom right;
	height:385px;
	width: 100%;} 
	
#top-content2 {
	height:270px;
	width: 100%;
	position: relative;}
	
#slideshow1{
    position: absolute;
    top: 0px;
	width: 640px;
	margin-left: 360px;}

#slideshow2{
    position: absolute;
    top: 0px;
	width: 640px;
	margin-left: 360px;
    height:270px;
    /*background:url('../images/home/wearegirls-sponsor-video.jpg');*/
}
#slideshow2 object{float:right;padding:10px 10px;display:block; }
#programs {
margin:0px 0px 0px 90px;
float: right;}

	
	
/* --> Main Menu
-----------------------------------------------------------------------------*/		  
#header{position:relative; text-align:left; width:100%;};
.logo {float:left;}

#main_menu{
block: inline;
	text-transform: uppercase;
	font: 1em "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-weight: bold;
	float: left;
	margin-top: -75px ;
	margin-left: 428px; 
	width: 570px;
}
					
#main_menu li {
    float: left;
	padding-left: 1px;
	color: #FFF;
	background-color: #1085bb;}
	
#main_menu li a {
	color: #FFF;
	text-decoration: none;
	padding: 0.5em .8em;
	line-height: 2.2em;
	border: 0;}
	
#main_menu li a:hover {
	text-decoration: none;
	background-color: #0778ad;}
	
#main_menu li a.selected, #main_menu li a.selected:hover {
	background-color: #065f88;}

/* --> Tabbed Navigation (Sub Pages) -----------------------------*/
/* begin css tabs */
 
ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #bbd8ec; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 60px; /* THIRD number must change with respect to padding-top (X) below */
}
 
ul#tabnav li { /* do not change */
display: inline;
}
 
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}
 
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #e7f1f8; /* set selected tab background color as desired */
color: #6699ff; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}
 
ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #bbd8ec; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #66cccc; /* set unselected tab background color as desired */
color: #FFF; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}
 
ul#tabnav a:hover { /* settings for hover effect */
background: #e7f1f8; /* set desired hover color */
color: #6699ff; /* set selected tab link color as desired */

}
 
/* end css tabs */
/* --> Top Content Elements (HOME PAGE)
-----------------------------------------------------------------------------*/		  	
#mission {
	margin:30px 0px 25px 45px;} 
	
#mission2 {
	margin:125px 0px 25px 45px;
	} 

	
#mission a {
color:#E44F20;}

#newsletter2 {
	margin:0px 0px 0px 45px;
	border:0;
	float: left;
	}

#newsletter {
	margin:0px 0px 0px 45px;
	border:0;
	}
	
#blueactionbar {
	background:#007cb7;
	height:150px;
	text-align:center;
	}
	
#blueactionbar img.action {
	/*margin:19px 30px;*/
	margin:19px 0px;
	}	

.actionitem {
	margin:15px 0px 0px 35px;	}


/* --> Bottom Content (HOME PAGE)
-----------------------------------------------------------------------------*/		  
#bottom-content {
	width: 100%;
	background:#FFF;
	height: 320px;} 

#bottom-content2 {
	width: 100%;
	background:#FFF;
	height: 500px;} 


#news {
float:left; width:225px; padding:20px;} 
	
#story {
	float:left; width:430px; padding:20px;
} 
	
#events {
float:right; width:225px; padding:20px;} 

#social-media {
    width: 191px; height: 52px;
    background: url("../images/home/social-media.jpg");
    padding: 0;
    position: relative;}
#social-media li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
	
#social-media li, #social-media a {
    height: 52px; display: block;}
	
#facebook {left: 0px; width: 48px;}
#twitter {left: 49px; width: 48px;}
#flickr {left: 98px; width: 47px;}
#rssfeed {left: 146px; width: 48px;}
#facebook a:hover {
    background: transparent url("../images/home/social-media2.jpg")
    0px 0 no-repeat;}
#twitter a:hover {
    background: transparent url("../images/home/social-media2.jpg")
    -49px 0 no-repeat;}
#flickr a:hover {
    background: transparent url("../images/home/social-media2.jpg")
    -98px 0 no-repeat;}
#rssfeed a:hover {
    background: transparent url("../images/home/social-media2.jpg")
    -146px 0 no-repeat;}
	
	

	
/* --> PAGE Content (ALL PAGES)
-----------------------------------------------------------------------------*/		  
#left-sidebar {
    float: left;
	top: 320px;
	width: 220px;
	padding: 20px 0px 45px 50px;
	} 

#left-content {
    float: left;
	top: 320px;
	width: 600px;
	padding: 20px 20px 45px 65px;
	border-right: 1px solid #bbd8ec;

	} 
	
#left-fullpage {
    float: left;
	top: 320px;
	width: 850px;
	padding: 20px 20px 45px 65px;

	} 


#right-content {
	float: right;
	top: 350px;
	width: 670px;
	padding: 20px 55px 45px 0px;
	} 
	
#right-item {
    padding: 10px 0px;
	border-bottom: 1px dotted #ccc;
	} 

.blue_sideheading {
	font: 1.4em  "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-weight: bold;
	color: #1085bb;
	text-decoration: none !important;
	padding: 0px 0px 0px 20px;
	}

	
#right-content,#left-content  ul, ol {list-style: square inside; }
#right-content,#left-content  ul li ul, ol li ol {list-style: disc inside; margin:1px 1px 1px 30px; }

#right-content2 {
	float: right;
	top: 350px;
	width: 280px;
	padding: 20px 15px 45px 15px;
	} 
	
	
/* --> Volunteer Orientation
-----------------------------------------------------------------------------*/		  	
#volunteer-orientation {
    width: 600px; height: 60px;
    background: url("../images/get-involved/orientation1.gif");
    padding: 0;
    position: relative;}
#volunteer-orientation li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
	
#volunteer-orientation li, #volunteer-orientation a {
    height: 60px; display: block;}
	
#vopg1 {left: 0px; width: 110px;}
#vopg2 {left: 111px; width: 100px;}
#vopg3 {left: 212px; width: 100px;}
#vopg4 {left: 313px; width: 100px;}
#vopg5 {left: 414px; width: 100px;}
#vopg6 {left: 515px; width: 90px;}

#vopg1 a:hover, #current1 {
    background: transparent url("../images/get-involved/orientation2.gif")
    0px 0 no-repeat;}
#vopg2 a:hover, #current2 {
    background: transparent url("../images/get-involved/orientation2.gif")
    -111px 0 no-repeat;}
#vopg3 a:hover, #current3 {
    background: transparent url("../images/get-involved/orientation2.gif")
    -212px 0 no-repeat;}
#vopg4 a:hover, #current4 {
    background: transparent url("../images/get-involved/orientation2.gif")
    -313px 0 no-repeat;}
#vopg5 a:hover, #current5 {
    background: transparent url("../images/get-involved/orientation2.gif")
    -414px 0 no-repeat;}
#vopg6 a:hover, #current6 {
    background: transparent url("../images/get-involved/orientation2.gif")
    -515px 0 no-repeat;}


/*#right-content ol, ul {list-style: none outside; line-height:1.8em;}--/


/* --> SIDEBAR NAVIGATION - Anylink.css
-----------------------------------------------------------------------------*/

#contact-wrapper {
	width:430px;
	border:1px solid #d9d9d9;
	background:#f4f4f4;
	padding:20px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}
		  

/* --> FOOTER
-----------------------------------------------------------------------------*/		  

#footer {
	background: #333333;
	height: 45px;
	text-align: center;
	padding: 20px;
	clear: both !important;
	}

#footer li {
	float: left;
	padding-left: 1px;
	color: #FFF;
	}

		
#footer li a {
	color: #FFF;
	text-decoration: none;
	padding: 20px 12px;
	line-height: 2.1em;
	text-transform: uppercase;
	border: 0;
	font-weight: normal;}
	
	#footer  a {
	color: #FFF;
	text-decoration: underline;
	line-height: 2.1em;
	border: 0;
	font-weight: normal;}

/* --> LINKS AND HEADERS
-----------------------------------------------------------------------------*/
a:focus {
	outline: none;}
	
a:link {
    font-weight: bolder;
	text-decoration: underline;
	color: #0066cc;
}
	
a:visited {
    font-weight: bolder;
	color: #336699;
	text-decoration: underline;
	}
	
a:hover {
	text-decoration: underline;
	color: #003399;}

.more a{
	font-weight: bold;
color: #eb561a;}


.blue_heading {
	font: 1.7em  "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-weight: bold;
	color: #1085bb;
	}
	
.orange_heading {
	font: 1.7em  "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #eb561a;}
	
.green_heading {
	font: 1.7em  "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-weight: bold;
	color: #86ad00;}

.green_section_heading {
	margin: 20px 0px 0px 0px;
	font: 1.7em  "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-weight: bold;
	color: #86ad00;
	background-color: #e9f6bd;}
	
.green_section_heading a {
	color: #86ad00;
	font: 60% "Trebuchet MS", Tahoma, Verdana, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;}