/* Stronghold colors

Blue: color: #0C2173;
Light Gray:  #666;
Gray:  color: #333;
Yellow:  color: #EDEACC;
*/

BODY {

font-family: Arial, Verdana, Helvetica, sans-serif;
margin:  0px auto;
font-size: 12px;
background-color: #000;
}

H1 {color: #0C2173;
font-size: 16px;}

#homepage H1 {margin-left: 250px; color: #666; font-size: 18px; border-bottom: 3px solid #333;}

H2 {font-size: 14px;
color: #666; 
}

LI {padding-bottom: 5px;}

#wrapper {
width: 800px;
background-color: #fff;
margin: 0px auto;
}

A {color: #0C2173;}
A:hover {color: #666;}


#topbar
{
	/*background-color: #CFD3E3;*/
	width: 760px;
	background-image: url(../images/bridge.gif);
	background-repeat: no-repeat;
	background-position: center 20px;
margin: 0 auto;
	height: 197px;
}

#topbar IMG { padding-top: 50px;}


#nav
{
	background-image: url(../images/navbar.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 37px;
	width: 760px;
	margin: 0px auto;
}

#nav UL
{
	list-style-type: none;
	margin-left: -37px;
}

#nav LI
{
	float: left;
	padding: 12px 23px 12px 23px;
	border-right: 1px solid #fff;
}


#nav A
{
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

#nav A:hover
{
	color: #EDEACC;
	text-decoration: none;
}

/* SUBMENU STYLES */
#dropmenudiv
{
	position: absolute;
	border: 1px solid #0C2173;
	border-bottom-width: 0;
	font-size: 11px;
	line-height: 20px;
	z-index: 100;
	margin-top: 11px;
	margin-left: -25px;
	 
}

#dropmenudiv a
{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #0C2173;
	padding: 1px 0;
	text-decoration: none;
	/*font-family: Verdana;*/
	color: #0C2173;
	/*font-weight: bold;*/
}

#dropmenudiv a:hover
{
	/*hover background color*/
	background-color: #0C2173;
	color: #FFF;
}

/* CONTENT BOX */


#leftcol
{
	width: 210px;
	margin-left: 0px;
	float: left;
	padding: 0 10px;
	margin-right: 20px;
	font-size: 11px;
	line-height: 115%;
}

#homepage #leftcol {background-color: #EDEACC;}
#leftsublinks { margin: 10px auto auto 10px;}

#leftsublinks H1
{
	color:  #fff;
	background-color: #0C2173;
	border-bottom: 1px solid #0C2173;
	font-size: 14px;
	padding: 10px;
	text-transform: uppercase;
	margin: 0;
	font-weight: normal;
	letter-spacing: 1px;
}

#leftsublinks A
{background-color: #F2DBB7;
	display: block;
	
	color: #036;
	text-decoration: none;
	padding: 5px 15px;
	font-weight: bold;
	border-bottom: 1px solid #0C2173;
}

#leftsublinks A:hover
{
	color: #fff;
	/*text-decoration: underline;*/
	background-color: #0C2173;
}


#middlecol
{
	padding: 10px 30px;
	background-color: #fff;
	/*line-height: 120%;*/
	margin: 0 auto;
	width: 740px;
	line-height: 150%;
}

#middlecol_sub
{
	background-color: #fff;
	width: 60%;
	position: relative;
	margin-left: 235px;
	padding: 30px;
}

#teampage #middlecol IMG {border: 6px solid #0C2173; margin-right: 10px;}

#port_table TD {border: 1px solid #0C2173; text-align: center;}


/*	Vertical Accordions */
.accordion_toggle
{
	display: block;
	height: 30px;
	width: 95%;
	background-image: url(../images/plus.gif);
	background-repeat: no-repeat;
	background-position: 95% center;

	padding: 0 10px 0 10px;
	line-height: 30px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 13px;
	background-color: #EDEACC;
	color: #0C2173;
	border-bottom: 1px solid #333;
	cursor: pointer;
	margin: 0 5px 5px 0;
}

.accordion_toggle:hover
{
	background-color: #0C2173;
	color: #fff;
	background-image: url(../images/minus.gif);
	background-repeat: no-repeat;
	background-position: 95% center;
}

.accordion_toggle_active
{
	background-color: #0C2173;
	color: #fff;

	border-bottom: 1px solid #333;
	background-image: url(../images/minus.gif);
	background-repeat: no-repeat;
	background-position: 95% center;
}

.accordion_toggle_active:hover
{
	background-color: #EDEACC;
		color: #0C2173;
	background-image: url(../images/plus.gif);
	background-repeat: no-repeat;
	background-position: 95% center;
}

.accordion_content
{
	background-color: #ffffff;
	overflow: hidden;
}

.accordion_content h2
{
	margin: 15px 0 5px 10px;
	color: #0099FF;
}

.accordion_content p
{
	line-height: 150%;
	padding: 0px 10px 5px 10px;
}

#tcontent3 UL {list-style-type: none; background-color: #EDEACC; padding: 10px; width: 500px; margin-left: 20px; }

#tcontent3 H2 A {text-decoration: none; color: #0C2173; font-size: 16px;}

.track_table TD {
border: 1px solid #333;
}

.track_table TR TH
{
	background-color: #0C2173;
	color: #EDEACC;
	text-align: left;
}

.track_table TR TD:first-child {font-weight: bold; }

/* tablecloth styles */
.track_table tr.even td { background: #fff; }
.track_table tr.odd td { background: #CCC; }
.track_table th.over, .track_table tr.even th.over, .track_table tr.odd th.over { background: #333; }


#footertop {
background-color: #D9972D;
clear: both;
padding: 0 10px;
	font-size: 11px;
	width: 780px;
	color: #fff;

	border-top: 4px solid #0C2173;
}
#homepage #footertop {height: 220px;}
#footertop H1 {float: right; 
font-family: Arial, sans-serif;
font-size: 16px;
background-color: #F2DBB7;
color: #0C2173;

width: 190px;
text-align: center;
padding: 8px;
position: relative;
top: -10px;
right: -10px;
bottom: -10px;}



.fourcol
{
	width: 210px;
	float: left;
	margin: 0px 10px;
	
	
}

.fourcol H2
{
	font-family: Arial, sans-serif;
	color: #0C2173;
	font-size: 12px;
	border: 0; 
}

.fourcol A { color: #303; }


 #tagline {
color: #EDEACC;
font-style: italic;
float: right;
width: 385px;
text-align: right;
margin-top: 152px;
font-size: 25px;
padding-right: 20px;
}

.downloadlinks A {
clear: both;
float: right; 
display: block;
/*width: 300px;*/
border-right: 1px solid #999;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #999;
background-color: #EDEACC;
color: #0C2173;
text-align: center;
padding: 5px;
text-decoration: none;
}

.downloadlinks A:hover {
border-left: 1px solid #999;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #999;
color: #fff;
background-color: #333;
}


/* Resources page tabs */

.modernbricksmenu2{
padding: 0;
width: 100%x;
height: 28px;
border-bottom: 5px solid #333; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font-weight: bold;
color:  #666;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: white; /*Brown color theme*/ 
/*border-top: 1px solid #666;*/
border-right: 1px solid #666;
}

.modernbricksmenu2 a:hover{
background-color: #333; /*Brown color theme*/ 
color:  #fff;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #333; /*Brown color theme*/ 
color:  #EDEACC;
border-color: #AA94B8; /*Brown color theme*/ 
}

.tabcontent{
clear: left;
display:none;
padding: 10px;
}

@media print {
.tabcontent {
display:block !important;
}
}


#footerbottom A {
color: #EDEACC;
text-transform: lowercase;
text-decoration: none;
margin-right: 18px;}

#footerbottom A:hover {
color: #fff;}

#footerbottom {
background-color: #0C2173;
clear: both;
padding: 10px;
	font-size: 11px;
	width: 780px;
	color: #fff;
	height: 15px;
	margin: 0 auto;
}

/* IE STYLES */
*+html #topbar {height: 207px;}
*+html #dropmenudiv {margin-top: 9px;}
*+html #footertop H1 {top: 0px;}
*+html .fourcol {margin-top: 0px;}
*+html #leftcol {line-height: 105%;}
*+html #nav LI {padding: 12px 26px 12px 26px;}

*html #nav LI {padding: 12px 26px 12px 26px;}
*html #topbar {height: 207px;}
*html #nav {margin-top: -40px;}
*html .fourcol { width: 175px; }