/* 
-----------------------------------------------
	Global CSS
	Project: Profiles Global
	Author: Netgenetix Media
	Date: July 2009
----------------------------------------------- */
/* 	Sections:
 	- Imports
		- Base
		- Headings
		- Structure
		- Navigation
		- Lists
 	- Links
		- Forms
		- Standard + Misc
----------------------------------------------- */


/* =Imports
----------------------------------------------- */
@import url('reset.css'); 

/* =Base
----------------------------------------------- */	
body {
	background: #28517f url(../_img/bkgd.gif) top center no-repeat ;	
	margin: 0; padding: 0;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
}

p {
	margin: 0 0 20px 0;
	line-height: 1.5em;	
}

strong { font-weight: bold; }

em { font-style: italic; }

/* =Headings
----------------------------------------------- */	
h1 {
	font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	margin: 14px 0 10px 0;
}

h2 {
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	margin: 25px 0 10px 0;
}

h3 {
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	margin: 25px 0 10px 0;
}

/* =Structure
----------------------------------------------- */	
#wrapper {
 background: #fff;
 margin: 18px auto;
	width: 953px;
	text-align: left;		
}	

#header { 
 position: relative;
 background: #fff url(../_img/bkgd_header.jpg) center top no-repeat;	 
	width: 953px;
 height: 173px;
	z-index: 2;
}

#logo {
 position: relative;
	margin: 0 0 0 30px;
 width: 340px; 
 height: 110px; 
}

#logo a { display:block; width: 340px; height: 110px; border: none; }

.client-login { position: absolute; top: 18px; left: 547px }

#login { float: right; width: 314px; height: 40px; 	padding: 12px 0 0 0 }
#logout { text-align: right; float: right; width: 550px; height: 40px; 	padding: 15px 0 0 0 }
#logout strong { font-weight: bold }

#login-fields { 
 float: left;
	height: 35px;
	text-align: right;
	padding: 0 0 0 0;
}

#login-button { float: left; text-align: right; padding: 0 0 0 5px }
#logout-button {  float: right; text-align: right; padding: 0 12px 0 8px; margin: -3px 0 0 0 }

#login-button a, #logout-button a { border: none }

* html #login-button { padding: 1px 0 0 5px } /* fix for ie6 */

.login-field { border: 1px solid #a1afbe; margin: 0 0 0 4px; height: 16px; width: 120px; font-size: 11px; padding: 3px 0 0 5px } 

/* content
-------------------- */	
#content-area { 
 background: #fff; 
	padding: 0 20px;
	margin: 0 0 -10px 0;
	min-height: 390px;
}

* html #content-area { height: 390px } /* ie6 min-height */

.content { 
 float: left;
 width: 630px;
	color: #293f56;
 font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;	
	padding: 0 12px 20px 12px;
	margin: 13px 0 0 0;
	min-height: 240px;
}

* html .content { height: 240px } /* ie6 min-height */

.content-home {
	padding: 0;
	margin: 6px 0 0 0;	
	height: 200px;
}

#breadcrumb { 
 float: left;
 width: 635px;
 font: 10px Arial, Helvetica, sans-serif; 
	background: url(../_img/bkgd_breadcrumb.gif) repeat-x center; 
	margin: 0 12px 0 12px;
	z-index: 10;  
}

* html #breadcrumb { margin: -3px 12px 0 8px }
	
.breadcrumb { background: white;  }

#breadcrumb a { color: #28517f; text-decoration: none;  border: none;	 }
#breadcrumb a:hover { color: #000; text-decoration: none; border-bottom: 1px solid #000 }

.contact-numbers { font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif; width: 450px; float: right; margin: 0 0 0 12px; color: #293f56; margin-top: 35px }
.contact-numbers p { margin: 0 0 10px 0 }
.contact-numbers strong { font-weight: bold }

.contact { width: 210px; float: left; margin: 0 15px 0 0; min-height: 185px }
* html .contact { height: 185px } /* ie6 min height */

/* home 
-------------------- */
#home-box { }

#rotator { width: 648px; background: url(../_img/bkgd_rotator.gif) no-repeat bottom; color: #000; height: 338px }
.rotator-image { padding: 0; margin: 0; background: #fff }

#rotator a { border: none; text-decoration: none }

#rotator-nav { margin: 285px 0 0 -3px; position:absolute }

/* rotator numbering */
.r-nav {
 font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;	
	float: left;
	width: 25px; height: 21px;
	margin: 0 0 0 3px;
}
.r-nav a {
	display: block;
	margin: 0; padding: 0;
	width:100%; height:100%;
	overflow:hidden;
	color:#000;
	text-decoration: none;
 border: none	
	}
.r-nav span {
	display: block;
	margin:0; padding: 0;
	text-align: center;
	margin: 3px 0 0 0;
	}
.r-nav a:hover {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	color:#3d4f62;
	text-decoration: none;
	background: url(../_img/rotator_hover.gif) no-repeat center center;	
	}
	
.set {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	color:#3d4f62;
	text-decoration: none;
	background: url(../_img/rotator_set.gif) no-repeat center center;	
	}	
	
.r-nav  a:active {	color: #000	}
	
/* rotator play/pause */
#rotator-control { position:absolute; margin: 285px 0 0 549px; width: 100px; border: none }

.play-pause { float: left; 	width: 35px; margin: 2px 8px 0 0; text-align: right;  }	
.play-pause a { color: #000; text-decoration: none }
.play-pause a:hover { color: #3d4f62; text-decoration: underline }
	
/* rotator prev-next */
.r-controls {
 font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;	
	float: left;
	width: 25px; height: 21px;
	margin: 0 0 0 3px;
}
.r-controls  a {
	display: block;
	margin: 0; padding: 0;
	width:100%; height:100%;
	overflow:hidden;
	color:#000;
	text-decoration: none;
	background: url(../_img/rotator_blank.gif) no-repeat center center;		
	}
.r-controls  span {
	display: block;
	margin:0; padding: 0;
	text-align: center;
	margin: 3px 0 0 0;
	}
.r-controls  a:hover {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	color:#3d4f62;
	text-decoration: none;
	background: url(../_img/rotator_hover.gif) no-repeat center center;	
	}
.r-controls  a:active {
	color: #000;
	}	

/* side boxes */
.side-hdr { display:block; width:245px; height:33px; padding: 0; margin: 0 }
.hdr-assessment { background: url(../_img/hdr_assessment.gif) no-repeat top }
.hdr-events { 	background:url(../_img/hdr_events.gif) no-repeat }
.hdr-newsletter { 	background:url(../_img/hdr_newsletter.gif) no-repeat }
.bullet-home { margin: 0 7px 1px 0 }

.side-box { 
 width:245px; 
	height: 165px;
 background: url(../_img/bkgd_sidebox.gif) repeat-y bottom;
 color: #3d4f62;
}

.side-box p {
 font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;	
 padding: 10px 12px 4px 12px;
	line-height: 1.6;
}

.date { font-size: 10px; color: #3d4f62; margin: 10px 12px -10px 12px }

/* info blocks */
.info-block {  /* each row */
	margin: 0;
 color: #3d4f62;
 margin: 0 0 10px 0;	
	overflow: auto;
}

.info-box {
 width: 303px;
	float: left;
}

.info-box h2 {
	font: 16px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;
	color: #000;
	margin: 20px 0 10px 0px;
	padding: 0 0 10px 10px;
	background: url(../_img/dotline.gif) no-repeat bottom;
}

.info-box p {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;
	padding: 0 0 0 10px;
	margin: 0 15px 15px 0;
	line-height: 1.5;
}

/* sidebar 
-------------------- */	
.side-nav {
 float: right; 
	color: #4D4B43;
	padding: 8px 0 0 0;
	margin: -7px 0 0 0;
	width: 246px;
	line-height: 1.45em;	
	background: url(../_img/sidebar_top.gif) no-repeat top right;
}

.side-nav p { margin: 0 }

.side-home { margin: -2px -1px 0 0; 	background: none; }	

.side-nav-content { /* for content other than a list in box */
	margin: 0 0 0 1px;
	padding: 10px 12px 9px 12px;
	list-style-type: none;
	border: 1px solid #afc0d2;	border-top: 0;	border-left: 0;
	background: #f0f3f6 url(../_img/bkgd_sidebar.gif) no-repeat bottom left;  
} 
	
.side-nav ul {
	margin: 0 0 0 1px;
	padding: 10px 0 9px 0;
	list-style-type: none;
	border: 1px solid #afc0d2;	border-top: 0;	border-left: 0;
	background: #f0f3f6 url(../_img/bkgd_sidebar.gif) no-repeat bottom left;  
} 

.side-nav li a {
 display: block;
 padding: 7px 10px 5px 17px;
	margin: 0;
 width: 214px;
 text-decoration: none;
	background: url(../_img/sidebar_link.gif) no-repeat top;
 border: none 	
}

.side-nav ul ul {
	margin: 0 0 0 1px;
	border: none;
	background: none;
	padding: 0;
} 

.side-nav li li a {
 display: block;
 padding: 7px 10px 5px 40px;
	margin: 0;
 width: 191px;
	background: url(../_img/sidebar_link_2nd.gif) no-repeat top;
 border: none; 	
}

.side-nav a:link, .side-nav a:visited {
 color: #293f56;
 text-decoration: none;
	margin: 0;	
}

.side-nav li a:hover {
 color: #000;
 text-decoration: none;
	background: url(../_img/sidebar_hover.gif) no-repeat top; 
}

.side-nav li li a:hover {
 color: #000;
 text-decoration: none;
	background: url(../_img/sidebar_hover_2nd.gif) no-repeat top; 
}

.side-nav .set{
 color: #000;
	font-weight: bold;
 text-decoration: none;
	background: url(../_img/sidebar_set.gif) no-repeat top;
}

.side-nav .set2 {
 color: #000;
	font-weight: bold;
 text-decoration: none;
	background: url(../_img/sidebar_set_2nd.gif) no-repeat top;
}

.side-shadow {
 background: url(../_img/sidebar_shadow.gif) no-repeat;
	height: 26px;
	margin: 0 0 0 1px;
} 

/* footer
-------------------- */	
#footer {
 background: #28517f url(../_img/bkgd_footer.gif) top center no-repeat;
	height: 123px;
}

#footer p {
 color: #7ea8d7;
	margin: 0;
	padding: 66px 0 0 0;
	font-size: 11px;
	text-align: center;
}

#footerIcon {
 background: #28527f url(../_img/bkgd_footerIcon.gif) center top no-repeat;
	height: 95px;
	border-top: 1px solid #28517f;
	margin-top: -18px;
}

#footerIcon p { 
	font-size: 10px;
	text-align: center;
	margin: 22px 0 0 0;
 color: #537dab;	
	padding: 0 0 0 117px;
}

.copyright { padding: 0 0 0 70px }

/* =Navigation
----------------------------------------------- */
#navbar {
 position: absolute;
	z-index: 5;
	height: 25px;
	width: 911px;
	margin: 18px 0 0 22px;
 font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;	 	
}

* html #navbar { margin: -6px 0 0 22px } /* ie6 fix */

 ul#nav { padding: 0; margin: 0; list-style: none; width: 911px; height: 25px }
	ul#nav li { float: left; position: relative; overflow: visible; }
	li.mnu { height: 25px; overflow: visible; }
	li.mnu span { position: absolute; left: -9999px }
	li.mnu a { display: block; height: 25px; background: url(../_img/nav.gif) no-repeat; color: #fff; border: none; }
	li.mnu a:link		{ color: #303435; }
	li.mnu a:visited	{ color: #303435; }
	li.mnu a:hover		{ color: #cc0000; }
	li.mnu a:active		{ color: #cc0000; } 

	li.mnu ul	{ display: none; position: absolute; border: 2px solid #b0c0d0; border-bottom: 1px solid #b0c0d0; background: #fff url(../_img/bkgd_dropdown.gif) no-repeat bottom right; margin: 0; padding: 0px; width: 145px; height: auto; top: 25px; left: 1px; list-style: none; z-index: 1000 } /* 2nd-level lists */
	li.mnu>ul	{ top: 25px; left: 1px; } /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

	li.mnu ul li { display: block; float: none; position: relative;	border-bottom: solid 1px #b0c0d0; padding: 0; width: 100%;}
	li.mnu ul li a { background-image: none; background-color: transparent; display: block; float: none; padding: 6px 8px; margin: 0; height: auto; text-decoration: none; text-align: left; text-decoration: none  }
	li.mnu ul li a:link		{ text-decoration: none  }
	li.mnu ul li a:visited	{ text-decoration: none  }
	li.mnu ul li a:hover	{ background-color: #28517f; color: #fff }
	li.mnu ul li a:active	{ text-decoration: none  }

	a#itm-set { background-color: #333333; }
	a#itm-set:link		{ color: #ccc; }
	a#itm-set:visited	{ color: #ccc; }
	a#itm-set:hover		{ color: #ccc; }
	a#itm-set:active	{ color: #ccc; }

 li:hover ul, li.over ul { display: block; }

	li#li1	 { width: 137px }
	li#li2	 { width: 129px }
	li#li3	 { width: 163px }
	li#li4	 { width: 149px }
	li#li5	 { width: 160px }
	li#li6  { width: 172px }

	li#li1 a:link, li#li1 a:visited	{ background-position: -0px 0px }
	li#li2 a:link, li#li2 a:visited	{ background-position: -137px 0px }
	li#li3 a:link, li#li3 a:visited	{ background-position: -266px 0px }
	li#li4 a:link, li#li4 a:visited	{ background-position: -429px 0px }
	li#li5 a:link, li#li5 a:visited	{ background-position: -578px 0px }
	li#li6 a:link, li#li6 a:visited	{ background-position: -738px 0px }

	li#li1 a:hover, li#li1 a:active	{ background-position: -0px -25px }
	li#li2 a:hover, li#li2 a:active	{ background-position: -137px -25px }
	li#li3 a:hover, li#li3 a:active	{ background-position: -266px -25px }
	li#li4 a:hover, li#li4 a:active	{ background-position: -429px -25px }
	li#li5 a:hover, li#li5 a:active	{ background-position: -578px -25px }
	li#li6 a:hover, li#li6 a:active	{ background-position: -738px -25px }

	li#li1 a.mnu-set:link, li#li1 a.mnu-set:visited	{ background-position: -0px -50px }
	li#li2 a.mnu-set:link, li#li2 a.mnu-set:visited	{ background-position: -137px -50px }
	li#li3 a.mnu-set:link, li#li3 a.mnu-set:visited	{ background-position: -266px -50px }
	li#li4 a.mnu-set:link, li#li4 a.mnu-set:visited	{ background-position: -429px -50px }
	li#li5 a.mnu-set:link, li#li5 a.mnu-set:visited	{ background-position: -578px -50px }
	li#li6 a.mnu-set:link, li#li6 a.mnu-set:visited	{ background-position: -738px -50px }	

/* =Lists
----------------------------------------------- */
.content ul, .side-box ul {
 margin-left: 3px;
 margin-bottom: 20px;
 padding: 0 0 0 30px;
 list-style: none;	
 line-height: 1.1em;
 position: relative;	
}

.content ul ul {
 margin-left: 3px;
 margin-bottom: 0px;
 padding: 4px 0 1px 30px;
 list-style: none;	
 line-height: 1.1em;
 position: relative;	
}

.content ul li, .side-box ul li {
 padding-left: 13px;
 background-image: url(../_img/bullet.gif);
 background-repeat: no-repeat;
 background-position: 0 .3em;
 margin: 5px 0;
}

.content ul li li, .content ul li li li {
 padding: 0 0 0 13px;
 background-image: url(../_img/bullet.gif);
 background-repeat: no-repeat;
 background-position: 0 .3em;
 margin: 5px 0 5px 10px;
}

/* =Site map
----------------------------------------------- */
.content .lvl1, .content .lvl2, .content .lvl3, .content .lvl4 {
 padding-left: 15px;
 background-image: url(../_img/bullet.gif);
 background-repeat: no-repeat;
 background-position: 0 .3em;
}

.content .lvl1 { margin: 5px 0 0 30px; }
.content .lvl2 { margin: 5px 0 5px 45px; }
.content .lvl3 { margin: 5px 0 5px 60px; }
.content .lvl4 { margin: 5px 0 5px 80px; }

/* =Links
----------------------------------------------- */
a:link, a:visited, a:active  { text-decoration: underline; color: #000; }
a:hover  { text-decoration: underline; color: #3d4f62; }

#footer p a:link, #footer p a:visited, #footer p a:active  { text-decoration: none; color: #7ea8d7; padding: 0 15px; border: none  }
#footer p a:hover  { text-decoration: none; color: #fff; border: none  }

#footerIcon p a:link, #footerIcon p a:visited, #footerIcon p a:active  { text-decoration: none; color: #537dab; padding: 0 13px; margin: 0; border: none }
#footerIcon p a:hover  { text-decoration: none; color: #7ea8d7; border: none }

.side-box a:link, .side-box a:visited, .side-visited a:active { text-decoration: none; border-bottom: 1px solid #000; color: #000 }
.side-box a:hover { text-decoration: none; border-bottom: 1px solid #afc0d2; color: #000; background: #fff }

/* =Forms
----------------------------------------------- */
.textbox {  font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;	 height: 18px; padding: 3px 0 0 2px; border: 1px solid #afc0d2; margin: 0 0 4px 0 } 
.dropdown { font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;	padding: 0; border: 1px solid #afc0d2;  margin: 0 0 4px 0 }
.align-right { text-align: right; padding: 0 9px 0 0 }
.news-checkbox { padding: 0 0 0 5px }

/* buttons */
a.btn, a:visited.btn {
 font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;	
	padding: 3px 8px;
	font-size: 12px;
	text-transform: uppercase;
	color: #080808;
 border: 1px solid #aab3be;
	background: url(../_img/bkgd_btn-sml.gif);
	text-decoration: none;
 width: auto; overflow: visible;	 /* fixes weird widths in IE */
} 

input.btn { /* for input buttons */
 filter:chroma(color=#000000); /* kills black outline in IE */
 font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;	
	padding: 3px 8px;
	font-size: 12px;
	text-transform: uppercase;
	color: #080808;
	border: 1px solid #aab3be;
	background: url(../_img/bkgd_btn-sml.gif);
	cursor: pointer;
	text-decoration: none;	
 width: auto; overflow: visible;		/* fixes weird widths in IE */
}

a.btn:hover, .btn:hover {
	color: #080808;
 border: 1px solid #080808; 
	background: url(../_img/bkgd_btn-sml-hover.gif);
	pointer: hand;
}

/* =Standard + Misc
----------------------------------------------- */
.hide {display: none}

.linkedImage { margin: 0; padding: 0; border: 0 }
.linkedImage a:hover { background: none }

.imgover, .imgover a, .imgover a:hover { margin: 0; padding: 0; border: 0; background: none }

.img-border { border: 1px solid #ccc }

.sml { font-size: 10px; font-style: italic; margin: 0 3px 0 0  }

/* tables */

.table { font-size: 11px; text-align: center; background: #b8bec3; margin: 0 0 10px 0; }
.table a { border: 0; text-decoration:underline }
.table td { padding: 4px }
.table-header { background: #d4dfe9; padding: 5px 4px; line-height: 1.3em; }              

.stripe { background: #f5f5f5 }
.stripe-white { background: #fff }
.stripe-question { background: #dbe5ee }
.stripe-question p { padding: 1px 3px 3px 3px; margin: 0 }