/* Main navigation block element */
.navigation{
	width:958px;
	height:37px;
	display:block;
	padding:0;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #00023B;
	border-right-color: #00023B;
	border-bottom-color: #00023B;
	border-left-color: #00023B;
}

.navigation > ul{list-style:inside none; padding:0; margin:0;}
.navigation > ul > li{list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}

/* Styling navigation links */
.navigation > ul > li > a{
outline:none;
display:block;
position:relative;
padding:12px 20px;
font:bold 13px/100% Arial, Helvetica, sans-serif;
text-align:center;
text-decoration:none;
text-shadow:1px 1px 0 rgba(0,0,0, 0.4);
}

.navigation > ul > li:first-child > a{
	border-radius:0;
}

/* Bagde style */
.navigation > ul > li > a span{
	position:absolute;
	top:-8px;
	right:10px;
	padding:1px 5px;
	font-size:8pt;
	color:#fff;
	border-radius:3px;
	background-color: #00023B;
}

/* Extra border for navigation links */
.navigation > ul > li > a:after{
	content:"";
	position:absolute;
	top:-1px;
	bottom:-1px;
	right:-2px;
	z-index:99;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #00023B;
}
.navigation ul li.drop:hover > a:after{top:0; bottom:0;}

/* Bullet for dropdowns */
.navigation > ul > li.drop > a:before{
content:"";
position:absolute; top:18px; right:6px;
border:5px solid transparent;
border-top:5px solid #fff;
}
.navigation > ul > li.drop:hover > a:before{top:19px;}

/* Hover state styles for drop menu link */
.navigation ul li.drop:hover > a{
	background:#00023B;
	border-color:#00023D;
	padding-bottom:13px;
	padding-top:13px;
	top:-1px;
	z-index:999;
}

/* Show dropdown when hover */
.navigation ul li.drop:hover > ul, .navigation ul li.drop:hover > div{display:block;}
.navigation ul li.drop > a:hover{
	border-color:#00023D;
	background-color: #00023B;
}

/* Dropdown styles */
.navigation ul li > ul, .navigation ul li > div{
	display:none;
	width:auto;
	position:absolute;
	top:38px;
	padding:10px 0;
	border-radius:0 0 5px 5px;
	z-index:999;
	background-color: #EDEDED;
}

/* Dropdown list style */
.navigation ul li > ul{width:200px;}
.navigation ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
.navigation ul li > ul li a{
	outline:none;
	display:block;
	position:relative;
	margin:0;
	padding:8px 20px;
	font:10pt Arial, Helvetica, sans-serif;
	color:#00023B;
	text-decoration:none;
	text-shadow:1px 1px 0 rgba(0,0,0, 0.5);
}

/* Dropdown box styles */
.navigation ul li > div{width:auto; padding:20px;}
.navigation ul li > div p{
font:9pt/150% Arial, Helvetica, sans-serif; color:#fff;
text-align:justify;
text-shadow:1px 1px 0 rgba(0,0,0,0.5);
margin:0;
}

.navigation ul li > div h1{
position:relative;
margin:0 0 12px 0;
padding-bottom:10px;
border-bottom:1px solid #222;
font:bold 13pt Arial, Helvetica, sans-serif; color:#bbb;
text-shadow:1px 1px 0 rgba(0,0,0,0.5);
}
.navigation ul li > div h1:after{
content:"";
height:0; padding:0;
position:absolute; bottom:-2px; left:0; right:0;
border-bottom:1px solid #555;
}

/* Column styles */
.navigation ul li > div .column{float:left; width:100px; margin-left:20px;}
.navigation ul li > div h1 + .column{margin:0px;}

/* Column title style */
.navigation ul li > div .column h2{
padding:0; margin:0 0 12px 0;
font:bold 10pt Arial,sans-serif; color:#fff;
text-shadow:1px 1px 0 rgba(0,0,0,0.5);
}

/* Column List styles */
.navigation ul li > div .column ul{padding:0; margin:0; list-style:inside none;}
.navigation ul li > div .column ul li{font:9pt/140% Arial, Helvetica, sans-serif; color:#bbb; margin:2px;}
.navigation ul li > div .column ul li a{color:#bbb; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0,0.5);}
.navigation ul li > div .column ul li a:hover{text-decoration:; color:#fff;}

.navigation ul li.col-2 > div{width:220px;}
.navigation ul li.col-3 > div{width:340px;}
.navigation ul li.col-4 > div{width:460px;}
.navigation ul li.col-5 > div{width:580px;}


/* Dropdown direction styles (.left or .right) */
.navigation ul li.left > ul, .navigation ul li.left > div{left:0px;}
.navigation ul li.right > ul, .navigation ul li.right > div{right:0px;}


/* Login drop down box */
.navigation ul li.login div{width:200px;}
.navigation ul li.login div label{display:block; font:9pt Arial, Helvetica, sans-serif; color:#fff;
font:bold 8pt Arial, Helvetica, sans-serif; margin:0 0 2px 2px; text-shadow:1px 1px 0 rgba(0,0,0, 0.5);
}

.navigation ul li.login div input[type=text], .navigation ul li.login div input[type=password]{
font:8pt Arial, Helvetica, sans-serif; color:#555;
border:1px solid #000;
background:#fff;
padding:5px;
width:188px;
margin:0 0 10px 0;
box-shadow:2px 2px 5px #aaa inset;
outline:none;
}

.navigation ul li.login div input[type=button], .navigation ul li.login div input[type=submit]{
font:bold 8pt Arial, Helvetica, sans-serif; color:#fff;
padding:4px 10px;
background:#000;
border:1px solid #000;
border-radius:5px;
box-shadow:0 1px 0 rgba(255,255,255, 0.3) inset;
cursor:pointer;
}

/* ---------------- Styles ----------------- */



/* Green-dark */
.green-dark, .green-dark > ul > li > ul > li a:hover{
	background-image: url(images/menubar.jpg);
	background-position: top;
}
.green-dark{
	border-top-color: #00023B;
	border-right-color: #00023B;
	border-bottom-color: #00023B;
	border-left-color: #00023B;
}
.green-dark > ul > li > a{border-right:1px solid #00023B; color:#fff;}
.green-dark > ul > li > a:after{
	border-top-color: #00023B;
	border-right-color: #00023B;
	border-bottom-color: #00023B;
	border-left-color: #00023B;
}
.green-dark > ul > li > a:hover{
	background-color: #00023B;
	background-image: url(images/menubar-over.jpg);
}