/* ---------->>>     
              
COLORS

#XXXXXX- Color

<<<-----------*/


/* ---------------------------------------------------------------------
   BASE PAGE CONTENT                
------------------------------------------------------------------------*/

* { margin: 0; padding: 0 }
a img {border:none;}
a:active, a:focus {outline: 0;}

h2{
	padding: 8px 0 8px 0;
	font-size: 15px;
	font-weight: bold;
	color: #686b50;
	text-transform: uppercase;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;

}
#content-container, x:-moz-any-link, x:default {padding-left:1px;}  /* bumps main white box back in FF when scrolling */

.form-table {padding: 4px}

.form	{
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 12px;
	font-weight: normal; 
	color: #686B50; 
	vertical-align: center;
	padding: 5px 2px 5px 2px;
	background:#ffffff url(../img/elements/inputBg.gif) top left no-repeat;
	border:2px #e0e0e0 solid;
}

a.pdf
{ 
   padding-right: 18px;
   background: transparent url("../img/icon/pdf-tiny.gif") no-repeat center right;
}

body {
	margin:0;
	padding:0;
	background: #f5f3ee url('../img/bg/bg.gif') top repeat-x;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 12px;
	width: 100%
}

#body-container {
	width:970px;
	margin: 0 auto;

}

#header-container {
	width:941px; 
	height: 89px;
	margin: 0 auto; 
	overflow: hidden;
}

#content-container {
	width:970px; 
	background: url('../img/bg/body-plate.png') top center no-repeat;
	margin: 0 auto; 
	overflow: hidden;
	min-height: 485px;
}


#content {
	width:940px;
	background: white;
	margin: 0 auto;
}



.credit {
	font-size: 11px;
	color: #6e6e6e;
}



#quote {
	font-size: 23px;
	color: #9fa17f;
	line-height: 24px;
	letter-spacing: -.02em;
	text-align: left;
	
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


#quote p{
	font-size: 12px;
	color: #9fa17f;
	font-style: italic;
	letter-spacing: .02em;
	padding: 5px 5px 2px 5px;
	text-align: right;
	border-bottom: 1px solid #e2e1e0;

}


#body-content-container {
	width:607px;
	padding: 0 10px 0px 12px; 
	text-align: left; 
	color: #444444; 
	font-size: 12px;
	border-right: 1px dotted #e2e1e0;
	vertical-align: top;
	line-height: 16px;
}

#body-content-container .image {
	margin: 0 8px 8px 0; 
	float: left;  
	font-size: 12px;
	padding: 4px;
	border: 1px solid #e2e1e0;
}

#body-content-container tr, td{
  	font-size: 12px;
}


#body-content-container .clear{
	padding: 4px;
	border: 0;

}




/* -------------------
#body-content-container p.intro{
	font-size: 18px;
	line-height: 18px; 
}
--------------- */


#body-content-container p {
	margin-bottom: 12px; 
}

#body-content-container h1 {
	font-size: 18px; 
	color: #693c29;
	line-height: 20px;
	margin-bottom: 17px;
}

#body-content-container ul{
	list-style-type: none;
	list-style-image: url(../img/icon/bullet.png);
	margin: 15px 0 20px 15px;
	padding-left: 3em;
	text-indent: 0;

}

#body-content-container ul li{
	margin-bottom: 10px;

}

#body-content-container ol{
	margin: 10px 0 20px 52px;
}

#body-content-container ol li{
	margin-bottom: 10px;

}


#body-content-container #list-left ul li{
	float: left;
	clear: left;
	width: 50%;
}

#body-content-container #list-right ul li{
	float: right;
	clear: both;
	width: 50%;
}

#body-content-container a:link, #body-content-container a:visited, #body-content-container a:active {
	color: #693c29;
	text-decoration:underline;
}

#body-content-container a:hover {
	text-decoration:none;
}


#sidebar-content-container {
	width:310px;
	vertical-align: top;
	padding: 0;
}


.global-announcement {
	color: #686b50;
	background: #e0e0e0 url('../img/bg/green-bg1.jpg') top left repeat-x;
	font-size: 11px;
	padding: 8px 6px 4px 6px;

}

.global-announcement img{
	float: left;
	margin: 0 15px 0 0;
}

.global-announcement a:link, .global-announcement a:active, .global-announcement a:visited {
  	color: #686b50;
}

.global-announcement a:hover {
  	color: #000000;
}


/* ---------------------------------------------------------------------
   BUTTONS            
------------------------------------------------------------------------*/


.buttons a, .buttons button{
    display:block;
    float:center;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#686b50;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#686b50;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#f0efed;
    border:1px solid #c9c9ad;
    color:#000;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #686b50;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}



/* ---------------------------------------------------------------------
   NAVIGATION MENU & TOP             
------------------------------------------------------------------------*/

.logo {padding: 25px 0 22px 0; text-align: left;}


#nav-global {
padding: 5px 0 0 0; 
text-align: right; 
color: black; 
font-size: 11px;
height: 17px;
}

#nav-global a:link, #nav-global a:visited, #nav-global a:active {
	color: #000;
	text-decoration:underline;
}

#nav-global a:hover {
	color: #000;
	text-decoration:none;
}

#nav {
padding: 0; 
text-align: right;
height: 67px;

}

#nav a:link, #nav a:visited, #nav a:active {
	display: block;
}

#nav a.current{
	background: url('../img/nav/white-tab.png') top repeat-x;
	background-position: 0 0;
}

#nav li:hover{
	background: url('../img/nav/dark-fade.png') top repeat-x;}

#nav li:hover current{}

#nav ul li { }

#nav ul {
	list-style-type: none;
	padding: 0;
	position: relative;
   float: left;

}
#nav li {
	float: left;
	height: 67px;
	list-style-type: none;
	text-decoration: none;
}




/* ---------------------------------------------------------------------
   HEADERS             
------------------------------------------------------------------------*/


#header-home {
	width:917px;
	margin: 12px auto;
	clear:both;
   background-position: absolute;
	overflow: hidden;
	background: #000 url('../img/art/header/home.jpg') top left no-repeat;
	height: 271px;
}

#header-home-text {
padding: 80px 25px 12px 30px;
color: white;
font-size: 16px;
line-height: 19px;
width: 490px;
}

#header-home-text ul{
margin-left: 40px;
}

#header-home-text a:link, #header-home-text a:visited, #header-home-text a:active {
	color: white;
	text-decoration: underline;
}

#header-home-text a:hover {
	color: black;
	text-decoration: none;
}


#header-insurance {
	width:917px;
	margin: 12px auto;
	clear:both;
   background-position: absolute;
	overflow: hidden;
	background: #20120C url('../img/art/header/insurance.jpg') top left no-repeat;
	height: 150px;
	text-align: left;
	font-size: 30px;
	color: #fff0e0;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#header-investments {
	width:917px;
	margin: 12px auto;
	clear:both;
   background-position: absolute;
	overflow: hidden;
	background: #20120C url('../img/art/header/investments.jpg') top left no-repeat;
	height: 150px;
	text-align: left;
	font-size: 30px;
	color: #fff0e0;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


#header-employee-benefits {
	width:917px;
	margin: 12px auto;
	clear:both;
   background-position: absolute;
	overflow: hidden;
	background: #20120C url('../img/art/header/employee-benefits.jpg') top left no-repeat;
	height: 150px;
	text-align: left;
	font-size: 30px;
	color: #fff0e0;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#header-resources {
	width:917px;
	margin: 12px auto;
	clear:both;
   background-position: absolute;
	overflow: hidden;
	background: #20120C url('../img/art/header/resources.jpg') top left no-repeat;
	height: 150px;
	text-align: left;
	font-size: 30px;
	color: #fff0e0;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#header-about {
	width:917px;
	margin: 12px auto;
	clear:both;
   background-position: absolute;
	overflow: hidden;
	background: #20120C url('../img/art/header/about.jpg') top left no-repeat;
	height: 150px;
	text-align: left;
	font-size: 30px;
	color: #fff0e0;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#header-contact {
	width:917px;
	margin: 12px auto;
	clear:both;
   background-position: absolute;
	overflow: hidden;
	background: #20120C url('../img/art/header/contact.jpg') top left no-repeat;
	height: 150px;
	text-align: left;
	font-size: 30px;
	color: #fff0e0;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}



#header-insurance p{
	padding: 65px 0 5px 10px;
}

#header-insurance p.summary{
	font-size: 16px;
	color: #ffffff;
	padding: 0 0 10px 10px;
	width: 600px;
}

#header-investments p{
	padding: 65px 0 5px 10px;
}

#header-investments p.summary{
	font-size: 16px;
	color: #ffffff;
	padding: 0 0 10px 10px;
	width: 550px;
}

#header-employee-benefits p{
	padding: 65px 0 5px 10px;
}

#header-employee-benefits p.summary{
	font-size: 16px;
	color: #ffffff;
	padding: 0 0 10px 10px;
	width: 550px;
}


#header-resources p{
	padding: 65px 0 5px 10px;
}

#header-resources p.summary{
	font-size: 16px;
	color: #ffffff;
	padding: 0 0 10px 10px;
}

#header-about p{
	padding: 65px 0 5px 10px;
}

#header-about p.summary{
	font-size: 16px;
	color: #ffffff;
	padding: 0 0 10px 10px;
	width: 450px;
}

#header-contact p{
	padding: 65px 0 5px 10px;
}

#header-contact p.summary{
	font-size: 16px;
	color: #ffffff;
	padding: 0 0 10px 10px;
}

/* ---------------------------------------------------------------------
   HIGHLIGHT BOXES             
------------------------------------------------------------------------*/

.hbox-title{
	background: #000 url('../img/elements/highlight-box/title.gif') left repeat-x;
	color: white;
	font-size: 14px;
	padding: 0 0 0 6px;
	height: 33px;
	overflow: hidden;
	font-weight: bold;
}

.hbox-title a:link, a:visited, a:active {
	color: white;
	text-decoration: none;
}


.hbox-body {
	background: #cccc98 url('../img/elements/highlight-box/green.jpg') left repeat-y;
	color: black;
	font-size: 12px;
	padding: 7px;
}

.hbox-body img{
	float: left;
	margin: 0 7px 0 0;
}

.hbox-footer{
	overflow: hidden;
	height: 39px;
	font-size: 11px;
	vertical-align: top;
	padding: 20px 0 0 6px;
	background-position: bottom;
	background: url('../img/elements/highlight-box/bottom.gif') top no-repeat;
}


.hbox-footer a:link, a:visited, a:active {
	color: white;
	text-decoration: none;
}

.hbox-footer a:hover {
	text-decoration: underline;
}



.rbox-title{
	background: #e7e8df;
	color: #584237;
	font-size: 14px;
	padding: 0 0 0 6px;
	height: 33px;
	overflow: hidden;
	font-weight: bold;
	border-bottom: 1px dotted #a0a17f;
	border-top: 1px solid #a0a17f;
	border-right: 1px solid #a0a17f;
	border-left: 1px solid #a0a17f;
}

.rbox-title a:link, a:visited, a:active {
	color: #180f0a;
	text-decoration: none;
}


.rbox-body {
	background: #edeee8;
	color: black;
	font-size: 11px;
	padding: 7px;
	border-right: 1px solid #a0a17f;
	border-left: 1px solid #a0a17f;
	border-bottom: 1px solid #a0a17f;
}



.rbox-body img{
	float: left;
	margin: 0 7px 0 0;
}

.rbox-body a:link, .rbox-body a:active, .rbox-body a:visited{
	color: #676858;
	text-decoration: underline;
}

.rbox-body a:hover{
	color: #000000;
	text-decoration: none;

}



.rbox-body ul{
	list-style-type: none;
	list-style-image: url(../img/icon/bullet.png);
	margin: 5px 0 5px 5px;
	padding-left: 3em;
	text-indent: 0;

}

.rbox-body ul li{
	margin-bottom: 10px;

}

.rbox-body ul li a:link, .rbox-body ul li a:active, .rbox-body ul li a:visited{
	color: #676858;
	text-decoration: underline;
}

.rbox-body ul li a:hover{
	color: #000000;
	text-decoration: none;

}




/* ---------------------------------------------------------------------
   
   SIDEBAR                

------------------------------------------------------------------------*/


.subnav {
width: 310px; 
margin: 0 0 0 12px;
}

.subnav ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 10px; /*bottom spacing between each UL and rest of content*/
}

.subnav ul li{
padding-bottom: 6px; /*bottom spacing between menu items*/
}

.subnav ul li a{
color: #2b1811;
background: url(../img/icon/arrow-right.png) no-repeat center left;  
display: block;
padding: 4px 0;
padding-left: 27px;  /*link text is indented */
text-decoration: none;
font-weight: bold;
font-size: 12px;
line-height: 21px;
}

.subnav ul li a:visited{
color: #2b1811;
}

.subnav ul li a:hover{ /*hover state CSS*/
color: #000000;
background-color: #f9f2ec;
}

.subnav ul li .selected{
color: #ffffff;
background: #ffffff url(../img/nav/subnav-on.png) no-repeat left;  
padding: 4px 0;
padding-left: 27px;  /*link text is indented */
display: block;
text-decoration: none;
font-weight: bold;
font-size: 12px;
line-height: 21px;
}


#global-sidebar-box{
	margin: 0 12px 12px 12px;
	width: 310px;
}

#sidebar-box{
	margin: 0 12px 12px 12px;
	width: 310px;
	background: #000 url('../img/bg/sidebox-bg.gif') top left no-repeat;
	border-bottom: 1px solid #a5a787;
}


#sidebar-box ul{
	list-style-type: none;
	list-style-image: url(../img/icon/bullet.png);
	margin: 5px 0 5px 5px;
	padding-left: 3em;
	text-indent: 0;

}

#sidebar-box ul li{
	margin-bottom: 10px;

}

#sidebar-box ul li a:link, #sidebar-box ul li a:active, #sidebar-box ul li a:visited{
	color: #676858;
	text-decoration: underline;
}

#sidebar-box ul li a:hover{
	color: #000000;
	text-decoration: none;

}

#sidebar-box img {
	float: left;
	margin: 2px 5px 5px 5px;
}

#sidebar-box h3 {
	color: #584237;
	font-size: 14px;
	padding: 7px 5px 14px 7px;
}

#sidebar-box p {
	color: black;
	font-size: 11px;
	padding: 0 5px 0px 5px;
}


#sidebar-bottom{
	margin: 0; 
	width: 310px;
	height: 54px;
	overflow: hidden;
	vertical-align: bottom;
	background-position: bottom;
	background: url('../img/bg/highlight-bottom-edge.gif') bottom repeat-x;
}

#sidebar-bottom p {
	float: left;
	margin: 35px 0 0 1px;
}

#sidebar-bottom p a:link, a:visited, a:active {
	color: white;
	text-decoration: none;
}

#sidebar-bottom p a:hover {
	text-decoration: underline;
}

#sidebar-bottom img {
	float: right;
	margin: 12px 2px 0 0;
}

/* ---------------------------------------------------------------------
   
   FOOTER                

------------------------------------------------------------------------*/


#footer-container {
	width:970px; 
	background: url('../img/elements/shadow-footer.png') top center no-repeat;
	margin: 0 auto; 
	min-height: 8px;
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 11px;
}


#footer-message {
	background: url('../img/bg/footer-bubble.png') top center no-repeat;
	margin: 0 auto; 
	width: 960px; 
	height: 59px;
}

#footer-message p{
	color:#9fa17f;
	text-align: left;
	font-size:10px;
	line-height: 1.1em;
	padding: 18px 15px 0 50px;
}



#footer-copyright{
	color:#9c9c9c;
	text-align: center;
	font-size:11px;
	width: 100%;
	margin: 20px 0 0 0;
	height: 40px;
}


#footer-message a:link, #footer-message a:visited, #footer-message a:active {
	color: #9fa17f;
	text-decoration:underline;
}

#footer-message a:hover {
	color: #000;
}

#footer-copyright a:link, #footer-copyright a:visited, #footer-copyright a:active {
	color: #9c9c9c;
	text-decoration:none;
}

#footer-copyright a:hover {
	color: #737373;
	text-decoration:underline;
}