/* CSS Document */

body {
	margin : 0;
	padding : 0;
	background-color : #ffffff;
	color:#2c4570;
}

p {
	font : 10pt Arial,geneva,helvetica;
	color:#2c4570;
}
ul, ol, li {
	font : 9pt Arial,geneva,helvetica;
	color:#2c4570;
	margin-left:2em;	
	list-style-type:disc;   
}

ol.numbered li {
   list-style-type: decimal;
}


ul, ol, li a:hover {
	font:  bold 9pt Arial,geneva,helvetica;
	color:#990000;
}	

.content_index {
	margin : -6px 5% 0 245px;
	width:auto;

}

.content_index a{
	font : bold 9pt bold Arial,geneva,helvetica;
	color:#d5652d;
	text-decoration:none;
}

.content {
top : 0px;
margin : 0px 5% 0 10px;
padding : 3px;
color : #000000;
width:auto;
}


a{
	font : bold 9pt Arial,geneva,helvetica;
	color:#d5652d;
	text-decoration:none;
}

 a:hover{
	font : bold 9pt Arial,geneva,helvetica;
	color:#990000;
	text-decoration:underline;
}

h1 {
	font : bold 18pt Arial,geneva,helvetica;
	color:#000000;
	margin-top:.05em;
}

h2 {
	font : bold 12pt Arial,geneva,helvetica;
	color:#000000;
}

h3 {
	font : bold 10pt Arial,geneva,helvetica;
	color:#00000;
	margin-bottom:.05em;
}

h4 {
	font : bold 9pt Arial,geneva,helvetica;
	color:#697d39;
	margin-bottom:.05em;
}

h5 {
	font : bold 8pt Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin-bottom:.05em;
	margin-top:-.2em;
	font-weight:normal;
}

/*top nav graphics*/
#topnav {
	background-image:url(../images/buttons.jpg);
	background-repeat:no-repeat;
	height:50px;
}

#topbg {
	background-image:url(../images/button_bg.jpg);
	background-repeat:repeat-x;
	margin: 0px 0px 0 0px;
	height:50px;
}

#topstretch {
	background-image:url(../images/clouds.jpg);
	background-repeat:repeat-x;
	height:162px;
}

#topbanner {	
	background-repeat: no-repeat;
	height:162px;
	font-size:13px;
}

#logo {
	position:absolute;
	z-index:2;
}
/*end top nav graphics*/


/* style for  main navigation in top nav */
.mainnav {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.7em;  
	color:#ffffff;
	text-decoration:none; 
	margin-top:.5em; 
	filter: Shadow(Color=#666666, Direction=135);
	letter-spacing: -0.03em;
}

a.mainnav:hover {
	color:#990000; 
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.7em; 
	font-weight:bold; 
}

/*drop downs*/
.menu {height:50px; position:relative; z-index:100; margin-left:25em;width:600px;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:601px; w\idth:600px;margin-left:25em;m\argin-left:20em;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;margin-left:-20px;}
* html .menu ul {margin-left:-44px;m\argin-left:-45px;}
.menu ul ul {width:100px; font-size:9em; }
.menu ul ul li {border-color:#000000; border-style:solid; border-width:.05em;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:118px;position:relative;}
.menu li ul li {float:left;width:118px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;text-decoration:none; color:#fff; width:120px; height:36px; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:110px; w\idth:100px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:.4em;left:0; width:131px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:.13em;t\op:.23em;}

/* position the third level flyout menu */
.menu ul ul ul{left:132px; top:-1px; width:132px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-132px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd;  color:#000; height:auto; line-height:1em; padding:5px 14px; width:90px;border-width:0 1px 1px 1px;}/*this controls drop down background and width*/
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:112px;w\idth:100px;}

/* style the top level hover */
.menu ul a:hover{color:#fff; text-decoration:underline;}
.menu ul ul a:hover{color:#fff; background:#949e7c; text-decoration:underline;}
.menu ul ul :hover > a {color:#fff;background:#949e7c; text-decoration:underline;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/*end dropdowns*/
/*end main nav*/


/*side nav*/
#leftnavigation {
	position : absolute;
	left : 0;
	width : 150px;
	color : #000000;
	padding : 3px;
}

.sidenav {
 	background-repeat: no-repeat;
	border-color: #9da1a2;
  	border-width: 2px;
  	border-style: solid;  
  	margin: 0;
	margin-left:20px;
	width:197px;
}

* html .sidenav {border-width: 2px;b\order-width: 2.4px;}

.tops{
  	background-image:url(../images/top_box.jpg);
	position:absolute;
	margin-top:-2em;
	margin-left:-.01em;
	height:30px;	
}

.side{
  	background-image:url(../images/box.jpg);
	height:85px;	
	margin-top:.4em;
}
 html .side {padding:-10px; p\adding:-10px;height:90px;h\eight:95px;}

.side_text{
  	background-image:url(../images/box.jpg);
	margin-top:-.1em;
	padding-left:3px;
	padding-top:3px;
	width:194px;
	height:125px;
	font : 9pt Arial,geneva,helvetica;
}

.sidenav a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#839637;
	text-decoration:none;
}

.sidenav a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#990000;
	text-decoration:underline;
}

.sidearrow {
	align:middle; 
	width:9px; 
	height:17px;
}

.left_sidenav_image {
	width:120px; 
	float:left;
}

.right_sidenav_link {
	float:left;
}

.click_here_sidenav { 
	float:right;
	margin-right:4px;
	
}

.click_here_sidenav a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#839637;
	text-decoration:none;
}


.click_here_sidenav a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#990000;
	text-decoration:underline;
}

.sideagent {
	margin-top:10px;
	float:left;
}
* html .sideagent {margin-top:24px; m\argin-top:19px;}

.sideemployer {
	margin-top:18px;
	float:left;
	margin-left:-.9px;
}
* html .sideemployer {margin-top:27px; m\argin-top:23px;}

.sideindi_pic {
	position:absolute;
	margin-left:-2px;
	margin-top:-3px;
}
* html .sideindi_pic {margin-top:-3.5px;m\argin-top:-3px;margin-left:-2px;m\argin-left:-2px;}

.sideemp_pic {
	position:absolute;
	margin-left:1.4px;
	margin-top:2px;
}
* html .sideemp_pic {margin-top:-8px;m\argin-top:-9px;margin-left:1.4px;m\argin-left:.4px;}

.spacer {
	height:4px;
}

* html .spacer {margin-top:-15px; m\argin-top:-5px;}
/*end side nav*/

/*row formatting*/
.row {
  padding-top: 5px;
  display:block; 
  overflow:visible;
  position:relative; 
  font : 9pt Arial,geneva,helvetica;
  color:#2c4570;
}

.row_foo {
  	padding-top: 5px;
  	display:block; 
  	overflow:visible;
  	position:relative; 
  	font : 9pt Arial,geneva,helvetica;
  	color:#2c4570;
	width:450px;
}

.foo {
	float:left;width:45%;
}

.col_1 {
	width:240px; 
  	position:absolute; 
	left: 0;
	margin: 1% 1% 0 10px;
}
.col_2 {
	width:200px; 
	position:absolute;
	left: 275px;
	margin: 1% 0 0 1%;
}

.col_3 {
	width:150px; 
	position:absolute;
	left: 170px;
}

.col_4{
	width:230px; 
	position:absolute;
	left: 480px;
	margin: 1% 1% 0 0;
	
}

.col_5 {
	width:250px; 
	position:absolute;
	left: 710px;
	margin: 1% 0 0 1%;
}

.association_l { position: absolute; left: 0; width:450px; margin: 1% 1% 0 0; }

.association_m { position: absolute; left:460px;  width:150px; margin-top: 1%; }

.association_r { position: absolute; left: 650px; width:150px; margin: 1% 0 0 1%; }

.promo_1 {
	width:70px; 
  	position:absolute; 
	left: 0;
	margin: 1% 1% 0 0;
}
.promo_2 {
	width:400px; 
	position:absolute;
	left: 90px;
	margin: 40px 0 0 1%;
	vertical-align:text-bottom;
}
/*end row formatting*/

/*footer*/
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size:10px;
	color:#9c9fa4; 
	font-weight:bold;
	text-align:center;
	padding:0 13px 0 13px;
	clear: both;
}
/*end footer*/

/*bottom index table */
/*#newsletter_numbers {
	padding:0px;
	float:left;	
	margin-left:.9em;
	background:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;
	color:#839637;
	text-decoration:none;
}*/

.index_left {
	float:left;
	left: 0; 
	width:50%;
	padding-right:20px;
  	margin-top : 10px;
 	color : #000000;
}

*html .index_left{width:55%;w\idth:45%;}
	
.index_right {
	float:right;
	margin-top: 10px;
	left:50%;
  	color : #000000;
}

/*contact page*/
div.link-list {
    padding-left:1%;
    padding-right:1%;
    margin-left:0;
    margin-right:0;
    position:absolute;
	font : 9pt Arial,geneva,helvetica;
}

.email {
    width:250px;
	margin-left:200px;
    margin-right:.5em;
    padding-left:1em;
    padding-right:1em;	
	font : 9pt Arial,geneva,helvetica;
}

.name {
        left:1em;
		width:300px;
}
.phone {
        left:450px;
		width:200px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #phone {left:460px; l/eft:449px;}

/*end three-column layout for tables */

/*for contact page*/
#address{
	left:58em;
	width:200px;
    position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

a.bios:link {
	color: #1D5C8A;
	font-weight:bold;
	text-decoration: none;
}
a.bios:visited {
	color: #196BA5;
	font-weight:bold;
	text-decoration: none;
}
a.bios:hover {
	color:#5d91c3;
	font-weight:bold;
	text-decoration: none;
}
a.bios:active {
	color: #5d91c3;
	font-weight:bold;
	text-decoration: none;
}

.bio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
	line-height: 14px;
}

.window {
	position: absolute;
	text-align: left;
}

.bodyFrame {
	position:absolute;
}

/*bios pop ups*/
.titlebar {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding-left: 25px;
	position: absolute;
}

.clientFrame {
	position:absolute;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
/*end bio pop ups*/

/*newsletter page*/
#volume{
	left:2em;
	width:170px;
    position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:2em;
}

#articles {	
	margin-left:13em;
}
/*end newsletter*/


#continue a:link,
#continue a:visited
{
display: block;
font-size: 13px;
text-decoration: none;
color: #f8f8ff;
background: #014478;
padding: 2px;
}

#continue a:hover
{
background: #990000;
}

#continue a:active
{
background: #014478;
}

.mC {width:150px; margin:.5px; float:left;margin-top:10px;}
.mC h4 {cursor:pointer; font-weight:bold; border-top:1px solid #300;}
.mC ul {display:none; margin-left:0; margin-bottom:10px; padding-left:0; list-style: none;}
.mC li {margin-left:0; display:block;}