body                  {background-color:#ddd;font-family:Georgia,sans-serif;font-size:80%;}
h1                    {font-size:19pt;}
h2                    {font-size:15pt;}

div#wrap              {margin:auto;width:1000px;background-color:#fff;padding:1em;border:5px solid #ccc;}

div#header            {background:url('../images/header.jpg') no-repeat; height: 129px; background-color:#000058;color:#0;}
div#header h1         {margin:0 500px;padding:20px;width:800px;display:none;}
div#header h2         {margin:0 500px;padding:0;width:800px;display:none;}

div#nav               {background-color:#000058;color:#eee;float:left;width:100%;text-align:center;margin-bottom:.5em;}
div#nav ul            {margin:0;padding:0;float:left;}
div#nav li            {display:inline;margin:0;padding:0;margin-right:.5em;}
div#nav li a          {padding:5px;text-decoration:none;color:#eee;float:left;width:200px;border-right:1px solid #ccc;}
div#nav li a:hover    {color:#eee;background-color:#3B5798;}

div#content           {padding:2em 1em;}
div#content h2        {border-bottom:1px solid #ddd;margin-bottom:.5em;}
div#content h2.red        {border-bottom:1px dotted #FF0000;margin-bottom:.5em;}
div#content img.fancy {border:1px solid #ddd;padding:.5em;}
div#content img.left  {float:left;margin-right:1em;}
div#content img.right {float:right;margin-left:1em;}

div#footer            {text-align:center;margin-top:.5em;}


.panel {
	clear: both;
	display: none;
	background-color: #ffffff;
	padding: 0;
}

.panel.active-tab-body {
	display: block;
}


#tabs {
	
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-right: 1px;
	background-color: #000058;
	text-decoration: none;
	color: #eee;
	border: 1px solid #000058;
}

#tabs a:hover {background-color:#3B5798;}

#tabs a.active-tab {
	background-color: #3B5798;
	color: #FFFFFF;
	border: 1px solid #000000;
}