/* GoLightly Stylesheet */
/* $Id: client.css,v 1.2 2009/02/03 06:15:08 dmcgrew Exp $ */

body {
	background: #D6D6D6; /* This is the color of the page behind the community */
	color: #333333;
	font-size: 13px;
}

/* Adds a black line around entire website */

#wrapper {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 4px #B9D4CF solid;
}
#wrapperFixed {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

#contentNoBorders {
	background: #FFFFFF url(../images/bg_main.gif) no-repeat center bottom;
}

/*
#welcomeFrame #contentMainBody {
	font-size: 14px;	
}
*/

#contentMain1Inside {
		background: transparent;
}

#home #topBar {
	/* FIX FOR IE */
}

#topBar {
	padding-top: 254px; /* (74 + 27 - 1 = 100) #topNav + tab height - 1. This is where the top bar height override goes if needed by a particular client (default 74px) This is the distance from the top of the window to the bottom of the tabs */
	background: #FFFFFF url(../images/bg_header_photos.jpg) no-repeat 660px 0; /* This is the color of the background of the entire top bar */
}

#topBarNoTopNav {
	padding-top: 164px; /* Height of #topNav. This is where the top bar height override (for navigation with no top nav tabs) goes if needed by a particular client (default 74px) This is the distance from the top of the window to the top of the secondary nav */
	background: #FFFFFF; /* This is the color of the background of the entire top bar */
}

#topBarSmall { /* This is for the top bar with the small logo */
	background: #FFFFFF;
}

#topBarPrint { /* This is for the top bar that appears when printing */
	background: #FFFFFF;
}

#logo {
	top:40px;
	left: 10px;
}

#topSubNavEmpty {
	display: none;	
}

/*<group=Account Nav>*/

#accountNav {
	background: transparent;
	border: none;
	color: #000000; /* This is the color of the text with the member's name */
	top: 0;
	left: 0;
	padding: 0;
}

#accountNav a {
	color: #000000;
}

#accountNav a:hover {
	color: #000000;
}

#accountNav #accountLinks {
	background: transparent url(../images/bg_accountlinks.gif) no-repeat right top;
	height: 20px;
	margin: 0;
	float: left;
	padding: 6px 34px 5px 5px;
}

#accountNav #userPhotoBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 43px;
	height: 31px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#accountNav .profilePhoto {
	margin: 0;
	top: 0;
	left: 0;
}

#accountLinks li {
	border-right: 1px solid #91B0D4; /* This is the vertical separator between account navigation items */
}

#accountLinks.withPhoto {
	padding-left: 45px !important;
}

a#fontResize_s {
	display: block;
	float: left;
	font-size: 1px;
	color:#FE9900;
	width: 21px;
    height: 0px !important;
    height /**/:21px; /* ie5/win hack */
	padding: 21px 0 0 0;
	background: transparent url(../images/b_minus.gif) no-repeat 0 0;
	overflow: hidden;
	margin: -3px 0 0 0;
	_margin: 0; /* for IE6 */
	border: 0;
}

a#fontResize_l {
	display: block;
	float: left;
	font-size: 1px;
	color:#FE9900;
	width: 21px;
    height: 0px !important;
    height /**/:21px; /* ie5/win hack */
	padding: 21px 0 0 0;
	background: transparent url(../images/b_plus.gif) no-repeat 0 0;
	overflow: hidden;
	margin: -3px 0 0 0;
	_margin: 0; /* for IE6 */
	border: 0;
}

#adminLink {
	left: 7px;
}

#adminLink a {
/*	color: #BDDAE6;*/
}

#pageFooterAdminLink a {
	color: #000000;
}
#tagline {
	margin-left: 35px;
	color: #3D6083;
	font-family: 'Times New Roman';
	font-size: 130%;
	font-weight: bold;
	font-style: italic;
}

/*</group>*/

/*<group=Main Text Colors>*/
/* #myPage #topNav li.myPage a, */
#topNav a, #topNav li a {
	color: #072951; /* This is the text color for the topNav tab text off state */
}
/* To change the color of the tab at state links, see below: #home #topNav li.home a */
#topNav a:hover, #topNav li:hover a {
	color: #072951; /* This is the text color for the topNav rollover */
}
#topSubNav li a.at {
	color: #FFFFFF; /* This is a standard text color for the subnav at states */
}
#leftNav ul a.at {
	color: #18684D; /* This is a standard text color for the leftnav at states */
}
#content h1, #contentWithSidenav h1 {
	color: #000000; /* This is a standard text color for h1 & h2  */
}
#contentNav em, .moduleHeader h2 {
	color: #000000; /* This is a standard text color for h1 & h2  */
}

#welcomeFrame h1 {
	color: #072951;
}

a:link,
a:visited,
a:active {
	color: #072951;
	text-decoration: underline;
}

a:hover {
	color: #072951;
	text-decoration: underline;
}
	
/*</group>*/

/*<group=topNav>*/
#topNavArea { /* Use if a background behind the topNav is needed */
	background: url(../images/bg_topnav.jpg) repeat-x right 0px; /* A background for the entire top navigation area */
	height: 30px;
	border-top: #F9CA40 3px solid;
}

#topNav {
	left: 20px; /* This tells the top nav how far from the left to start */
	top: 233px; /* default in global.css 48px. This is the distance from the top of the window to the top of the tabs. This number + 27 (-1) should equal #topBar. Change to allow for larger logo (logo height minus 27px) */
	font-size: 115%;
}

#topNav a {
	font-weight: bold;
}

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

#topNav li,
#topNav li div {
	background: transparent;
}

/* I believe this should include all tabs -- what does this do? */
#blogs #topNav li.blogs a, 
#forums #topNav li.forums a, 
#help #topNav li.help a, 
#home #topNav li.home a, 
#library #topNav li.library a, 
#myPage #topNav li.myPage a, 
#people #topNav li.people a, 
#projects #topNav li.projects a, 
#projectWizard #topNav li.projectWizard a, 
#tasks #topNav li.tasks a, 
#workgroups #topNav li.workgroups a {
	color: #072951; /* This is the color of the top tab at-state text */
}
/*** right most tab(s) ***/
#help #topNav li.help div, 
#projectWizard #topNav li.projectWizard div {
	background-position: right -81px;
}
/*** all tabs that are not on far right ***/ 
#library #topNav li.library div {
	background-position: right -27px;
}

/*</group>*/

/* See golightly stylesheet for topNavContent styles */

/*<group=TopSubNav>*/

#topSubNav a {
	color: #FFFFFF;
	font-size: 100%;
}

#topSubNav a:hover {
	color: #FFFFFF;
}

#topSubNav {
	background: #1B2D5B url(../images/bg_topsubnav.jpg) repeat-x 0 0; /* This is the color of the Subnav bar, which is normally gold */
	font-size: 105%;
	 height: 10px; /* This is the height of the subnav area with or without text */
}

#topSubNavEmpty {
	background: #FFFFFF url(../images/bg_topsubnavempty.jpg) repeat-x 0 0; /* This is the color of the Subnav bar, which is normally gold */
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	font-size: 105%;
	 height: 10px; /* This is the height of the subnav area with or without text */
}
	
/*</group>*/

#leftNav li {
	background: transparent;
}

#leftNav li li {
	background: transparent url(../images/leftnav_sub_bullet.gif) no-repeat 2px .8em;
}

#leftNav a:hover {
	text-decoration: underline;
}
	
/*</group>*/

/*<group=Content Header>*/

#content h1, #contentWithSidenav h1, #contentNoBorders h1 {
	color: #000000;
}

#content h2, #contentWithSidenav h2, #contentNoBorders h2 {
	color: #000000;
}

#content h3, #contentWithSidenav h3, #contentNoBorders h3 {
	color: #000000;
	}

/*</group>*/
	
.goldenH2{
	color: #18684D;
	}

#goldenTitle a {
	color: #18684D;
	}

/*GENERAL FOR PAGES WITH BLUE MODULE and GOLDEN COLOR TITLE */
#Title h1 {
   color: #18684D;
   }

#printable h1 {
	color: #18684D;
}

/*<group=Page Footer>*/

#pageFooter {
	background: #6E7B81; /* Background color of the footer area */
	border-top: #F9CA40 5px solid;
}

#pageFooter .notice,
#pageFooter a { /* This is the footer text */
	color: #FFFFFF;
}

/*<group=New Welcome Styles>*/

/* Welcome page styles */
#welcomeFrame {	/* The generic welcome style to hold all content */
	border-top: none; /* This creates the line just under the top nav tabs, but only on the welcome page */
}

#contentPromo1,
#contentPromo2 {
	font-size: 100%;
}

#contentPromo1 #contentPromo1Inside h2, #contentPromo2 #contentPromo2Inside h2 {
	color: #000000;
}

#contentMain1 h1 {
	color: #000000;
}

.siteVersion {
	color: #ADADAD;
}

/* NGA login page */
body#nga {
	background: #FFF url(../images/bg_nga_main.gif) repeat-x left top;
	padding-top: 25px;
}

body#nga #content {
	background: transparent;
}

#ngaContent {
	background: transparent url(../images/bg_nga_inside_top.gif) no-repeat left top;
	width: 699px;
	margin: 0 auto 50px auto;
	position: relative;
}

#ngaContentInner {
	padding: 30px 125px;
}

#ngaContentInner h2 {
	color: #253075;
}

p#first {
	margin: 0px;
}

p#ngaFootnote {
	font-size: 80%;
}

#signature {
	text-align: right;
	width: 100%;
}

#ngaContentHeader {
	height: 120px;
}

#ngaContentHeader img {
	position: absolute;
	left: 63px;
	top: 37px;
}

#ngaContentFooter {
	height: 38px;
	width: 699px;
	position: absolute;
	left: 0;
	bottom: -38px;
	background: transparent url(../images/bg_nga_inside_bottom.gif) no-repeat left top;
}

a#ngaEnter {
	display: block;
	width: 141px;
	height: 49px;
	margin: 30px auto;
}

#ngaLogin .loginModule {
	margin-left: 20px;
	margin-right: 20px;
}

#welcomeArea1 {
	background: transparent;
	margin-top: 10px !msie;
}

#contentPromo1 {
	background: #FFFFFF url(../images/bg_left.gif) repeat-x right top;
/*	font-size: 80%;
	margin-top: -33px;
	margin-top: -23px !msie;
	padding-top: 77px;
	padding-top: 81px !msie;
*/
	border-top: 3px solid #F9CA40;
	line-height: 120%;
	min-height: 201px;
	_height: 201px;
	padding-top: 23px;
	width: 280px;
/*	float: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 224px;
*/
}

#contentPromo1 #contentPromo1Inside {
	_width: 211px;	
}

#contentPromo1 #contentPromo1Inside,
#contentPromo1 #contentPromo2Inside{
	background: transparent;
	overflow: hidden;
	padding: 0 0 0 34px;
	margin: 0 30px 10px 5px;
	font-size: 13px;

}

#contentPromo1 #contentPromo1Inside h2,
#contentPromo1 #contentPromo2Inside h2 {
	padding: 0 0 0 34px;
	margin: 10px 0 0 -34px;
	min-height: 11px;
	_height: 11px;
	background: transparent url(../images/bullet_arrows_yellow.png) no-repeat 0 3px;
	_background-image: url(../images/bullet_arrows_yellow.gif);
}


#contentPromo1 #contentPromo2Inside.contentPromo1InsideColor1c h2 {
	margin-left: 4px;
	margin-top: 20px;
	color: #072951;
}

#contentPromo2 {
/*
	float: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 224px;
	margin-top: 17px;
	margin-top: 30px !msie;
	padding-top: 30px;
	font-size: 80%;
*/
	background: transparent url(../images/bg_right_2.gif) no-repeat 8px top;
	line-height: 120%;
	margin-top: 17px;
	padding-top: 10px;
	min-height: 281px; 
	_height: 281px;
	font-size: 85%;
	width: 240px;
	font-size: 13px;
}

#contentPromo2Inside {
	background: transparent;
	padding: 0 0 0 30px;
	margin: 0 30px 10px 0;
}

/*
.contentPromo2InsideColor2a {
	margin-top: 0;
	position: relative;
	background: #FFF url(../images/bg_right_2.gif) no-repeat 8px 0 !important;
}
*/

#contentPromo1 #contentPromo2Inside {
	background: transparent url(../images/bg_left_partners_top.gif) no-repeat left top;
	/*padding: 10px 15px 15px 40px;*/
	padding: 0;
	margin: 0 30px 10px 0;
	width: 245px;
	/*height: 200px;
	overflow: hidden;*/
}

#contentPromo1 #contentPromo2Inside #partnerPromo {
	padding: 0 15px 15px 40px;
	background: transparent url(../images/bg_left_partners_bottom) no-repeat right bottom;	
}

#contentPromo1  p,
#contentPromo2 p {
	margin-top: 0;
}

#contentPromo2 #contentPromo2Inside h2 {
	padding: 0 0 0 34px;
	margin: 10px 0 0 -34px;
	min-height: 11px;
	_height: 11px;
	background: transparent url(../images/bullet_arrows_yellow.png) no-repeat 0 3px;
	_background: url(../images/bullet_arrows_yellow.gif) no-repeat 3px 3px;
}

.contentPromo2InsideColorStats dt{
	font-size: 11px;
}

#contentPromo2 #contentPromo2Inside h2 img {
	display: none; /*hide "getting started" arrow graphic*/
}

#contentPromo1 #contentPromo1Inside h2, #contentPromo2 #contentPromo2Inside h2 {
	color: #072951;
}

#contentMain1 {
	min-height: 281px; /* height of gradient art, to avoid cutting it off */
	_height: 281px;
	width: 470px;
	_width: 450px;
}

#contentMain1 h1 {
	color: #072951;
}

.siteVersion {
	color: #ADADAD;
}

#home #wrapper {
	width: 1000px;	
}


#volunteermatch {margin:0px; padding:0px; background:#eee;}
#volunteermatch #content {margin:0px; padding:0px; background:#eee;}
#volunteermatch #bgcontainer {background:url(../images/bg_vm.jpg) repeat-y top transparent; width:1050px; margin:0px auto; margin-top:0px;}
#volunteermatch #container {border:1px solid #a0a0a0; background:#fff; margin:0 auto;  width:1000px; padding-bottom:50px;}
#volunteermatch #container #subheader {text-align:center;}
#volunteermatch #vmLogin { width:1000px; margin:0 auto;}
#volunteermatch #vmLogin #header {width:100%; background:url(../images/bg_vmheader.jpg) no-repeat right top #fff; border-bottom:1px solid #b2b2b2; height:127px;}
#volunteermatch #vmLogin #vmlogo {padding-top:20px; padding-left:18px;}
#volunteermatch #vmLogin #subheader {padding-bottom:30px;}
#volunteermatch #vmLogin h1 {font-size:20px; margin:0px; padding:0px; color:#71b52a; padding-bottom:5px; font-weight:bold; letter-spacing:0px;}
#volunteermatch #vmLogin h2 {font-size:15px; margin:0px; padding:0px; letter-spacing:0px;}
#volunteermatch #vmLogin #maincontent {width:740px; padding-top:40px; margin:0 auto;}
#volunteermatch #vmLogin #intro {float:left; width:250px; margin-right:30px; margin-top:0px; }
#volunteermatch #vmLogin #intro p {letter-spacing:0px; margin-top:0px;}
#volunteermatch #vmLogin #loginarea {float:left; border:1px solid #a0a0a0; width:446px;background:url(../images/bg_loginarea.jpg) repeat-x top left; margin-top:0px; padding-top:10px; padding-bottom:10px;}
#volunteermatch #vmLogin #loginarea a {outline:none;}
#volunteermatch #vmLogin #loginarea p { padding-left:15px; padding-right:15px; margin-top:0px; margin-bottom:0px;}

#volunteermatch #containertop {background:url(../images/bg_vm_top.jpg) no-repeat bottom; height:9px; width:1050px; margin:0 auto; margin-top:40px; padding-bottom:0px; margin-bottom:0px;}
#volunteermatch #containerbot {background:url(../images/bg_vm_bot.jpg) no-repeat top; height:9px; width:1050px; margin:0 auto;}

#volunteermatch #vmLogin #vmenter {border:none;  margin:0 auto; text-align:center;  margin-bottom:15px; display:block;}
#volunteermatch #vmLogin .loginModule { width:446px; margin:0px; float:left; border:none; margin-top:0px;}
.clearfloat {clear:both;}