/* 08.16.2007 Default GENERIC PRELOGIN background for left column */
#leftcolumnbox2 {
	vertical-align: top; 
	background-color: #E2E0D8;
	width: 130px; /*increased width from 133 from old purple nav */
	padding: 0px;
	border-bottom: 1px solid #E2E0D8;
	}

#navcontainer { 
margin-left: 0px; 

}

#navcontainer ul { 
margin: 0; 
padding: 0; 
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;  
}

#navcontainer li { 
/* margin: 0 0 1px 0; */
border-bottom: 1px #fff solid;

}

#navcontainer a
{
display: block;
padding: 5px 0px 5px 5px;
width: 130px;
color: #002F5D;
background-color: #E2E0D8;
text-decoration: none;
font-weight: bold;
}

#navcontainer a:hover
{
color: #002F5D;
background-color: #fff;
text-decoration: none;
}

/* Active header */
#navcontainer li a#current {
color: #ffffff; /*B47020*/
background-color:#B47020;
font-weight:bold;
 }
 
/* Active subheader -- would defeat point of nav includes, so did not use */
/* #navcontainer li li a#subcurrent {
color: #002F5D; 
background-color: #fff;} */

/* SUB NAVIGATION FOR LEFT NAV  */
#navcontainer ul ul li { 
/* margin: 0 0 1px 0; */
font-weight: bold; 
}

#navcontainer ul ul a
{
display: block;
padding: 5px 0px 5px 5px;
width: 130px;
color: #002F5D;
background-color: #EFEFE4;
text-decoration: none;
font-weight: normal;

}

#navcontainer ul ul a:hover
{
color: #000000;
background-color: #fff;
text-decoration:none;
}







/* TOP BANNER TABS General Use (see below for wider tabs */

/* Styles/positions the UL BLOCK element which contains all the tab list items */
#topnav ul {
float: left; margin: 20px 0 0 20px; padding: 0px;
}

/* Styles/positions the LI (list items) in relation to each other in the Unordered List block */
#topnav ul li {
float: left; margin: 0px; padding: 0px; list-style-type: none; display: inline; 
}

/* Styles the list item LINKs in the tab */
#topnav ul li a:link, #topnav ul li a:visited {
color: #002f5d; background-color: #EAEAEA; font-weight:bold; text-decoration: none; 
display: block; width:70px;
border-top: solid #002f5d 0px; border-left: solid #002f5d 0px; border-right: solid #002f5d 0px; border-bottom: solid #002f5d 0px;
margin-left: 0px; margin-right: 3px;
padding-top: 3px; padding-left: 5px; padding-bottom: 3px; padding-right:8px; }


/* Styles the a/links in the list elements (tabs): hover state only */
#topnav ul li a:hover {
color: #ffffff; background-color: #002f5d; text-decoration: none; border-bottom: solid #002f5d 1px;
}

/* Styles the a/links in the list elements (tabs): current state only */
#topnav ul li a#current {
color: #ffffff; background:#002f5d; text-decoration: none; border-bottom: solid #002f5d 1px;
}


/* TOP BANNER - POSITION/STYLES LINKS ON RIGHT */

div#topnav p {
margin-top:5px; margin-right:3px; float:right; font-weight:400; text-align:right; 
}


/* -----------------------------------------  AGENT ONLY -- TOP BANNER TABS/IMAGE POSITIONING  */

/* Agent top banner- controls the positioning of the logo in relation to the tabs  */
div#agenttabs img{
float: left; width: 143px; height: 40px; margin-top:3px;
}

/* Agent Top Banner - positions utility links on the right */
div#agenttabs p {
margin-top:5px; margin-right:3px; float:right; font-weight:400; text-align:right; }


/* Agent div - tab container  */
div#agenttabs {
float: left; width: 740px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; 
}

/* Agent UL style - positions the UL BLOCK element which contains all the tab list items */
#agenttabs ul {
float: left; margin: 20px 0 0 7px; padding: 0px;
}

/* Agent UL and LI combo - positions the LI (list items) in relation to each other in the TAB List block (UL)  */
#agenttabs ul li {
float: left; margin: 0px; padding: 0px; list-style-type: none; display: inline; 
margin-left: 1px;
margin-right: 1px;
}

/* Agent LI styles: controls the style for each list item-active link-tab  */
#agenttabs ul li a:link, #agenttabs ul li a:visited {
color: #002f5d; background-color: #EAEAEA; font-weight:bold; text-decoration: none; text-align:center;
display: block; width:80px;
border-top: solid #002f5d 0px; border-left: solid #002f5d 0px; border-right: solid #002f5d 0px; border-bottom: solid #002f5d 0px; margin-left: 0px; margin-right: 3px;
padding-top: 3px; padding-left: 3px; padding-bottom: 3px; padding-right:8px; }


/* Agent style for the a/links in the list elements (tabs): hover state only */
#agenttabs ul li a:hover {
color: #ffffff; background-color: #002f5d; text-decoration: none; border-bottom: solid #002f5d 1px;
}

/* Agent style for the a/links in the list elements (tabs): current state only */
#agenttabs ul li a#current {
color: #ffffff; background:#002f5d; text-decoration: none; border-bottom: solid #002f5d 1px;
}


/* -----------------------------------------  END AGENT ONLY -- TOP BANNER TABS  */






/* WIDER TABS IN BANNER */

/* change div topnav to topnavwide */
div#topnavwide {
float: left; width: 740px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; /*text-align: center;*/
}

/* TOP BANNER - IMAGE (LOGO)  cnage topnav to topnavwide */
div#topnavwide img{
float: left; width: 143px; height: 40px; margin-top:3px;
}

/* TOP BANNER - POSITION/STYLES LINKS ON RIGHT */

div#topnavwide p {
margin-top:5px; margin-right:3px; float:right; font-weight:400; text-align:right; 
}

/* Styles/positions the UL BLOCK element which contains all the tab list items */
#topnavwide ul {
float: left; margin: 20px 0 0 20px; padding: 0px;
}

/* Styles/positions the LI (list items) in relation to each other in the Unordered List block */
#topnavwide ul li {
float: left; margin: 0px; padding: 0px; list-style-type: none; display: inline; 
}

/* Styles the list item LINKs in the tab */
#topnavwide ul li a:link, #topnavwide ul li a:visited {
color: #002f5d; background-color: #EAEAEA; font-weight:bold; text-decoration: none; display: block; width:80px;
border-top: solid #002f5d 0px; border-left: solid #002f5d 0px; border-right: solid #002f5d 0px; border-bottom: solid #002f5d 0px;
margin-left: 0px; margin-right: 3px;
padding-top: 3px; padding-left: 5px; padding-bottom: 3px; padding-right:8px; }


/* Styles the a/links in the list elements (tabs): hover state only */
#topnavwide ul li a:hover {
color: #ffffff; background-color: #002f5d; text-decoration: none; border-bottom: solid #002f5d 1px;
}

/* Styles the a/links in the list elements (tabs): current state only */
#topnavwide ul li a#current {
color: #ffffff; background:#002f5d; text-decoration: none; border-bottom: solid #002f5d 1px;
}


/*  --------------------------------------------------------------- USED IN: LOOKING  */

#lookingnav {
padding: 0;
width: 100%;
/* background: transparent; */
voice-family: "\"}\"";
voice-family: inherit;
margin:0 0;
margin-top:10px;
}

#lookingnav ul
{
margin: 0;
float: left;
font: bold 11px Verdana;
list-style: none;
diplay:block;
background-color: #5781AE;
color: #FFF;
padding: 0;
width: 100%;
border-top-color:#fff;
border-top: 1px solid;
margin-bottom:-1px;
}
#lookingnav li { 
display: inline;


}

/* a is the link hover state */
#lookingnav li a {
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
padding: 5px 11px;
background-color: #5781AE; /* color theme*/ 
border-left: 1px solid #fff;
margin-bottom:-1px;
border-right:1px soldi #fff;
}

#lookingnav li a:hover
{
color: #fff;
text-decoration:none;
background-color:#AC703D;
border-left: 1px solid #fff;

}


#lookingnav #current a{ /*currently selected tab*/
background-color: #002f5d; /* color theme*/ 
color: white;
border-color: #002f5d;
border-top:2px;
border-left-color:fff;
border-top-color:#002f5d;
border-right:1px soldi #fff;
margin: -1px -1px 1px 0px;
}

/*  ------------------------------------------------ horizontal navigation - below banner line  */

#horizontalnav {
padding: 0;
width: 100%;
/* background: transparent; */
voice-family: "\"}\"";
voice-family: inherit;
margin:0 0;
margin-top:10px;
}

#horizontalnav ul
{
margin: 0;
float: left;
font: bold 11px Verdana;
list-style: none;
diplay:block;
background-color: #5781AE;
color: #FFF;
padding: 0;
width: 100%;
border-top-color:#fff;
border-top: 1px solid;
margin-bottom:-1px;
}
#horizontalnav li { 
display: inline;


}

/* a is the link hover state */
#horizontalnav li a {
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
padding: 5px 11px;
background-color: #5781AE; /* color theme*/ 
border-left: 1px solid #fff;
margin-bottom:-1px;
border-right:1px soldi #fff;
}

#horizontalnav li a:hover
{
color: #fff;
text-decoration:none;
background-color:#AC703D;
border-left: 1px solid #fff;

}


#horizontalnav #current a{ /*currently selected tab*/
background-color: #002f5d; /* color theme*/ 
color: white;
border-color: #002f5d;
border-top:2px;
border-left-color:fff;
border-top-color:#002f5d;
border-right:1px soldi #fff;
margin: -1px -1px 1px 0px;
}



/* Wide TABS FOR BANNER USED INT THE STATE WEB area fits four tabs to a page, and more space between tabs */

div#topnavspaced {
float: left; width: 740px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; /*text-align: center;*/
}

/* TOP BANNER - IMAGE (LOGO)  */
div#topnavspaced img{
float: left; width: 143px; height: 40px; margin-top:3px;
}

/* TOP BANNER - POSITION/STYLES LINKS ON RIGHT */

div#topnavspaced p {
margin-top:5px; margin-right:3px; float:right; font-weight:400; text-align:right; 
}

/* Styles/positions the UL BLOCK element which contains all the tab list items */
div#topnavspaced ul {
float: left; margin: 20px 0 0 30px; padding: 0px;
}

/* Styles/positions the LI (list items) in relation to each other in the Unordered List block */
div#topnavspaced ul li {
float: left; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; list-style-type: none; display: inline; 
}

/* Styles the list item LINKs in the tab */
div#topnavspaced ul li a:link, div#topnavspaced ul li a:visited {
color: #002F5D; background-color: #E4DFD6; font-weight:bold; text-decoration: none; display: block; width:90px;
border-top: solid #002f5d 0px; border-left: solid #002f5d 0px; border-right: solid #002f5d 0px; border-bottom: solid #002f5d 0px;
margin-left: 0px; margin-right: 3px;
padding-top: 3px; padding-left: 5px; padding-bottom: 3px; padding-right:8px; }


/* Styles the a/links in the list elements (tabs): hover state only */
div#topnavspaced ul li a:hover {
color: #ffffff; background-color: #002f5d; text-decoration: none; border-bottom: solid #002f5d 1px;
}

/* Styles the a/links in the list elements (tabs): current state only */
div#topnavspaced ul li a#current {
color: #ffffff; background:#002f5d; text-decoration: none; border-bottom: solid #002f5d 1px;
}


/* STYLE FOR LEFT NAV MEMBER MENUS BEGINS */

/* 08.16.2007 Default GENERIC PRELOGIN background for left column- bluish purple background: solid no image - 
replaces leftcolumnboxmember style */
#leftcolumnbox {
	vertical-align: top; 
	background-color: #E2E0D8;
	width: 130px; /*increased width from 133 from old purple nav */
	padding: 0px;
	border-top: 1px solid #E2E0D8;

	/*
	vertical-align: top; 
	background-color: #8E97BC;
	width: 133px;
	padding: 0px;
	*/
	}
	
/* STYLES THE LEFT COLUMN FOR THE NEW PRE AND POST LOGIN REFRESH AREAS */
#leftcolprelogin { 
	vertical-align: top; 
	background-color: #8E97BC;
	width: 133px;
	padding: 0px;
	}

#leftcolpostlogin { 
	vertical-align: top; 
	background-color: #002f5d;
	width: 133px;
	padding: 0px;
	}

/* these are used in the postlogin left nav, swap out with newwer versions for Nov 15 
<td id="leftcolumnboxmember2"><div class="cornerwelcome2"> <td id="activeheader"> */

.welcomebox {
	width: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	/*color:#002f5d;*/
	text-decoration: none;
	padding: 3px;
	border: solid #002f5d;
	border-width: 1px;
	/*background-color: #CCCEDC;*/
	background-color: #ffffff;
  }

.cornerwelcome2 {
	color: #ffffff;
	font-size: 12px;
	font-weight:bold
	}
	
.cornerwelcome2 a:link {font-size:12px;font-weight:normal;color:#ffffff;text-decoration:none}
.cornerwelcome2 a:visited {font-size:12px;font-weight:normal;color:#ffffff;text-decoration:none}
.cornerwelcome2 a:hover {font-size:12px;font-weight:normal;color:#8E97BC;text-decoration:none}
.cornerwelcome2 a:active {font-size:12px;font-weight:normal;color:#ffffff;text-decoration:none}
/* replace these
<td id="leftcolumnboxmember2"><div class="cornerwelcome2"> <td id="activeheader"> with the following Nov 15 
#leftcolpostlogin loginwelcome activeheader
*/ 
.loginwelcome { color: #ffffff; font-size: 12px; font-weight:bold;}
.loginwelcome a:link {font-size:12px;font-weight:normal;color:#ffffff;text-decoration:none;}
.loginwelcome a:visited {font-size:12px;font-weight:normal;color:#ffffff;text-decoration:none;}
.loginwelcome a:hover {font-size:12px;font-weight:normal;color:#8E97BC;text-decoration:none;}
.loginwelcome a:active {font-size:12px;font-weight:normal;color:#ffffff;text-decoration:none;}



/* LEFT NAV: MENU LINKS ON PERIWINKLE BLUE 8E97BC, BOLD WHITE LINKS, ON PERIWINKLE BACKGROUND -- USED IN PRELOGIN AREAS */

#menu_header div 
{color:#ffffff; margin-left:0; padding-left: 0; margin-top:0; list-style-type: none; font-family: Verdana, Arial, Helvetica,  sans-serif; font-weight:bold}

#menu_header ul 
{color:#ffffff; margin-left:0; padding-left: 0; margin-top:0; list-style-type: none; font-family: Verdana, Arial, Helvetica,  sans-serif; font-weight:bold;}

#menu_header a 
{color:#ffffff; display: block; width: 130px; background-color: #8E97BC; font-weight:bold; ; font-size:11px;text-decoration:none; padding-top:5px; padding-bottom:5px; padding-left:3px; background-image: url(../css/menu_header_closed.gif); background-position:top; background-repeat:no-repeat;}

#menu_header a:link, #menu_list a:visited 
{color: #ffffff; text-decoration: none; font-weight:bold; padding-left:3px;}

#menu_header a:hover 
{background-color: #8E97BC; color: #002f5d; font-weight:bold; text-decoration:none; padding-left:3px;}


/* LEFT NAV: Post-login links with dividers background-color: #8E97BC */

#postloginmenu div 
{color:#ffffff; margin-left:0; padding-left: 0; margin-top:0; list-style-type: none; font-family: Verdana, Arial, Helvetica,  sans-serif; font-weight:bold}

#postloginmenu ul 
{color:#ffffff; margin-left:0; padding-left: 0; margin-top:0; list-style-type: none; font-family: Verdana, Arial, Helvetica,  sans-serif; font-weight:bold;}

#postloginmenu a 
{color:#ffffff; display: block; width: 130px; background-color: #8E97BC; font-weight:bold; ; font-size:11px;text-decoration:none; padding-top:5px; padding-bottom:5px; padding-left:3px; background-image: url(../css/menu_header_closed.gif); background-position:top; background-repeat:no-repeat;}

#postloginmenu a:link, #menu_list a:visited 
{color: #ffffff; text-decoration: none; font-weight:bold; padding-left:3px;}

#postloginmenu a:hover 
{background-color: #8E97BC; color: #002f5d; font-weight:bold; text-decoration:none; padding-left:3px;}


/* LEFT NAV STYLES FOR SUBLINKS AND POST-LOGIN MENU LINKS - PLAIN WHITE ON NAVY 002f5d */
#leftnav_links ul { margin-left: 0; margin-top:0; list-style-type: none; font-family: Arial, Helvetica,  sans-serif; font-weight:normal; background-color:#002f5d; padding-left:3px;}

#leftnav_links a 
{color:#ffffff; background-color: #002f5d; font-weight:normal; background-image:url(../css/menu_link_bkgrnd.gif); background-position:bottom; background-repeat:no-repeat;}

#leftnav_links a:link, #leftnav_links a:visited 
{color: #ffffff; text-decoration: none; font-weight:normal; background-color: #002f5d; background-image url(../css/menu_link_bkgrnd.gif); background-position:bottom; background-repeat:no-repeat;}

#leftnav_links a:hover {background-color: #002f5d; color: #fff; font-weight:normal; text-decoration: underline; background-image url(../css/menu_link_bkgrnd.gif); background-position:bottom; background-repeat:no-repeat;}
	
	

/* THESE ARE THE MENU HEADERS IN LEFT NAV: WHITE LETTERS, ON NAVY BACKGROUND -- ONLY WHEN THERE ARE SUB LINKS!!  */

/* Style for ACTIVE (open) Menu Header  */
#activeheader 
{color:#ffffff; background-color:#002f5d; margin-top:5px; margin-bottom:5px; } 

#activeheader a 
{color:#ffffff; background-color:#002f5d; padding-top:5px; padding-bottom:5px; } 

#activeheader a:link, #activeheader a:visited
{color:#ffffff; background-color:#002f5d; padding-top:5px; padding-bottom:5px; } 

#activeheader a:hover 
{color:#ffffff; background-color:#002f5d; padding-top:5px; padding-bottom:5px; }


/* TOP EPIC BANNER - IMAGE (EPIC LOGO)  */
div#topepicnav img{
float: left; width: 284px; height: 40px; margin-top:3px;
}
/* TOP EPIC BANNER - POSITION/STYLES EPIC LINKS ON RIGHT */
div#topepicnav p {
margin-top:5px; margin-right:3px; float:right; font-weight:400; text-align:right; 
}



/* PHASE OUT: used in old menu lists and W3s - Replace with styles above, as needed */

.pviimenudiv td {color:#ffffff}
.pviimenudiv p {color:#ffffff}
.pviimenudiv b {color:#ffffff}
.pviimenudiv a:link {font-weight:normal;color:#ffffff;text-decoration:none}
.pviimenudiv a:visited {font-weight:normal;color:#ffffff;text-decoration:none}
.pviimenudiv a:hover {font-weight:normal;color:#ffffff;text-decoration:underline}
.pviimenudiv a:active {font-weight:normal;color:#ffffff;text-decoration:none}

.menulinks a:link {font-weight:bold;color:#ffffff;text-decoration:none;}
.menulinks a:visited {font-weight:bold;color:#ffffff;text-decoration:none}
.menulinks a:hover {font-weight:bold;color:#002f5d;text-decoration:none}
.menulinks a:active {font-weight:bold;color:#ffffff;text-decoration:none}

.cornerwelcome {
	margin: 7px;
	color: #ffffff;
	font-size: 12px;
	font-weight:bold
	}
	
.cornerwelcome a:link {font-size:11px;font-weight:bold;color:#ffffff;text-decoration:none}
.cornerwelcome a:visited {font-size:11px;font-weight:bold;color:#ffffff;text-decoration:none}
.cornerwelcome a:hover {font-size:11px;ont-weight:bold;color:#002f5d;text-decoration:none}
.cornerwelcome a:active {font-size:11px;font-weight:bold;color:#ffffff;text-decoration:none}