@charset "utf-8";
/* CSS Document */

.employer { 
	text-align:left; 
	height:20px; 
	font-family:Verdana; 
	font-size: medium; 
	color:#036; 
	font-weight:700; 
	margin:0 1px 0 -6px
}

.subemployer { 
text-align:left; 
height:20px; 
font-family:Verdana;
font-size: small; 
color:#262627; 
font-weight:700; 
margin:0 1px 0 -6px
}

.emptyrow { 
font-size:5px 
}

.contactheaders { 
text-align:left; 
font-size:medium; 
color:#262627; 
font-weight:700; 
padding-bottom:3px; 
margin:0 1px 0 -6px 
}

.contactinfo { 
text-align:left; 
font-family:Verdana; 
font-size:small; 
margin:0 1px 0 -6px;
padding:0 5px 5px 0 
}

.contactinfo ul li {
color:#036;
font-weight:700;
padding-bottom:3px
}

.contactinfo ul li blockquote{
color:#000;
font-weight:400
}

.formlistA {
text-align:left;
font-family: Verdana;
font-size: small;
background-color: #CCC;
margin:0 1px 0 -6px;
padding:2px 2px 2px 5px
}

.formlistB {
text-align:left;
background-color:#FFF;
font-family:Verdana;
font-size:small;
margin:0 1px 0 -6px;
padding:2px 2px 2px 5px
}

#scrollingDiv {
position:absolute;
text-align:left;
width:95%;
background-color:#FFF;
height:65px;
overflow:hidden;
top:0;
left:0;
margin-left:10px
}

#outer {
position:fixed;
margin-top:0;
width:95%;
height:50px;
top:0;
left:0;
background-color:#FFF
}

#main {
margin-top:100px
}

.imglinks {
text-align:center;
text-decoration:none;
width:33%;
border:none
}

.vendor_header {
text-align:left;
font-size: small;
color:#262627;
font-weight:700;
background-color:#CCC;
border-bottom:1px #000 solid;
margin:0 1px 0 -6px;
padding:3px
}

.vendor_body {
text-align:left;
color:#000;
background-color:#FFF;
border-right:1px #000 solid;
margin:0 1px 0 -6px;
padding:3px 1px 1px 3px
}

.vendor_body a {
text-align:left;
color: #19446e;
background-color:#FFF;
text-decoration:none;
margin:0 1px 0 -6px;
padding:3px 1px 1px 3px
}

.vendor_body a:hover {
text-align:left;
color: #6e2323;
background-color:#FFF;
text-decoration:none;
margin:0 1px 0 -6px;
padding:3px 1px 1px 3px
}

.vendor_district {
text-align:center;
height:20px;
font-family:Verdana;
font-size:medium;
color:#036;
font-weight:700;
margin:0 1px 0 -6px
}

.table_bottom {
border-right:1px #000 solid;
border-bottom:1px #000 solid;
font-size:0
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
list-style:none;
margin:0;
padding:0
}

.sf-menu {
line-height:1.0;
float:left;
margin-bottom:1em	
}

.sf-menu ul {	
position:absolute;
top:-999em;
width:9em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width:100%
}

.sf-menu li:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float:left;
position:relative;
background:#BDD2FF;
background-image:url(../Images/MiddleSideBar.jpg);
background-repeat:repeat-y
}	
	
.sf-menu a {
display:block;
position:relative;
border-bottom:1px #858aa3 solid;
border-left:1px #000 solid;
border-right:1px #000 solid;
text-decoration:none;
padding:.75em
}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {
left:0;
top:2.5em; /* match top ul list item height */
z-index:99
}

.sf-menu a,.sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color:#1e3f6c;
font-weight:700;
font-size:8pt
}

.sf-menu li li {
background:#FFF;
background-image:url(../Images/MiddleSideBar.jpg);
background-repeat:repeat-y
}

.sf-menu li li li {
background:#9AAEDB
}

.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active {
background:#CFDEFF;
outline:0
}

.sf-menu a.sf-with-ul {
padding-right: 2.25em;
min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
position:absolute;
display:block;
right:.75em;
top:1.05em; /* IE6 only */
width:10px;
height:10px;
text-indent:-999em;
overflow:hidden;
background:url('../Images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
top:.8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator {
background-position:-10px -100px; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
background:url('../Images/shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0
}

.sf-shadow ul.sf-shadow-off {
background:transparent
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical,.sf-vertical li {
width:9.6em
}

.subemployer a,.contactinfo a,.formlistA a,.formlistB a{
text-decoration:none;
color:#03F
}

.subemployer a:hover,.contactinfo a:hover {
color:#306;
font-weight:700
}

.formlistA a:hover,.formlistB a:hover {
text-decoration:none;
color:#306;
font-weight:bold;
}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
top:-999em
}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul,.sf-vertical li:hover ul,.sf-vertical li.sfHover ul {
left:10em; /* match ul width */
top:0
}

/* point right for anchors in subs */ /* apply hovers to modern browsers */ /*** alter arrow directions ***/
.sf-menu ul .sf-sub-indicator,.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator,.sf-vertical .sf-sub-indicator,.sf-vertical a:focus > .sf-sub-indicator,.sf-vertical a:hover > .sf-sub-indicator,.sf-vertical a:active > .sf-sub-indicator,.sf-vertical li:hover > a > .sf-sub-indicator,.sf-vertical li.sfHover > a > .sf-sub-indicator { 
background-position:  -10px 0
}

.sf-menu ul a > .sf-sub-indicator,.sf-vertical a > .sf-sub-indicator {
background-position:0 0; /* use translucent arrow for modern browsers*/
}