/* GoLightly Stylesheet */
/* $Id: client.css,v 1.1 2009/02/03 02:50:08 dmcgrew Exp $ */

body {
	background: #D6D6D6; /* This is the color of the page behind the community */
	color: #333333;
}

/* Adds a black line around entire website */

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

#home #wrapper {
	/*_width: 850px;*/
}

#topBar {
	padding-top: 138px; /* (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: #012b5d url(../images/bg_topnav.jpg) no-repeat 224px 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:0;
	left: 0;
}

/*<group=Account Nav>*/

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

#accountNav a {
	color: #CAD9D4;
}

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

#accountNav #accountLinks {
	background: /*#012b5d;*/ transparent;
	height: 20px;
	margin: 0;
	float: right;
	padding: 4px 5px 5px 5px;
}

#accountNav #adminLink {float:right; display:none;}

#accountNav #userPhotoBox {
	position: absolute;
	top: 0;
	right: 0;
	/*width: 43px;
	height: 31px;*/
	padding: 0 0 3px 3px;
	background: #012b5d;
	margin: 0;
}

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

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

#accountLinks.withPhoto {
	padding-right: 50px !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.jpg) 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.jpg) no-repeat 0 0;
	overflow: hidden;
	margin: -3px 0 0 0;
	_margin: 0; /* for IE6 */
	border: 0;
}

#adminLink {
	left: 7px;
}

#adminLink a {
/*	color: #BDDAE6;*/
}
#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  */
color:#002b5c;
}

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_topnav2.jpg) repeat-x right 0px; /* A background for the entire top navigation area */
	height: 30px;
	border-top: #F9CA40 3px solid;
	/*margin-left: 224px;*/
	width: auto;
}

#topNav {
	left: 10px; /* This tells the top nav how far from the left to start */
	top: 118px; /* 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: 100%;
	width: 740px;
}

#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: 80%;
}

#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 */
	 display: none;
}
	
/*</group>*/

#leftNav li {
	background: #D5E7F5;
}

#leftNav li li {
	background: #D5E7F5 url(../images/leftnav_sub_bullet.gif) no-repeat 2px .8em;
}
	
/*</group>*/

/*<group=Content Header>*/

#content h1, #contentWithSidenav h1, #contentNoBorders h1 {
	color:#002b5c;
}

#content h2, #contentWithSidenav h2, #contentNoBorders h2 {
	color:#002b5c;
}

#content h3, #contentWithSidenav h3, #contentNoBorders h3 {
	color:#002b5c;
	}

/*</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;
}

#contentMain1 {
/*
	float: none;
	position: relative;
	margin-left: 230px;
	min-height: 360px;
	_height: 360px;
*/
	/*border-left: #7B8BA5 1px dashed;
	border-right: #7B8BA5 1px dashed;*/
	margin-bottom: 10px;
/*
	margin-right: 250px;
	width: auto;
*/
}

#contentMain1Inside {
	background: transparent;
}

/*<group=Page Footer>*/

#pageFooter {
	background: #002b5c; /*#6E7B81;  Background color of the footer area */
        border-top:3px solid #ffc423;
}

#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 */
}

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

#contentPromo1 {
	background: transparent url(../images/bg_left_2.gif) no-repeat 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;
/*	float: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 224px;
*/
}

#contentPromo1 #contentPromo1Inside,
#contentPromo1 #contentPromo2Inside{
	background: transparent;

	padding: 0 0 0 34px;
	margin: 0 30px 10px 5px;

}

#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);
       color:#002b5c;
}

#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%;
}

#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;
}
*/

#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;
color:#002b5c;
}

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

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

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

#contentMain1 h1 {
	color:#002b5c;
}

.siteVersion {
	color: #ADADAD;
}


#pageFooterAdminLink {text-align:center; color: #ADADAD; }
#pageFooterAdminLink a {color: #ADADAD; text-decoration: none;}
#pageFooterAdminLink a:hover {color: #ADADAD; text-decoration: underline;}


/* Drop Menu */
#dropmenudiv {border:1px solid #000;  padding-left:3px; padding-top:3px; padding-bottom:3px;}
#dropmenudiv a {border-bottom:1px solid #fff; padding-bottom:3px; padding-top:3px;}
#dropmenudiv a:active,
#dropmenudiv a:hover {color: #fff;text-decoration: underline;}
#dropmenudiv {margin: 0 0 0 0; background:#002b5c; border-top:none; width: 170px; /* margin-top:1px  !important; margin-top:0px;*/}
#dropmenudiv {margin-top:1px }
#home #dropmenudiv {margin-top:0px }
#dropmenudiv a {border: none !important;color: #fff;font-weight: normal;text-align: left;font-size: 12px;}