* { 
padding: 0; 
margin: 0;
 }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #869099;
	
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #869099;
	padding-bottom: 3px;
	font-weight:normal;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;
	padding-bottom: 2px;
}

P{margin:10px 0;}
.left {float:left;margin-right:10px;}
.right{float:right;margin-left:10px;}
.clearBoth {clear:both;}

#wrapper { 
 margin: 0 auto;
 width: 1020px;
 background: #000000;
}
#header {
 width: 1000px;
 color: #333;
 padding: 0 10px;
 border-right: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-bottom: 0px;
 border-top: 1px solid #ccc;
 height: 100px;
 margin: 10px 0px 0px 0px;
 background: #403f41;
 background-image:url('images/header.jpg');
}
#navigation {
 width: 945px;
 padding-left: 75px;
 border-right: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-bottom: 0px;
 border-top: 0px;
 margin: 0px 0px 0px 0px;
 background: #403f41;
}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 5px 5px; }

a:link, a:visited
{
color: #869099;
text-decoration: none;
font-size: 12px;
vertical-align: text-bottom;
}

a:hover
{
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
vertical-align: text-bottom;
}
.advertForm {width:300px;margin:0 auto;}

#content {
	width: 860px;
	color: #ffffff;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 0px;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	min-height: 300px;
	padding-left: 80px;
	padding-right: 80px; 
	background-color:#000000;
}

.mainIntro {
font-size:13pt;}
#footer { 
 width: 1021px;
 color: #333;
 border-bottom: 1px solid #ccc;
 border-right: 1px solid #ccc;
 border-left: 1px solid #ccc;
 background: #000000;
 text-align:center;
padding-bottom:30px;
}

.teamWrapper {width:410px;
float:left;
margin-right:10px;
padding-bottom:10px;
margin-bottom:20px;
border-bottom:solid #666666 1px}

.teamWrapper img {border:solid 1px #666666;
margin:10px;}

/* CSS for Tabber Class */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 2px solid #778;

 height:61px;

}
ul.tabbernav li
{float:left;
 list-style: none;
 margin: 0;
 margin-right:20px;
 display: inline;
 height:52px;
 margin-bottom:20px;
 border-top:solid #778 2px;
 border-left:solid #778 2px;
 border-right:solid #778 2px;
 width:190px;
 text-align:center;
 padding:5px;
}
#contractPublishing ul.tabbernav, #advertisingOpportunities ul.tabbernav{height:18px;}

#contractPublishing ul.tabbernav li, #advertisingOpportunities ul.tabbernav li{

 color:#999999;
 height:12px;
 padding-top:2px;
 width:100px;
 text-align:center;
 background-color:#403f41;
}

ul.tabbernav li a
{
 text-decoration: none;
}

ul.tabbernav li a:link { color: #869099; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{color:#ffffff;
}

ul.tabbernav li.tabberactive a
{
}

ul.tabbernav li.tabberactive a:hover
{
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}


/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* CSS for Subs Form */

label
{
width: 250px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}

.submit input
{
margin-left: 21em;
} 

fieldset
{
border:none;
padding: 10px;
margin-top: 5px;
}

legend
{
color: #869099;
background: #403f41;
border: 1px solid #778;
padding: 2px 6px;
} 


/* cover flow styling below here, do not ammend*/
@media screen, projection {
	.imageflow {
		visibility:hidden;
		position:relative; 
		text-align:left;
		width:980px;
		overflow:hidden;
		margin:0 0 0 -60px;
	}
	.imageflow img {
		visibility:hidden;
		position:absolute; 
		top:0px;
		border:none;
		-ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */
	}
	.imageflow p{
		text-align:center;
		margin:0 auto;
	}
	.imageflow .loading {
		position:relative;
		left:50%;
		margin-left:-106px;
		width:200px;
		height:15px;
		padding:5px;
		visibility:visible;
		border:1px solid white;
	}
	.imageflow .loading_bar {
		height:15px;
		width:1%;
		background:#fff;
		visibility:visible;
	}
	.imageflow .caption {
		font-weight:bold;
		position:relative; 
		text-align:center;
		z-index:10000;
	}
	.imageflow .scrollbar {
		visibility:hidden;
		position:relative; 
		border-bottom:1px solid #b3b3b3;
		z-index:10001;
	}
	.imageflow .slider {
		position:absolute;
		margin-top:-7px;
		margin-left:-7px;
		z-index:10002;
		background-image:url(slider.png);
		background-repeat:no-repeat;
		width:14px;
		height:14px;
	}
}