/* Note: the site was developed and tested on: 
    Microsoft Internet Explorer version 7,
    Microsoft Internet Explorer version 8 (Please do NOT force IE compatibility mode),
    Firefox 3.5 (with Adblock), 
    Safari 4.0.4 for Windows 
*/
body 
{
	margin:0;
	padding:0;
	border:0;
	min-width:780px;
	background-image: url(../Images/bg_tile4.gif);
	background-repeat: repeat;
	font-family:Verdana, Arial, Sans-Serif ;
	font-size: 94%;    
	color: #333333;
	background-color: #FFFFFF;	
	text-align:center;
	padding-top:20px;
    padding-bottom:8px;
}	

html { height:100%; padding-bottom:1px; } /* This fixes the issue of the vertical scrollbar making content shift left and right in IE8*/
	
/* Typographic style rules adapted from http://www.thenoodleincident.com/tutorials/typography/ */

h1, h2, h3, h4, h5, h6 {color: #00244A;}

h1 {
	margin: 0;
	font-size: 1.5em;
	font-weight: bold;
}
h2 {
	/* clear: both;*/
	margin: .7em 0em;
	font-size: 1.7em;
	font-weight: normal;
}
h3 {
	margin: 1.2em 0em;
	font-size: 1.4em;
	font-weight: normal;
    line-height:0.2em;
}
h4 {
	margin: 1.2em 0em;
	font-size: 1.2em;
	font-weight:bold;
	line-height:0.2em;
}
h5 {
	margin: 1.2em 0em;
	font-size: 1.0em;
	font-weight: bold;
}
h6 {
	margin: 1.2em 0em;
	font-size: 0.8em;
	font-weight: bold;
}
pre {
	font-family: monospace;
	font-size: 1.0em;
}

pSpacer {
    line-height:18px;
}

strong, b {font-weight: bold;}

acronym[title] {
	cursor:help;
	border-bottom:1px dotted #333333;
	font-size: 95%;
}

#mainwrapper {
	margin: 0 auto;    
	width: 780px;
	text-align: left;
}

#sidebar {	
	width:520px;
	margin-left: 20px;
	float: left;
	display: inline;
	border-left:solid 1px gray;
}

#loginTopShadow 
{
	height: 46px;
	background-image: url(../Images/TopBlue.png);
	background-repeat: no-repeat;
}

#topShadow 
{
	height: 46px;
	background-image: url(../Images/TopBlue.png);
	background-repeat: no-repeat;
}

#partnerLinks {
    float:left; 
    color:White;
    width:760px;
    margin-top:10px;     
    margin-left:9px;
    text-align:center;
    font-size:11px;
}

#partnerLinks a {
    font:Myriad Web Pro; 
    font-size:11px;
    cursor:pointer;    
}

#partnerLinks a:link {
    color:#ff9900; 
    font-weight:bold;
}

#partnerLinks a:visited {
    color:#ff9900; 
    font-weight:bold;
}

#partnerLinks a:hover {
    text-decoration:none; 
    color:#ff9900; 
    font-weight:bold;
}

#partnerLinks a:active {
    color:#ff0000;
    text-decoration:none;
}

#topShadow .divider {
    font:Myriad Web Pro; 
    font-size:12px;    
    color:White;     
}

#headerImage {
    margin-bottom:-4px;
}

#bottomShadow {
	height: 74px;	
	margin: 0 auto;
	background-image: url(../Images/BottomBlueTall.png);
	background-repeat: no-repeat;    
}

#bottomShadow .innerDiv {
    text-align:center; 
    margin-top:18px;
}

#bottomShadow .copyRight {
    font:Myriad Web Pro; 
    font-size:10.5px;
    color:White;
    margin:0 auto;
}

#bottomShadowSecurity {
	height: 54px;	
	margin: 0 auto;
	background-image: url(../Images/BottomBlue.png);
	background-repeat: no-repeat;    
}

#branding {
	position: absolute;
	right: 30px;
	bottom: 10px;
	z-index:1000;
	text-align: right;
	color: #FFF9E9;
	font-family:"Courier New", Courier, monospace;
}

#companyName {
	color: #FFF9E9;
	font-size: 40px;
}

#logoImage {
    vertical-align: text-bottom;
}

#slogan {
	color: #FFF9E9;
	font-size: 16px;
}

a.siteMapPath
{
    text-decoration:none;
    color:Orange;
}

a.siteMapPathNode
{
    text-decoration:none;
    color:#f8e7b2;
}

a.siteMapPathCurrent
{
    text-decoration:none;
    color:White;    
}

#content {
	position:relative;
	padding-top:18px;
	margin-top:0;	
	background-repeat: repeat-y;
	background-image: url(../Images/main_bg4.png);	
}

.menuDiv {
    margin-top:0;
	background-repeat:repeat-y;
	background-image: url(../Images/main_bg4.png);		
}

object {
     display:block;
}

/* Hide from IE5 Mac \*/
* html #content 
{
	height:1%;	
}
/* End hide from IE5 Mac */


#copy 
{
	position:static;
	padding:0 3em 3em;
	background-repeat: repeat-y;	
	background-image: url(../Images/main_bg4.png);		
	min-height:120px;
}

* html #copy {padding:0 3.5em 4em 2em;}

/* Hide from IE5 Mac \*/
* html #copy {height:1%;}
/* End hide from IE Mac*/

#copy ol, #copy ul, #copy li 
{	
	font-size: 0.95em;
	line-height: 1.8em;
}

* html #copy li {padding:0 0 0.5em 0.5em;}

#copy li {
	list-style-image:none;
}

#copy p {
	margin: .9em .4em;
	font-size: 0.9em;
	line-height: 1.4em;
}

#copy li > p {margin-top: 0.2em;}

#copy .pullQuote {
	float: right;
	display:inline;
	width: 36%;
	margin: 1em 0 1em 1em;
	font-size:0.9em;
	font-weight: bold;
	line-height: 130%;
	color: #333333;
	border:solid 1px #dedede;
	padding-bottom:12px;
}

#copy .pullQuoteReg {
	float: right;
	display:inline;
	width: 25%;
	margin: 1em 0 1em 1em;
	font-size: 110%;
	font-weight: bold;
	line-height: 130%;
	color: #333333;
}

#copy .pqImage {        
    vertical-align:middle;
    margin:8px;
}

#copy .pqHdr {
    color:#00244A; 
    font-weight:bold;
}

#copy .pqLink {
    color:Blue;
    font-size:0.85em;
    font-weight:normal;
    margin-left:8px;    
}

#copy .pqLinkIndent1 {
    color:Blue;
    font-size:0.85em;
    font-weight:normal;
    margin-left:12px;    
}

#copy .pqLinkIndent2 {
    color:Blue;
    font-size:0.85em;
    font-weight:normal;
    margin-left:16px;    
}

#copy .pqLink2 {
    color:Blue;
    font-size:0.85em;
    font-weight:normal;    
}

#copy .pageResourceHeader {
    color:#00244A; 
    font-weight:bold;    
}

#copy .liDiv {
    margin-left:12px;
}

#copy .holiday {
    width:200px;
    float:left;
    font-weight:bold;
}

#copy a {color:blue;}

#copy a:link {text-decoration:underline;}

#copy a:hover {text-decoration:none;}

#copy .textBox {
	margin-left: 1em;
	border:1px solid #999999;
	background-color:#E7E9DE;
}

#copy .textBox:focus {background-color:#FFFFFF;}

#copy .dropDownlist {
	margin-left: 1em;
	background-color: #E7E9DE !important;
}

#copy .radioButtonList {margin-left: 1em;}

#copy fieldset {
	border:1px solid #E7E9DE;
	padding: 1.5em;
}

#copy legend {color: #666666;}

#copy .button {
    margin:1em 0;
    border:1px solid #999999;
    background-color:#9E0F0C;
    color:#FFF9E9;
}

* html .button {padding:0 0.5em;} 

* html #bottomShadow {margin-bottom:-2px;}

.clearfix:after {
  content: "."; 
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
 
.clearfix {display: inline-block;} /* Fixes IE/Mac */
 
/* Hides from IE-mac \*/
* html .clearfix,
* html .clearfix * {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Membership Pages */

.membershipWrapper {
    position:relative;    
    height:140px;    
}

#secLeftDiv_Login {    
    width:260px;
    padding:1px;    
}

#secLeftDiv_Login p {
	margin: .9em 0em;
	font-size: 0.9em;
	line-height: 1.4em;
}

#secLeftDiv_Login h4 {	
	font-size: 1.2em;
	font-weight:bold;
	line-height:0.2em;
}

#secLeftDiv_Login .textmiddle {
    margin-top:20px;
}

#secLeftDiv_Login .loginTitleText {
    margin-left:28px;
    margin-top:-14px;
    Color:#00244a; 
    font-weight:bold;    
}

#secLeftDiv_Login .loginText {
    font-size: 85%;
    float:left;
}

#secLeftDiv_Login .loginLabel {
    font-family: Verdana, Tahoma, Trebuchet MS;
	font-size: 85%;
	color: #333333;
	padding-right:8px;	
    float:none;
}

#secLeftDiv_Login .loginFailText {
    color:Red;
    text-align:left;
    padding-top:6px;
    padding-bottom:6px;
	font-size: 0.7em;
	line-height: 1.4em;
}

#secLeftDiv_Login .loginButton {
    float:left;    
}

#secRightDiv_login {    
	margin-left:260px;
	margin-top:-150px;
	padding-left:10px;
	border-left:solid 1px gray;	
}

#secRightDiv_login h4 {    
    margin-left:24px;
}

#secRightDiv_login p {
    margin:-8px 26px 0 26px;
    font-size: 85%;
}

/* Password Reset Section */
#resetContent {
    height:180px;
}

#resetContent h4 {
    margin-left:24px;
    text-align:left;
    font-size: 1.2em; 
    font-weight:bold; 
    line-height:0.2em; 
}

#resetContent p {	
    margin-left:24px;
    text-align:left;
	font-size: 0.9em;
	line-height: 1.4em;
}

#resetContent .userNameLabel {
    margin-left:24px;
	font-size: 85%;
	color: #333333;
	padding-right:8px;
    float:none;
    font-weight:bold;
}

#resetContent .userNameText {
    font-size: 0.9em;    
}

#resetContent .emailLabel {
    margin-left:24px;
	font-size: 85%;
	color: #333333;
	padding-right:8px;
    font-weight:bold;
}

#resetContent .emailText {
    margin-left:27px;
    margin-top:12px;
    float:none;    
}

#resetContent .cancelBtn {
    margin-left:24px;
    float:none;    
}

#resetContent .submitBtn {
    margin-top:18px;
    margin-left:24px;
    float:none;
}

#resetContent .failText {
    float:none;        
    color:Red;
	font-size: 0.9em;
	line-height: 1.4em;
}

#resetContent .secQuestion {
    margin-left:20px;
    float:none;    
}

#resetContent .secQuestionFailText {
    float:none;        
    color:Red;
	font-size: 0.9em;
	line-height: 1.4em;
}

#resetContent .backToLogin {
    float:none;    
}

/* Register */

#registerContent {
    height:570px;
}

#registerContent .registerCtrl {
    position:absolute;
    top:430px;
}

.regLabel {
    float:left;
    width:160px;    
}

.regText {
    float:left;
    margin-left:2px;
}

#registerContent .loginLabel {      
    font-size: 0.9em;
}

#registerContent .sectionLabel {
    font-size: 0.9em;
    font-weight:bold;
}

#registerContent .wizardStep {     
    margin-left:12px;    
}

#registerContent .wizardStep2 { 
    margin-top:12px;
}

#registerContent .wizardStepSection { 
    margin-left:12px;
    margin-top:8px;
}

#registerContent p {
	margin: .9em 0em;
	font-size: 0.9em;
	line-height: 1.4em;
}

#registerContent .processRegButton {
    float:left;
    margin:1em .4em 1em 0;    
}

#registerContent .cancelRegButton {
    margin-right:420px;
    
}

#registerContentWarning
{
	position:static;
	padding:2em 3em 1em;	
	background-repeat: repeat-y;	
	background-image: url(../Images/main_bg4.png);		
	min-height:40px;
}

#registerContentWarning p {
	margin: .9em 0em;
	font-size: 0.9em;
	line-height: 1.4em;
}

#chgSecQuestion {   
    margin-left:4px;
    float:left;
    font-size:0.9em;
}

#chgSecQuestion .chgSecQuestionTitleText {
    position:relative;
    float:left;        
    Color:#00244a;
    font-weight:bold;                
}

#chgSecQuestion .topSect {
    margin-top:22px;
}

#chgSecQuestion .lowerSect {
    margin-top:16px;
}

#chgSecQuestion .curPwd {
    margin-left:36px;
}

#chgSecQuestion .newPwd {
    margin-left:52px;
}

#chgSecQuestion .cfmPwd {
    margin-left:8px;
}

#chgSecQuestion .secQs {
    margin-left:37px;
}
    
#chgSecQuestion .secAnswer {
    margin-left:91px;
}

#chgSecQuestion .submitButton {    
    margin-top:22px;    
}

#chgSecQuestion .canelButton {    
    margin-top:22px;
    margin-left:24px;
}

#chgSecQuestion .failText {
    margin-bottom:-1px;
    color:Red;
}

/* Admin User Information section */
#userInfo {
    margin-top:18px;
    font-size:0.9em;
}

#userInfo .userSect {    
    margin-top:8px;
    margin-left:4px; 
}

#userInfo .userInfoLabel {
    font-weight:bold;
}

#userInfo .userInfoCommentLabel {
    font-weight:bold;
    vertical-align:top;
}

#userInfo .userSectFullName {
    margin-top:8px;
    margin-left:4px; 
}

#userInfo .userPartName {
    margin-left:63px; 
}

#userInfo .userPartFullName {
    margin-left:68px; 
}

#userInfo .userPartLoc {
    margin-left:76px; 
}

#userInfo .userPartEmpNbr {
    margin-left:16px; 
}

#userInfo .userPartEmpType {
    margin-left:35px; 
}

#userInfo .userPartEmail {
    margin-left:94px; 
}

#userInfo .userPartSecQuestion {    
    margin-left:6px; 
}

#userInfo .userPartLoginDate {
    margin-left:26px; 
}

#userInfo .userPartComment {
    margin-left:64px;     
}

#userInfo .userPartRole {
    margin-left:96px;     
}

#userInfo .cbox {
    margin-left:128px;
}

#userInfo .userSectButtons {    
    margin-top:24px;
    margin-left:4px; 
}

#userInfo .delUser {
    margin-left:62px;
}
/* End Membership Pages */

/* Defines Years of Service on the Vacation page */
/* Tables are dead. Long live tables! */
div.floatL {
    float:left;
    margin-left:20px;
    width:200px;
}

div.floatR {
    float:left;
}

div.float {
    float:left;
}

div.float p {
    text-align:center;
}

#retSec {
    margin: 0px auto 0px auto;
    text-align: left;
    width: 70%;    
}

#addBene {
    margin: 0px auto 0px auto;
    text-align: left;
    width: 36%;    
}

#addBene p {
    text-align:center;
}

div.floatAddL {
    margin-right:12px;
    float:left;
}

div.floatAddR {
    float:left;
}


#homepage_spd_roundedbox {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 3em;
	padding: 0;
	text-align: left;
	width:80%;				/* use this to tie width to viewport size */
	width:28em;				/* use this for a set width */
	background-color: #eeeeee;
}
 	
#spdContent {
	padding:1em; 
	height:80px;   
}

#spdContent h1	{
    position:absolute;
    left:104px;
    top:18px;
	color:#0354c2;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
}

#spdContent .hlnkHdr {
    color:#0354c2;
    font-size:13px;
    font-weight:bold;
    margin-left:12px;
    text-decoration:none;
}

#spdContent .hlnk {
    color:#0354c2;
    text-decoration:none;
}
		
#spdContent p {
    position:absolute;
    left:100px;
    top:32px;
	color:#3b3b3b;
	font-size: 0.9em;
	line-height: 1.3em;	
	font-family: arial, helvetica, sans-serif;
}

/* 
    BORDER CODE:
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc {
	background-color: transparent;
	background-repeat: no-repeat;
}

#tlc {
	background-image:url(../Images/RoundedBox/tlc.gif);	
	background-position: 0% 0%;
}

#trc
	{
	background-image:url(../Images/RoundedBox/trc.gif);
	background-position: 100% 0%;
	}
	
#blc {
	background-image:url(../Images/RoundedBox/blc.gif);
	background-position: 0% 100%;
}

#brc {
	background-image:url(../Images/RoundedBox/brc.gif);
	background-position: 100% 100%;
}

#tb, #bb {
	background-color: transparent;
	background-repeat: repeat-x;
}
			
#tb	{
	background-image:url(../Images/RoundedBox/tb.gif);
	background-position: 0% 0%;
}

#bb	{
	background-image:url(../Images/RoundedBox/bb.gif);
	background-position: 50% 100%;
}
	
#rb	{
	background-image:url(../Images/RoundedBox/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
}

#lb	{
	background-image:url(../Images/RoundedBox/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
}

.faqTopDiv {
    margin-top:18px;
}

.faqInnerDiv {
    margin-top:12px;
}

.faqQALabel {
    width:86px; 
    font-weight:bold; 
    float:left;
}

.faqQuestion {
    color:Blue;
}

.faqAnswer {
    width:690px; 
    float:left;    
}

.eHouseCall {
    color: #00244A;
	margin: 1.2em 0em;
	font-size: 1.2em;
	font-weight:bold;
	line-height:0.2em;
}

.postedDate {
    font-size:9px;
    color:Gray;
}

@media print {	
	body {
		color: #333333 !important;
		border-bottom: 1px solid #000;
		background:#FFFFFF !important;		
		font-size:10pt;
		line-height:12pt;
	}	
	h1, h2, h3, h4, h5, h6 {
		font-weight: bold;
		color: #333333;
	}

	#mainwrapper,#topShadow,#bottomShadow {background:none;}

	#header {
		position: static;
		height: auto;
	}	

	#menu, #mastheadImage {display:none;}

	#branding {
		position: static;		
		text-align:left;
		margin: 0;
		padding: 0;
	}
	#breadcrumbs {
		position: static;
		padding-bottom: 2em;
		margin: 1em 0;
		border-bottom: 1px solid #000000;
		color: #333333;
	}

	#breadcrumbs a {color: #333333;}

	#copy {
		width: 80%;
		margin-left:0;
		padding: 0 2em;
	}

	#copy a {color: #333333;}

	#copy li {
		list-style-image: none;
		list-style-type: disc;
	}

	#copy .pullQuote {display: none;}

	#copy .textBox {
		border: 1px solid #333333;
		background:none;
	}

	#copy .textBox:focus {background:none;}

	#copy fieldset {border:1px solid #333333;}

	#copy legend {padding-bottom:1em;}

	#copy .dropDownlist {background:none;}
}