﻿
#header
{
    height:69px;
    background:#88b6d9 url(../img/header_bg.gif) repeat-x scroll left top;
    border-bottom:solid 10px #2e6e9e;
}

/* clear floated elements */
#header:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#header { display:inline-block; }
#header { display:block; }

#header #logo { float:left; margin:15px 0 0 10px; }

#header, #header a { color:#f7f7f7; }
#header a { text-decoration:underline; }
#header a:hover { text-decoration:none; }

#header ul { margin:0; padding:0; text-align:right; list-style-image:none; list-style-position:outside; list-style-type:none; }
#header ul li { display:inline; }

#header ul.links { padding:5px 5px 0 0; margin-right:10px; }
#header ul.links li { border-left:solid 1px #cee1d9; margin:0 0 0 10px; padding:0 0 0 10px; }
#header ul.links li.first { border-left:none; }

#header ul.tabs
{
	font-size:13px;
	position:relative;
	left:30px;
	top:13px;
}

#header ul.tabs li a
{
	background:#fff url(../img/tabs.gif) repeat-x scroll center bottom;
	border-top:1px solid #153646;
	border-right:1px solid #153646;
	border-left:1px solid #153646;
	color:#262c26;
	display:block;
	float:left;
	font-weight:bold;
	line-height:35px;
	margin:0 1px 0 0;
	padding:0 14px;
	opacity:0.50;
	filter:alpha(opacity = 50);
	text-decoration:none;
}

#header ul.tabs li:hover a
{
	opacity:0.75;
	filter:alpha(opacity = 75);
}

#header ul.tabs li.selected a,
#header ul.tabs li ul li a
{
	color:#f7f7f7;
	background-color:#2e6e9e;
	background-image:none;
	opacity:1.0;
	filter:alpha(opacity = 100);
}

#header ul.tabs li ul
{
	/* position & hide the subnavs */
	display:none;
	position:absolute;
	top:36px;
	left:-30px;
	right:30px;
	padding:5px;
	z-index:100;
	border:none;
	text-align:left;
	background-color:#2e6e9e;
	background-image:none;
}

#header ul.tabs li.selected ul, #header ul.tabs li:hover ul { display:block; }
#header ul.tabs li:hover ul { z-index:200; }

#header ul.tabs li ul li
{
	margin:0 10px;
	padding:0;
}

#header ul.tabs li ul li a
{
	border:none;
	display:inline;
	float:none;
	padding:0;
	margin:0;
	line-height:11px;
	font-weight:normal;
}

#header ul.tabs li ul li.selected
{
    border-bottom:inset 2px #fff;
}

#header ul.tabs li ul li.selected a
{
	font-weight:bold;
}

#content
{
	clear:left;
	margin:25px 10px 0 10px;
	position:relative;
	padding:5px 10px;
	min-height:500px;
}

/* clear floated elements */
#content:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content { display:inline-block; }
#content { display:block; }

#footer
{
    clear:both;
	margin:2.5em 0;
	text-align:center;
	font-size:0.8em;
	color:#333333;
}