/* multco Header style sheet  - CDB 08 2008
updated - JLPJR 06.01.2009 */

div.navbar
{
background-color: #cacbce !important;
background: url(/vgn-ext-templating/images/nav_bg_repeat.gif) repeat-x;
margin: 0 auto;
/*margin-bottom: 8px;*/
text-align: center;
width: 100%;
clear: both;
overflow: visible;
}

div.navbar div.vbar
{
width: 1px;
height: 36px;
background: url(/vgn-ext-templating/images/vertical_line.png) no-repeat;
float: left;
overflow: hidden;
}

body div.topnav li
{
list-style-type: none;
font-family: trebuchet MS, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
}

/*/////////// navigation block with the link text on the main bar /////////*/
.topnav
{
float: left;
display: block;
z-index: 1000;
}

/*///////////// navigation blocks including dropdowns //////////////////*/
.topnav a
{
padding-right: 14px;
padding-left: 14px;
background: #fff;
cursor: pointer;
background: url(/vgn-ext-templating/images/vertical_line.png) no-repeat;
font-family: trebuchet MS, Arial, Helvetica, sans-serif;
color: #444 !important;
font-weight: bold;
font-size: 13px;
padding-top: 8px;
height: 28px;
text-decoration: none;
display: block;
float: left;
border: 0px;
}

.topnav a:hover
{
background: url(/vgn-ext-templating/images/mouse_over.jpg) no-repeat #5e5e5e top left;
color: #fff !important;
height: 28px !important;
/*height: 36px;*/  /*/// for sabin ///*/
text-decoration: none;
}

.topnav div.arrow 
{
border: 0px;
height: 6px;
width: 8px;
background: url(/vgn-ext-templating/images/arrow.png) no-repeat;
border: 0px;
display: block;
float: left;
margin-top: 15px;
margin-right: 10px;
font-size: 1px;
}


.drpdiv
{
overflow: hidden;
width: 175px;
position: absolute;
margin-top: 36px;
margin-left: 1px;
z-index: 1001;
}

.topnav .drpdiv a
{
float: none;
padding-top: 5px;
display: block;	
font-size: 12px;
font-family: trebuchet MS, Arial, Helvetica, sans-serif;
color: #fff !important;
height: auto;
padding-bottom: 8px;
background-color: #aaa;
}

.topnav .drpdiv a:hover {
color: #fff;
height: auto !important;
text-decoration: none;
background: url(/vgn-ext-templating/images/mouse_over.jpg) no-repeat #5e5e5e top left;
}

.topnav img{
border: 0;
padding-left: 10px;
}

.drpdiv ul
{
padding: 0px;
margin: 0px;
}

.drpdiv ul li
{
list-style-type: none;
padding: 0px;
margin: 0px;
line-height: 120%;
border-bottom: solid #ccc 1px;
text-align: left;
}

.drpdiv ul li.spacer
{
height: 5px;
font-size: 1px;
background: #aaa;
margin: 0px;
padding: 0px;
line-height: 0;
}

.navcenter {
margin-left: auto;
margin-right: auto;
width: 82% !important;
width: 80%;
border-spacing: 0;
text-align: center;
display: inline-block;
}

.leftcorner {
background: url(/vgn-ext-templating/images/corner_left.gif) no-repeat;
float: left;
width: 10px;
height: 36px;
}

.rightcorner {
background: url(/vgn-ext-templating/images/corner_right.gif) no-repeat;
float: right;
width: 10px;
height: 36px;
}

/*//////////////////////////////// Top nav elements ////////////////////////////////////////*/
#multCoLogo {
	float: left;
	width: auto;
	margin: 0 0 30px 6px;
	padding: 0;
}

#skipNav {
	position: absolute;
    right: 23px;
    top: 40px;
	text-decoration: none;
	color: #444 !important;
	font-size: 1em;
}

a#skipNav:hover {
	color: #2971a7 !important;
}

#header #utilities {
    position: absolute !important;
    right: 8px;
    top: 50px;
    /*font-size: 62.5% !important;*/
}

#header #utilities #howMenu, #header #utilities #searchInput {
	padding: 0 1em 0 1em;
	display: inline-block !important;
	border-left: solid #CCC 1px;
}

#header #utilities #howMenu {
	/*float: none !important;*/
	float: left;
	width: auto;
	/*margin: 0 !important;*/
	padding: 7px 0 0 1em;
	margin: 0 1em 0 1em;
}

#header #utilities #howMenu select {
	background-color: #d5d7d9;
	color: #444;
    padding: .1em !important;
}

#header #utilities #searchInput {
	float: left;
	width: auto;
	margin: 0 !important;
}

#header #utilities input {
    padding: 0 !important;
	letter-spacing: .1em;
    color: #2971a7 !important;
}

#header #utilities select, #header #utilities input {
    font-size: 1em !important;
}

#header #utilities #easyButtons {
	display: inline-block;
	margin: 0;
	padding: .5em 1em 0 1em;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

#header #utilities #easyButtons img {
	display: inline-block;
	margin: 0;
	padding: 0 .5em;
}

#header #utilities #print {
	margin: 0;
	padding: 0 .5em 0 0;
}