/* GoLightly Stylesheet */
/* $Id: client.css,v 1.7 2010/03/03 17:49:04 bvillanueva Exp $ */

body {
	background: #FFFFFF url(../images/nten_body_bg.jpg) repeat-x top left; /* This is the color of the page behind the community */
	font: 79%/130% Verdana, Arial, Helvetica, sans-serif; /* breaking font-size onto another line causes the text to get very big */
	color:#000000;
	/*border-top: 10px #99CC33 solid;*/
	/*border-bottom: 10px #99CC33 solid;*/
}

.minWidth {
	width: 860px; /* Default 800px, increased for Learning Center */
	height: 1px;
	overflow: hidden;
}

a {
	color: #383895; /* This is the default link color for the entire site (NOT #069) */
}

a:hover {
	color: #383895; /* This is the default link hover color for the entire site */
}

h1 {
	color: #99CC33 !important;
	font-weight: bold !important;
}

h2,
h3 {
	color: #99CC33;
}

.backToTopBlock a {
	padding-left: 10px;
	background: transparent url(../images/arrow_backtotop.gif) no-repeat 0 1px;
}

#forums .navbar strong {
	color: #99CC33;
}

#forums h1,
#forums h2,
#forums h3,
#forums h4 {
	text-align: left !important;	
}

#Title h1 {
	font-size: 140% !important;
}
	
#Title h1,
#Title h1 a:link,
#Title h1 a:visited,
#Title h1 a:active,
#Title h1 a:hover {
	color: #99CC33 !important;
	font-weight: bold !important;
}

#postTitle h1,
#postTitle h1 a:link,
#postTitle h1 a:visited,
#postTitle h1 a:active,
#postTitle h1 a:hover {
	color: #99CC33 !important;
}

#Title h1 a:hover,
#Title h2 a:hover,
#postTitle h1 a:hover,
#postTitle h2 a:hover {
	text-decoration: underline !important;
}

#BlogContent h2 {
	color: #99CC33 !important;
}

#learningCtrFrame h2 {
	color: #000000;
}

#welcomeFrame ul,
#learningCtrFrame ul {
	margin-left: 0;
	padding-left: 0;
}

#welcomeFrame ul li,
#learningCtrFrame ul li {
	list-style-type: none;
	margin-left: 0;
	padding-left: 25px;
	background: transparent url(../images/bullet_orange_arrow.gif) no-repeat 10px 7px;
}

#learningCtrFrame #contentMain1 ul li {
	margin-bottom: 1em;
}

#learningCtrFrame ul li h4 {
	margin-bottom: 0;
}

#learningCtrFrame #contentMain1 ul li ul li {
	padding-left: 0;
	background: transparent;
	margin-bottom: 0;
}

.learningCtrBlog ul {
	padding: 0 10px 10px 10px !important;
	margin-top: 0 !important;
	font-size: 90%;
}

.learningCtrBlog ul li {
	padding-left: 0 !important;
	background: transparent !important;
	margin-bottom: .75em !important;
}

.learningCtrBlog ul li h4 {
	margin: 0;
	padding: 0;
}

a:link,
a:visited {
	text-decoration: none;
}

a:active,
a:hover {
	text-decoration: underline;
}



#topBar {
	padding-top: 155px; /* (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: none; /* This is the color of the background of the entire top bar */
	padding-bottom: 2px;
}

#topBarSmall { /* This is for the top bar with the small logo */
	/* padding-top: 78px; /* Should match top bar print offset (default 50px) */
	background: #FFFFFF;
}

#topBarPrint { /* This is for the top bar that appears when printing */
	/* padding-top: 78px; /* This is where the top bar height override goes if needed by a particular client (default 50px) */
	background: #FFFFFF;
}

#topNavArea {
	background: transparent url(../images/topNavArea_bg.gif) repeat-x 0 0;
}

#logo {
	position: absolute;
	top: 4px;
	left: 1px;
}

/*<group=Account Nav>*/

#accountNav {
	padding: 0;
/*	background: #99CC33 url(../images/bg_accountNav.gif) no-repeat top left; */
	background: transparent;
	height: 46px;
	border: none;
	margin-right: 350px;
}


#accountNav.guest {
	width: 130px;
	text-align: right;
}

#accountNav.guest ul li {
	float: none;
	display: inline;
	padding-right: 0;
	margin-right: 0;
}

#accountNav .profilePhoto {
	border: #999 1px solid;
	top: 0;
	right: 5px;
}

#accountLinks {
	color: #333; /* This is the color of the text with the member's name */
	font-family: Arial, Helvetica, sans-serif;
	padding: 6px 6px 3px 6px;
	margin-right: 0;
	text-align: right;
}

#accountLinks.withPhoto {
	margin-right: 50px;
}

#accountLinks li.header,
#accountLinks li.first {
	float: none;
	display: inline;
}

#accountLinks li.first {
	border: none;
	padding-right: 0;
	padding-left: 0;
}

#accountLinks li.register {
	border: 0;
	float: none;
	display: inline;
	padding-right: 0;
}

#accountNav a:link, #accountNav a:visited {
	color: #383895;
	text-decoration: none;
}

#accountNav a:hover {
	color: #383895
	text-decoration: underline;
}

#accountNav #accountLinks {
	/* background: #5171BA; /* DALE 2006-10-21 Removed this -- should be in #accountNav */
	/* border: 1px solid #1C88B5; /* Jeremy, can we leave this up in #accountNav? */
}

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

#accountLinks ul {
	padding: 0;
}

#adminLink {
	position: absolute;
	margin: 15px 356px 0 0;
	text-align: right;
	font-weight: normal;
	font-size: 9px;
}

#adminLink.withPhoto {
	margin: 25px 356px 0 0;
}

#adminLink a:link, #adminLink a:visited {
	text-decoration: none;
	color: #383895;
}

#adminLink a:hover {
	text-decoration: underline;
	color: #383895;
}

#searchBoxAccountNav {
	position: absolute;
	background: #99CC33 url(../images/bg_search.jpg) no-repeat top left; 
	right: 0px;
	top: 0px;
	text-align: left;
	height: 45px;
	padding: 10px 8px 0 8px;
	width: 310px;
}

#searchBoxAccountNav h2 {
	font-size: 100%;
	display: inline;
}
	
/*<group=Main Text Colors>*/
/* #myPage #topNav li.myPage a, */
#topNav a, #topNav li a {
	color: #2e3183; /* 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, #topNav li a {
	color: #2e3183; /* This is the text color for the topNav tab text off state */
	font-weight: bold;
}

#topNav a:hover, #topNav li:hover a {
	color: #fff; /* This is the text color for the topNav rollover */
	text-decoration: none;
}

#topSubNav li a.at {
	color: #FFFFFF; /* This is a standard text color for the subnav at states */
}
#leftNav ul a.at {
	color: #FF9933; /* This is a standard text color for the leftnav at states */
}
#contentNav em, .moduleHeader h2, .listingModuleHeader h2 {
	color: #333333; /* This is a standard text color for h1 & h2  */
}

#topNav {
	/* This is where the left & top overrides of global.css settings go */
	left: 0; /* This tells the top nav how far from the left to start */
	top: 129px; /* 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-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	/*padding-right: 148px;
	background: transparent url(../images/topnav_right.gif) no-repeat right 1px;*/
}

#topNav li {
	background: url(../images/topnav_back_2.gif) 0px 0px;
	line-height: 16px;
}

#topNav div {
	background: url(../images/topnav_back_2.gif) no-repeat right 0px;
}

#topNav a {
	font-weight: normal;
	color: #FFFFFF; /* This is the color of the tab text for tabs that aren't selected */
	text-decoration: none;
	padding: 4px 15px 1px 22px;
	padding-left: 5px;
	padding-right: 18px;
}

#topNav li span {
	background-image: none !important;
}

#topNav li.learningCenter div {
	background-position: right -54px;
	padding-left: 15px;	
	left: 5px;
}

#topNav li.learningCenter span {
	background: no-repeat url(../images/topnav_learning_center.gif) !important;
}

#topNav li.library div,
#topNav li.help div {
	background-position: right -0;
}

/* For selected states. These settings cause the tabs to appear to be in the "at" state. */
/*** left most tab "home" ***/
#home #topNav li.home, #projectWizard #topNav li.projectWizard {
	background-position: 0px -81px;
	z-index: 2;
}
/*** all tabs that aren't on far left ***/
#calendar #topNav li.calendar, 
#myPage #topNav li.myPage, 
#people #topNav li.people, 
#workgroups #topNav li.workgroups, 
#forums #topNav li.forums, 
#projects #topNav li.projects, 
#tasks #topNav li.tasks, 
#library #topNav li.library, 
#help #topNav li.help, 
#blogs #topNav li.blogs, 
#learningCenter #topNav li.learningCenter {
	background-position: 0px -27px;
	z-index: 2;
}
#home #topNav li.home a, 
#calendar #topNav li.calendar a,
#myPage #topNav li.myPage a, 
#people #topNav li.people a, 
#workgroups #topNav li.workgroups a, 
#forums #topNav li.forums a, 
#projects #topNav li.projects a, 
#tasks #topNav li.tasks a, 
#library #topNav li.library a, 
#help #topNav li.help a, 
#tasks #topNav li.tasks a, 
#about #topNav li.about a, 
#stories #topNav li.stories a, 
#projects #topNav li.projects a, 
#projectWizard #topNav li.projectWizard a, 
#blogs #topNav li.blogs a, 
#learningCenter #topNav li.learningCenter a {
	font-weight: bold;
	color: #FFFFFF; /* This is the color of the top tab at-state text */
}
/*** right most tab "learning center" ***/
#projectWizard #topNav li.projectWizard div, #learningCenter #topNav li.learningCenter div {
	background-position: right -81px;
}
/*** all tabs that aren't on far right ***/
#home #topNav li.home div, 
#calendar #topNav li.calendar div, 
#myPage #topNav li.myPage div, 
#people #topNav li.people div, 
#workgroups #topNav li.workgroups div, 
#forums #topNav li.forums div, 
#projects #topNav li.projects div, 
#tasks #topNav li.tasks div, 
#library #topNav li.library div, 
#tasks #topNav li.tasks div, 
#about #topNav li.about div, 
#stories #topNav li.stories div, 
#projects #topNav li.projects div, 
#blogs #topNav li.blogs div, 
#help #topNav li.help div {
	background-position: right -27px;
}
#home #topNav li.home span, 
#myPage #topNav li.myPage span, 
#calendar #topNav li.calendar span, 
#people #topNav li.people span, 
#workgroups #topNav li.workgroups span, 
#forums #topNav li.forums span, 
#projects #topNav li.projects span, 
#tasks #topNav li.tasks span, 
#library #topNav li.library span, 
#help #topNav li.help span, 
#tasks #topNav li.tasks span, 
#about #topNav li.about span, 
#stories #topNav li.stories span, 
#projects #topNav li.projects span, 
#help #topNav li.help span {
	background-position: 0px -32px;
}

#learningCenter #topNav li.learningCenter span {
	background-position: 0px -32px !important;
}
	
/*</group>*/

/* See golightly stylesheet for topNavContent styles */
/*<group=TopSubNav>*/

#topSubNav a {
	color: #343794;
	border-left: 1px solid #FF6600; /* This is the vertical seperators between subnav items */
}

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

#topSubNav, #topSubNavEmpty {
	background: transparent;
	height: 6px; /* This is the height of the subnav area with or without text */
	border: none;
}

/* joe 12-21-05 update for 2 different content styles */
#contentWithSidenav {
	background: #fff /*url(../images/content_top_left_corner.gif) no-repeat left top*/;
}

/*<group=Content Header>*/

#content h1, #contentWithSidenav h1, #contentNoBorders h1 {
	font-size: 140%;
}

/* Julia: added "thin blue line" for the table "ModuleBody" inside of modules*/
.module1 table.moduleBody td.blueunderline {
        border-bottom: 1px solid #C8CDE8;
	line-height: 1px;
}

.module2 table.moduleBody td.blueunderline, table.moduleBodyVB td.blueunderline {
border-bottom: 1px solid #C8CDE8;
}
.underline{
border-bottom: 1px solid #C8CDE8;
	padding: 3px;
}

/*</group>*/

/* Items common to multiple modules */

#pageFooter {
	background: transparent; /* Background color of the footer area */
	border-top: 2px dotted #AFCAE4;
	margin-top: 25px;
}
#pageFooter .notice { /* This is the footer text */
	color: #000000;
	font-weight: normal;
	margin: 25px 0 0 0;
}

#pageFooter .notice a:link,
#pageFooter .notice a:visited,
#pageFooter .notice a:active,
#pageFooter .notice a:hover {
	color: #343794;
}

#pageFooter img {
	margin-top: 40px !important;
}

.siteVersion {
	color: #20235F;
}

/* See golightly stylesheet for contentPageFooter styles */

.footerRow {
	background: transparent;
}

.footerRow #leftColumn,
.footerRow #rightColumn {
	background-color: #E6E7E8;
}

#footerNav1 li, #footerNav2 li {
	border-right: 1px solid #343794; /* The seperator lines between footer items */
}
	
/*</group>*/

/*<group=Any Link Dropdown Menu>*/
/***********************************************
* AnyLink Drop Down Menu- � Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

#dropmenudiv {
	margin: 0px 0 0 -9px !important; /* Shift the drop-down menu to the left. Should match the margin for topNavContentArea */
	margin: -2px 0 0 -10px; /* Only IE reads this */
	padding: 0;
	background: #FFFFFF;
	position:absolute;
	border:1px solid #343794;
	border-bottom: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height:18px;
	z-index:100;
}

#dropmenudiv a {
	color: #3B3B3B;
	width: auto;
	display: block;
	border-bottom: 1px solid #343794;
	line-height: 12px;
	padding: 4px 3px 4px 15px;
	background: url(../images/bullet_orange_arrow.gif) no-repeat 4px 7px;
	font-weight: normal;
	text-decoration: none;
}

#dropmenudiv a:hover{ /*hover background color*/
	/* background-color: yellow; /* Background color not needed for this site */
	color: #FF6722;
}
/*</group>*/

/*<group=New Welcome Styles>*/

/* Welcome page styles */

#welcomeFrame {
	border-top: none;
}

#welcomeFrame h2,
#welcomeFrame h3,
#learningCtrFrame h2,
#learningCtrFrame h3   {
	padding: 10px 0 8px 0;
}

#welcomeFrame dl  {
	padding: 0 0 0 0;
}

#welcomeArea1 {
	position: relative;
	clear: both;
	/* float: left; /* Does not include float because we want it to start on a new line */
	left: 0px;
	margin: 0 0 0 0;
	width: 100%;
}

/* Promo1 refers to the left promo column
   Promo2 refers to the right promo column
   Color1, Color2, etc. refers to colors that should be consistent regardless whether in the left or right columns */
#contentPromo1 { /* This is the left column outside liner for positioning relative to the main content and the right column */
	position: relative;
	float: left;
	width: 180px;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	font-size: 12px;
}

#contentPromo1 ul {
	margin: 0;
	padding: 5px 7px 10px 7px;
}

#contentPromo1 ul li {
	padding-left: 0;
	background-image: none;
}

#contentPromo1 h2 {
	margin: 0;
	padding: 5px 8px;
	font-size: 130%;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
}

#contentPromo1a {
	background: transparent url(../images/bg_ffcc00_roundedbox_bottom.gif) no-repeat left bottom;
	padding: 0;
	margin-bottom: 10px;
	width: 100%;
}



#contentPromo1a h2 {
	background: url(../images/hdr_bg_yellow.jpg) no-repeat 0 0;
	line-height: 21px;
}

#contentPromo1b {
	background: transparent url(../images/bg_f2700e_roundedbox_bottom.gif) no-repeat left bottom;
	padding: 0;
	margin-bottom: 10px;
	width: 100%;
}

#contentPromo1b h2 {
	background: #F2700E url(../images/hdr_bg_org.jpg) no-repeat 0 0;
	line-height: 21px;
}

#contentPromo1c {
	background: transparent url(../images/bg_3854bd_roundedbox_bottom.gif) no-repeat left bottom;
	padding: 0;
	margin-bottom: 10px;
	width: 100%;
}

#contentPromo1c h2 {
	background: #3854BD url(../images/hdr_bg_blue.jpg) no-repeat 0 0;
	line-height: 21px;
}

#contentPromo1d {
	background: transparent url(../images/bg_9bcd00_roundedbox_bottom.gif) no-repeat left bottom;
	padding: 0;
	margin-bottom: 20px;
	width: 100%;
}

#contentPromo1d h2 {
	background: url(../images/hdr_bg_grn.jpg) no-repeat 0 0;
	line-height: 21px;
}

#contentPromo1e {
	background: transparent url(../images/bg_990000_roundedbox_bottom.gif) no-repeat left bottom;
	padding: 0;
	width: 100%;
}

#contentPromo1e h2 {
	background: url(../images/hdr_bg_red.jpg) no-repeat 0 0;
	line-height: 21px;
}

#contentPromo1 dl, #contentPromo2 dl  {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#contentPromo1Inside { /* This is the left column padding */
	margin: 0 0 0 0;
	padding: 8px 18px 18px 18px;
}

#contentPromo1 p.color1b { /* This defines the promo header 1b */
	margin: 0 0 0 0;
	padding: 2px 18px 2px 18px;
}

#contentPromo1 p.color1c { /* This defines the promo header 1c */
	font-weight:bold;
	margin: 0 0 0 0;
	padding: 2px 18px 2px 18px;
}

/* Defines the color of the statistics box, regardless of the side it is on */
#contentPromo1 p.colorStats, #contentPromo2 p.colorStats { /* This defines the promo header, statistics */
	font-weight:bold;
	margin: 0 0 0 0;
	padding: 2px 18px 2px 18px;
}

/* Defines the color of Getting Started, regardless of the side it is on */
#contentPromo1 p.colorGetStarted, #contentPromo2 p.colorGetStarted { /* This defines the promo header, "getting started" */
	font-weight:bold;
	margin: 0 0 0 0;
	padding: 2px 18px 2px 18px;
}

#contentMain1 { /* This is the main content outside liner for positioning relative to the left and right columns */
	position: relative;
	width: auto;
	float: none;
	margin: 0 200px 0 190px;
	padding: 0 0 0 0;
	font-size: 100%;
}

#contentMain1Inside { /* This is the main column padding */
	margin: 0 0 0 0;
	padding: 10px 20px 10px 20px;
}

.memberSpotlight {
	position: relative;
	width: 98%;
	overflow: hidden;
	padding-bottom: 5px;
	border-top: #CCCCCC 1px solid;
}

.memberSpotlight.first {
	border: none;
}

.memberSpotlight h2 {
	margin: 20px 0;
	padding: 0;
}

.memberSpotlight h3 {
	margin: 10px 0 0 0;
	padding: 0;
}

.memberSpotlight h4 {
	margin: 10px 0;
	padding: 0;
}

.memberSpotlight img.memberSpotlightPhoto {
	float: left;
	margin: 0 5px 5px 0;
}

.memberSpotlight p {
	padding-top: 0;
	margin-top: 0;
}

.memberSpotlight a.moreLink {
	float: right;
	clear: left;
}

#contentPromo2 {  /* This is the right column outside liner for positioning relative to the left column and main content area */
	position: absolute;
	top: 0px;
	right: 0;
	width: 192px; /* This is set to 1% less than 100% on purpose. When set to 100%, IE causes the right most cell to jump sometimes. */
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	font-size: 100%;
}

#contentPromo2 h2 {
	font-size: 100%;
	padding: 0;
}

#contentPromo2 ol {
	margin: 0;
	padding: 0 12px 7px 12px;
}

#contentPromo2 ol li {
	margin: 0;
	padding-left: 0;
	list-style-type: none;
}

#contentPromo2 ol li a {
	display: block;
	min-height: 19px;
	_height: 19px;
	padding-left: 20px;
}

#contentPromo2 ol li.first a{
	background: transparent url(../images/bullet_ordered_1.gif) no-repeat top left;
}

#contentPromo2 ol li.second a{
	background: transparent url(../images/bullet_ordered_2.gif) no-repeat top left;
}

#contentPromo2 ol li.third a{
	background: transparent url(../images/bullet_ordered_3.gif) no-repeat top left;
}

#contentPromo2a {
	background: transparent url(../images/bg_a3a3a3_roundedbox_bottom.gif) no-repeat left bottom;
	padding: 0;
	width: 100%;
}

#contentPromo2a h2 {
	background: #FFFFFF url(../images/bg_a3a3a3_roundedbox_top.gif) no-repeat 0 0;
	color: #FF6722;
	margin: 0;
	padding: 7px 12px;
}

#contentPromo2b {
	padding-bottom: 15px;
	margin: 30px 12px 15px 12px;
	border-bottom: #a3a3a3 1px solid;
}

#contentPromo2c {
	margin: 0 12px 15px 12px;
}

#contentPromo2Inside { /* This is the right column padding */
	margin: 0 0 0 0;
	padding: 8px 18px 18px 18px;
}


/*</group>*/

.selectAddresses #selectOfficialAddress h3,
.selectAddresses #selectCommunityAddress h3,
.addressData h2,
.addressData h3 {
	color:#000000;
}

/* nten header code */
#clientTopNav { position: absolute; min-height:40px; height:auto !important; height: 40px; min-width:964px; width:964px !important; width: 964px; margin: -80px 0 0 0; padding: 0; overflow:hidden; text-align: center;}

#nav_nten{
	padding: 0;
	list-style: none;
	margin: 0;
	overflow: hidden;
	width: 705px;
	bottom:9px;
	right: 17px;
	position: absolute;
}
#nav_nten li{
	padding-left: 37px;
	float: left;
}
#nav_nten a{
	font-weight: bold;
	color: #fff;
	font-size: 18px;
	text-indent: -9999px;
	overflow: hidden;
	height: 17px;
	display: block;
}
.nav_nten-about{
	width: 96px;
	background: url(http://nten.org/sites/nten/themes/default/images/nav-about.png) no-repeat;
}
.nav_nten-membership{
	width: 95px;
	background: url(http://nten.org/sites/nten/themes/default/images/nav-membership.png) no-repeat;
}
.nav_nten-events{
	width: 51px;
	background: url(http://nten.org/sites/nten/themes/default/images/nav-events.png) no-repeat;
}
.nav_nten-learn{
	width: 42px;
	background: url(http://nten.org/sites/nten/themes/default/images/nav-learn.png) no-repeat;
}
.nav_nten-community{
	width: 89px;
	background: url(http://nten.org/sites/nten/themes/default/images/nav-community.png) no-repeat;
}
.nav_nten-support{
	width: 110px;
	background: url(http://nten.org/sites/nten/themes/default/images/nav-support.png) no-repeat;
}

/* end:nten header code */

#mainHeader {
	background: transparent;
}