﻿
#header {
	width:996px;
	height:126px;
	float:left;
	display:inline;
	background-image: url('/images/header-bg.jpg');
	background-repeat: no-repeat;
}
#admin-header {
	width:996px;
	float:left;
	display:inline;
	background-image: url('/images/admin-header-bg.jpg');
	background-repeat: no-repeat;
	background-position:bottom left;
}
#admin-header #logo
{
    margin:10px 0 0 30px;
    float:left;   
}
#header-page #nav-skin
{
    /*margin:18px 0 0 0;*/
}
#admin-header div.admin-login
{
    margin:50px 30px 0 0;   
}


#header-page {
	width:996px;
	height:126px;
	float:left;
	display:inline;
	background-image: url('/images/header-bg-page.jpg');
	background-repeat: no-repeat;
	position:relative;
}

#breadcrumbs {margin-left:30px;height:30px; line-height:30px; overflow:auto; font-weight:bold;}
#breadcrumbs ul, #breadcrumbs li {list-style-type:none; padding:0; margin:0;}
#breadcrumbs li {font-size:90%; float:left;display:inline; padding-left:0px;}
#breadcrumbs li a {padding:0 0 2px 16px; background:transparent url('/images/breadcrumbs-spacer.gif') no-repeat left center;}
#breadcrumbs li a:link, #breadcrumbs li a:visited {text-decoration:none; color:#0377A8; }
#breadcrumbs li a:hover, #breadcrumbs li a:focus {text-decoration:underline; color:#D27017; }
#breadcrumbs li, #breadcrumbs li h1 {color:#D27017;}
#breadcrumbs li span{padding:0 0 0 16px; background:transparent url('/images/breadcrumbs-spacer.gif') no-repeat left center;}
#breadcrumbs li.first a{padding:0; background:none;}

#logo {
	width:175px;
	height:75px;
	margin-top:0px;
	margin-left:30px;
	float:left;
	display:inline;
}

#nav-skin {
	position:relative;
	float:right;
	top:0;
}

.admin-wrapper
{
    clear:both; width:100%; float:left;   
}
div.admin-nav
{
    float:right;
    position:relative;
    z-index:0;
    padding:0 30px 0 0;
    font-size:110%;
    margin:12px 0 0 0;
    clear:both;
}

div.front-nav{
    float:right;
    position:relative;
    z-index:0;
    right:0;
    display:inline;
    bottom:0;
    padding:0 30px 0 0;
    font-size:110%;
    margin:67px 0 0 0;
}
div#nav ul{
    list-style-type:none;
    margin:0;
    padding:0;
    float:left;
    position:relative;
}
div#nav ul li{
    float:left;
    background-image:url('/images/nav-border-line.gif');
    background-position:bottom right;
    background-repeat:no-repeat;
    position:relative;
}
div#nav ul li.active
{
    background-image: url('/images/nav-hover-bg.jpg') !important;
	background-repeat: repeat-x  !important;
	background-position: bottom left !important;
}
div#nav ul li a
{
    color:#0078ae;
    font-weight:bold;
    text-decoration:none;
    display:block;
    padding: 5px 10px 10px 10px;
    background-image:url('/images/transparent.gif');
}
div#nav ul li a strong
{
    color:#0078ae;
}
div#nav ul li a:hover
{
    color:#D27017;
    text-decoration:none;
}
div#nav ul li a:hover strong
{
    color:#ffffff;
    text-decoration:none;
}
div#nav ul li a.active
{
    color:#0377A8;
	background-image: url('/images/nav-hover-bg.jpg') !important;
	background-repeat: repeat-x  !important;
	background-position: bottom left !important;
}
div#nav ul li a.inactive-with-sub-nav
{
    background-image: url('/images/nav-bullet.png');
    background-position:right;
    background-repeat:no-repeat;
    padding: 5px 27px 10px 10px;
}
div#nav ul li a.active-with-sub-nav
{
    background-image: url('/images/nav-bullet-down.png');
    background-position:right;
    background-repeat:no-repeat;
    padding: 5px 27px 10px 10px;
}

/* SUB NAV MENU */

div#nav div.sub-items-wrapper{
    clear:both;
    position:absolute;
    z-index:100;
    float:left; 
    right:-7px;  
    display:none;  
}
div#nav div.sub-items-wrapper div{
    float:left;
    margin:0 7px 0 0;
    display:inline;
}
div#nav div.sub-items-wrapper div div{
    border:0;
    margin:0 0 7px 0;
    background-image:url('/images/nav-non-transparent-bg.gif');
    background-repeat:repeat;
}

div#nav div.sub-items-transparency
{
    background-image:url('/images/menu-right-bg.png');
    background-position:bottom right;
    background-repeat:no-repeat;
}
div#nav div.sub-items-transparency div
{
    background-image:url('/images/menu-bottom-bg.png');
    background-position:right bottom;
    background-repeat:repeat-x;
}
div#header-page div#nav div.sub-items-transparency div div,
div#header div#nav div.sub-items-transparency div div
{
     background-image:url('/images/nav-transparent-bg.png');
     background-repeat:repeat;
}



div#nav ul ul{
    
    float:left;
    width:170px;
}
div#nav ul ul li{
    float:left;
    width:100%;
    background-image:none;
}
div#nav ul ul li a{
    float:left;
    padding:8px 10px;
    width:150px;
    color:#0078b5;
    text-decoration:none;
    font-weight:normal;
}
div#nav ul ul li a:hover{
    background-color:#0078b5;
    color:#ffffff;
}

a.skip-content
{
    display:block; position:absolute; left:-999em;
}
