/* GoLightly Stylesheet */

body {
	background: #e6e6e6;
	color: #333;
	font-style: Arial, Helvetica, sans-serif;
	font-size:12px;
}

a:link {
	color: #897C36; /* This is the default link color for the entire site (NOT #069) */
	text-decoration: none;
}

a:visited {
	color: #897C36;
	text-decoration: none;
}

a:hover {
	color: #395086;
	text-decoration: none;
}

a:active {
	color: #897C36;
	text-decoration: none;
}

#wrapper {
	width: 966px;
	max-width: 966px;
	background: #ddd69b;
	border-right:1px solid #aaa;
	border-left:1px solid #aaa;
}

#welcomeFrame {	
	border-top: 0px solid #fff; /* This creates the line just under the top nav tabs, but only on the welcome page */
}

#leftColumn {
	background: #e6e7e8; 
	padding-top: 15px;
	font-size: 1.1em
}

#leftColumnEmpty {
	background: #fff; 
}

#rightColumn {
	background: #fff; 
}

#mainBody {
	background: #fff;
	min-width:966px;
	max-width:966px;
}

#mainHeader {
	background: transparent;
}

#Title h1 {
	color: #26547c;
	font-size:20px;
	font-weight: bold;
}

#contentMain1, #contentPromo1, #contentPromo2 {
	display: inline;
}

#contentPromo1, #contentPromo2 {
	font-size: 1em;
}

#contentPromo1Inside h2, 
#contentPromo2Inside h2 {
	color: #63747d;
}

#contentMain1 h1 {
	color: #26547c;
	font-size:20px;
	font-weight: bold;
}

#content h1, #contentWithSidenav h1 {
	color: #26547c;
	font-size:20px;
	font-weight: bold;
}

#contentNav em, .moduleHeader h2 {
	color: #26547c; /* This is a standard text color for h1 & h2  */
	font-style: Helvetica, Arial, sans-serif;
}

#content h1, #contentWithSidenav h1, #contentNoBorders h1 {
	color: #26547c;
	font-size:20px;
	font-weight: bold;
}

#logo {
	top: 5px;
	left: 28px;
}

#accountNav {
	color: #998A39; 
	background:transparent; 
	border:0px;
	text-align:center;
}

#accountNav a:link, #accountNav a:visited, #accountNav a:active {
	color: #26547C;
	text-decoration: none;
}

#accountNav a:hover {
	color: #4689D9;
	text-decoration: none;
}

#adminLink {
	color: #26547C;
}

#adminLink a:link, #adminLink a:visited, #adminLink a:active {
	color: #26547C;
	text-decoration: none;
}

#adminLink a:hover {
	color: #4689D9;
	text-decoration: none;
}

#topBarTopPadding {
	margin: 0px;
	padding: 0px;
}

#topBar {
	width: 966px;
	margin: 0 auto;
	background: #fff;
	padding-top: 144px; /* (120 + 27 - 1 = 101) #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 */
}

#topBarNoTopNav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 0px;
}

#topNavArea {
	padding: 0;
	margin: 0;
}

#topNav {
	top: 132px;
	font-size: 12px;
	margin: 0px auto;
	padding-top: 12px;
	padding-left: 0px;
	padding-right: 26px;
	left: 0px;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: none;
	background: url(../images/topnav_bg.jpg) top left repeat-x;
	width:940px;
	min-height: 27px;
	z-index:6;
}

#topNavContent {
	top: 0px; /* This is the default distance down to the top of the content tabs. You also need to overwrite "topBar" in default.css */
	margin-bottom: 0;
	border-top:0px solid #fff;
}

#topNav ul {
	list-style-type:none; padding:0; margin:0; float: right;
}

#topNav li {
	background: url(../images/lang_english/topnav_back.jpg) 0px 0px;
	margin: 0 6px 0 6px; 
	color: #fff;
}

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

#topNav a, #topNav li a {
	color: #fff; /* 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: underline;
}

#topSubNav li a.at {
	color: #26547c; /* This is a standard text color for the subnav at states */
}

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

#topSubNav a:hover {
	color: #727272;
	text-decoration: underline;
	border-left: 1px solid #ccc; /* This is the vertical seperators between subnav items */
}

#topSubNav {
	background: #fff; /* This is the color of the Subnav bar */
	border-top: 0px;
	margin-top: 11px;
	padding-left: 0%;
	padding-right: 0%;
}

#topSubNavEmpty {
	background: #ddd69b;
	border-top: 0px;
	height: 10px;
	margin-top: 1px;
}

#topSubNav2Empty {
	background: #fff;
	border-top: 0px;
	height: 0px;
}

#topNav a {
	padding: 5px 15px 0 5px;
}

#blogs #topNav li.blogs a, 
#calendar #topNav li.calendar 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: #fff; /* This is the color of the top tab at-state text */
	font-weight:bold;
}

#topNav li.home span {
	background-image: none;
}
#topNav li.myPage span {
	background-image: none;
}
#topNav li.people span {
	background-image: none;
}
#topNav li.workgroups span {
	background-image: none;
}
#topNav li.calendar span {
	background-image: none;
}
#topNav li.forums span {
	background-image: none;
}
#topNav li.projects span {
	background-image: none;
}
#topNav li.tasks span {
	background-image: none;
}
#topNav li.library span {
	background-image: none;
}
#topNav li.blogs span {
	background-image: none;
}
#topNav li.help span {
	background-image: none;
}

#dropmenudiv {
	margin: 0 0 0 -12px; /* Shift the drop-down menu to be left-aligned with tabs */
	background: #ddd69b;
	border-top: 0px solid #000; /* Eliminate dropmenu borders */
	border-right: 1px solid #998a39; 
	border-left: 1px solid #998a39; 
	border-bottom: 0px solid #000; 
	font:normal 11px Verdana;
	line-height:150%;
	z-index:100;
	color:#fff;
}

#dropmenudiv a {
	color: #fff;
	border-bottom: 1px solid #998a39;
	line-height: 14px;
	padding: 6px 4px;
	text-decoration: none;
	font-weight: bold;
}

#dropmenudiv a:hover{ 
	background: #998a39;  /*hover background color*/
	color:#fff;
}

#searchBox h2 {
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #63747d;
	font-weight: normal;
}

#leftNavTitle {
	background: #fff;
}

#myPage #leftNavTitle { 
	background: #e6e7e8 url(../images/leftnav_my_page.gif) no-repeat 0px 2px; 
}

#people #leftNavTitle { 
	background: #e6e7e8 url(../images/leftnav_people.gif) no-repeat 9px 5px; 
}

#workgroups #leftNavTitle { 
	background: #e6e7e8 url(../images/leftnav_group.gif) no-repeat 9px 5px; 
}

#admin #leftNavTitle { 
	background: #e6e7e8 url(../images/leftnav_admin.gif) no-repeat 9px 5px; 
}

#leftNav h2 {
	color: #26547c;
	font-weight: bold;
}

#leftNav ul {
	background: #e6e7e8;
	border-bottom: 0px solid #c4c4c4;
	border-left: 0px solid #c4c4c4;
	color: #333;
	padding: 4px 0 5px 0px;
	text-indent: 0px;
}

#leftNav li {
	background: #e6e7e8;
	border-top: 0px solid #c4c4c4;
	border-bottom: 0px solid #c4c4c4;
	border-left: 0px solid #c4c4c4;
	padding: 4px 2px 0px 0px;
}

#leftNav li li {
	background: #e6e7e8;
	border-top: 0px solid #c4c4c4;
	border-bottom: 0px solid #c4c4c4;
	padding: 2px 0px 3px 14px;
}

#leftNav ul a:link {
	color: #333; /* This is the default link color for the entire site (NOT #069) */
	text-decoration: none;
}

#leftNav ul a:visited {
	color: #333;
	text-decoration: none;
}

#leftNav ul a:hover {
	background: transparent url(../images/leftnav_sub_bullet.gif) no-repeat -15px 6px;
	color: #333;
	text-decoration: underline;
}

#leftNav ul a:active {
	color: #333;
	text-decoration: none;
}

#leftNav ul a.at {
	color: #26547c;
	font-weight: bold;
	text-decoration: none;
}

#contentWithSidenav {
	background: none;
}

#contentFooterWithSidenav {
	background: none;
}

#contentNoBorders { background: none; }

.footerRow {
	background-color: #fff;
	background-image: none;
	border: none;
}

#pageFooter {
	background: #fff;
	padding: 10px 0 0 0;
	color: #333;
	height: 52px;
}

#pageFooter li a:link {
	color: #333;
	text-decoration: none;
}

#pageFooter li a:visited {
	color: #333;
	text-decoration: none;
}

#pageFooter li a:active {
	color: #333;
	text-decoration: none;
}

#pageFooter li a:hover {
	color: #333;
	text-decoration: underline;
}

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

.notice p { height: 1px; max-height: 4px; color: #333; }

.siteVersion {
	background: url(../images/wrapper_btm.png) no-repeat center top;
	color: #999; 
	padding: 226px 0 0 0;
}

#cql_ftr_items { background: none; margin: -190px 0 0 0; padding:0; overflow:visible; z-index: 100; }

.minWidth {
	width: 966px; /* Sets the minimum width of the site. */
}

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

#searchBox { float: right; clear: both; padding: 4px 22px 4px 4px; overflow:hidden; }

#searchBox a:link { color: #26547c; text-decoration: none; }
#searchBox a:visited { color: #26547c; text-decoration: none; }
#searchBox a:active { color: #26547c; text-decoration: none; }
#searchBox a:hover { color: #4689D9; text-decoration: none; }

#breadcrumb {
	text-transform: none;
	color: #26547c;
}

#breadcrumb a:link { color: #26547c; text-decoration: none; }
#breadcrumb a:visited { color: #26547c; text-decoration: none; }
#breadcrumb a:active { color: #26547c; text-decoration: none; }
#breadcrumb a:hover { color: #4689D9; text-decoration: none; }

.breadcrumb_arrow { color:#999; }

#siteTimezone { color: #727272; }

/* ================= header > navigation ================= */
div#navigation:after,#hp_content:after, #hp_content_tan:after {content: ".";display: block; clear: left; height: 0; visibility: hidden}
div#navigation {clear:both;display:block;padding-left:11px;margin-top:2px;}
div#navigation ul li a {display: block; background:url(/images/layout/cql-nav-home.png) no-repeat; height:38px; text-indent:-9999px;}
div#navigation ul {}
div#navigation ul li {float:left;}
div#navigation ul li.nav1 a{width:151px;}
div#navigation ul li.nav1 a:hover,div#navigation ul li.nav1 a.active {background-position:0 -38px;}
div#navigation ul li.nav2 a{width:137px; background-position:-151px 0}
div#navigation ul li.nav2 a:hover,div#navigation ul li.nav2 a.active {background-position:-151px -38px;}
div#navigation ul li.nav3 a{width:201px; background-position:-288px 0}
div#navigation ul li.nav3 a:hover,div#navigation ul li.nav3 a.active {background-position:-288px -38px;}
div#navigation ul li.nav4 a{width:175px; background-position:-489px 0}
div#navigation ul li.nav4 a:hover,div#navigation ul li.nav4 a.active {background-position:-489px -38px;}
div#navigation ul li.nav5 a{width:139px; background-position:-664px 0}
div#navigation ul li.nav5 a:hover,div#navigation ul li.nav5 a.active {background-position:-664px -38px;}
div#navigation ul li.nav6 a{width:141px; background-position:-803px 0}
div#navigation ul li.nav6 a:hover,div#navigation ul li.nav6 a.active {background-position:-803px -38px;}



div#hp_content_rb .hr  {line-height: 1px; font-size: 1px; background: url(/images/layout/rb_lisep.png) no-repeat transparent;border:0;  height: 15px; width: 240px;margin-bottom: 8px;margin-top: 8px}

#centerContentRight .hr {line-height: 1px; font-size: 1px; background: url(/images/sub/hr-bg.jpg)  no-repeat transparent;border:0; height: 15px;margin-bottom: 8px;margin-top: 1px;margin-left: 8px; }



			
/* ================= header > navigation ================= */
div#navigation:after,#hp_content:after, #hp_content_tan:after {content: ".";display: block; clear: left; height: 0; visibility: hidden}
div#navigation {
clear:both;
display:block;
padding-left:11px;
margin-top:2px;
}
div#navigation ul a {display: block}
div#navigation ul {
}

div#navigation ul li {
	float:left;
}
	div#navigation ul li.nav1 {
		background:url(http://c-q-l.org/images/layout/navigation/accreditation.jpg) no-repeat;
		height:38px;
		width:142px;
	}
	div#navigation ul li.nav1 a:hover,div#navigation ul li.nav1 a.active {
		background:url(http://c-q-l.org/images/layout/navigation/accreditation_on.jpg) no-repeat;
	}
	div#navigation ul li.nav1 a {
		height:38px;
		width:142px;
	}
	div#navigation ul li.nav2 {
		background:url(http://c-q-l.org/images/layout/navigation/certification.jpg) no-repeat;
		height:38px;
		width:145px;
	}
	div#navigation ul li.nav2 a:hover,div#navigation ul li.nav2 a.active {
		background:url(http://c-q-l.org/images/layout/navigation/certification_on.jpg) no-repeat;
	}
	div#navigation ul li.nav2 a {
		height:38px;
		width:145px;
	}
	div#navigation ul li.nav3 {
		background:url(http://c-q-l.org/images/layout/navigation/trainingandworkshops.jpg) no-repeat;
		height:38px;
		width:203px;
	}
	div#navigation ul li.nav3 a:hover,div#navigation ul li.nav3 a.active {
		background:url(http://c-q-l.org/images/layout/navigation/trainingandworkshops_on.jpg) no-repeat;
	}
	div#navigation ul li.nav3 a {
		height:38px;
		width:203px;
	}
	div#navigation ul li.nav4 {
		background:url(http://c-q-l.org/images/layout/navigation/resourcesandtools.jpg) no-repeat;
		height:38px;
		width:174px;
	}
	div#navigation ul li.nav4 a:hover,div#navigation ul li.nav4 a.active {
		background:url(http://c-q-l.org/images/layout/navigation/resourcesandtools_on.jpg) no-repeat;
	}
	div#navigation ul li.nav4 a {
		height:38px;
		width:174px;
	}
	div#navigation ul li.nav5 {
		background:url(http://ecommunity.c-q-l.org/templates/go/images/ecommunitylife_on.png) no-repeat;
		height:38px;
		width:155px;
	}
	div#navigation ul li.nav5 a:hover,div#navigation ul li.nav5 a.active {
		background:url(http://ecommunity.c-q-l.org/templates/go/images/ecommunitylife_on.png) no-repeat;
	}
	div#navigation ul li.nav5 a {
		height:38px;
		width:155px;
	}
	div#navigation ul li.nav6 {
		background:url(http://c-q-l.org/images/layout/navigation/cqlstore.jpg) no-repeat;
		height:38px;
		width:127px;
	}
	div#navigation ul li.nav6 a:hover,div#navigation ul li.nav6 a.active {
		background:url(http://c-q-l.org/images/layout/navigation/cqlstore_on.jpg) no-repeat;
	}
	div#navigation ul li.nav6 a {
		height:38px;
		width:127px;
	}
div#navigation ul li a {
	display:block;
}
div#navigation ul li a span.hidden {
	display:none;
}



/* ================= footer ================= */

div#footer {
	position: relative; 
	top: -28px; 
	margin: 0 auto; 
	width:934px;
	display:block;
	padding-top:15px;
	font-size:.85em;
	padding-left:35px;
	padding-bottom:0px;
}
div#footer p.top {
	color:#333;
	padding:0px;
	margin: 0;
}
div#footer p.links {
	color:#999;
	margin: 0;
}
div#footer p a {
	color:#26547C;
	text-decoration:none;
	font-family: inherit;
}
div#footer p a:hover {color:#4689D9}	
	
div#footer p.berndt {
	padding-top:0px;
	padding-bottom:0px;
}

.cql_ftr_go { width:100%; text-align:center; margin:-48px 0 0 0; padding:0; }

#welcome_highlights_l { float:left; width:390px; padding: 15px 0 25px 0; }

#welcome_highlights_promo_l_hdr { padding:0 0 8px 0; margin:0 16px 10px 0; border-bottom:1px dotted #999; }
#welcome_highlights_ctr { margin-right:260px; margin-left:395px; padding:15px 0 25px 0; zoom:1; }

.welcome_highlights_hdr_grey { font-size: 20px; color:#26547C; font-weight:bold; margin: 0; padding:0; }
.welcome_highlights_hdr_black { font-size: 20px; color:#26547C; font-weight:bold; margin: 0; padding:0; line-height: 120%; }

.welcome_highlights_ctr_hdr_l a:link { text-decoration: none; color: #26547C; line-height:130%; }
.welcome_highlights_ctr_hdr_l a:active { text-decoration: none; color: #26547C; line-height:130%; }
.welcome_highlights_ctr_hdr_l a:visited { text-decoration: none; color: #26547C; line-height:130%; }
.welcome_highlights_ctr_hdr_l a:hover { text-decoration: none; color:#26547C; line-height:130%; }

#did_know_hdr { margin:0; padding:0px 16px 0px 16px; background: url(../images/welcome_did_you_know_hdr_bg.jpg) top left repeat-x; overflow: hidden; }
#did_know_hdr h1 { font-size: 20px; color:#fff; font-weight:bold; line-height: 130%; }

.did_know_box { margin: 0; padding: 4px 8px; }
.did_know_box a:link { color: #897C36; text-decoration:none; font-weight: bold; }
.did_know_box a:visited { color: #897C36; text-decoration:none; font-weight: bold; }
.did_know_box a:hover { color: #395086; text-decoration:underline; font-weight: bold; }
.did_know_box a:active { color: #897C36; text-decoration:none; font-weight: bold; }

.cql_step_cont { width:220px; padding:0; margin:0; min-height:30px; overflow:hidden; }
.cql_step_r { float:right; display:inline; width:180px; padding:6px 0 4px 0; vertical-align:top; overflow:hidden; } 
.cql_step_l { float:left; display:inline; width:30px; padding:0 0 4px 0; font-size: 20px; font-weight: bold; vertical-align:top; overflow:hidden; }