/* --------------------------------------------  SITE STRUCTURE ----------------------------------------*/

html {
	overflow-y: scroll;
}



body {

	color:#3b3940;
	font: 10pt Arial, Helvetica, sans-serif;
	font-weight:normal;
	background:none;
	background:#ececec url(/images/bg_headerTop.gif) top left repeat-x;
	
}


a {	color:#31730d;}
a:hover {color:#31730d;}	

#pageContainer{
	margin: 0 auto; 
	text-align:center;
	width:100%;
	background:none;
}

#bodyContainer{
	margin: 0 auto; 
	text-align: left;
	width:950px;

	position:relative;
	z-index:0;
}





/* --------------------------------------------  BISHOP NAVIGATION ----------------------------------------*/

#bishopNav	{
	float:right;
	margin:5px 0px 0px 0px;
	}
	
#bishopNav	li{
	float:left;
	margin:5px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:8pt;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	
	}
	
#bishopNav	a{
	text-decoration:none;
	color:#3b3940;
	}
#bishopNav	a:hover{
	text-decoration:underline;
	
	}
	
#bishopNav	li.select{
	float:left;
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	font-size:8pt;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:none;
	
	}	


/* --------------------------------------------  CONTENT  ----------------------------------------*/

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	

#content{
	background:url(/mediakit/images/site_middle_bg.gif) top left repeat-y;
	width:950px;

}

#content .top{
	background:url(/mediakit/images/site_top_bg.gif) top left no-repeat;
	width:100%;
	height:14px;
}
#content .bottom{
	background:url(/mediakit/images/site_bottom_bg.gif) top left no-repeat;
	width:100%;
	height:18px;
	position:relative;
	bottom:-0px;


}



/*-- Column Set Up //  892px of available space */
#col1{width:580px; float:left; margin:10px 0px 0px 0px;}
#col2{float:right;margin:10px 0px 0px 0px;}


#col1b{width:420px; float:left; margin:10px 0px 0px 0px; padding:10px 0px 0px 10px;}
#col2b{float:right;margin:10px 0px 0px 0px; width:400px;padding:0px 20px 0px 0px;}

#col1c{width:375px; float:left; margin:10px 0px 0px 0px; padding:10px 0px 0px 10px;}
#col2c{float:right;margin:10px 0px 0px 0px; width:460px;padding:0px 20px 0px 0px;}

#col1d{width:330px; float:left; margin:0px 0px 0px 0px; padding:10px 0px 0px 10px;}
#col2d{float:right;margin:10px 0px 0px 0px; width:500px;padding:0px 20px 0px 0px;}

/*  -- Page Title -- */
#siteBodyTitleMiddle{
	background:url(/mediakit/images/site_body_title_middle.gif) top center repeat-y;
	padding:0px 15px 0px 20px;

	}

#siteBodyTitleMiddle .title{
	margin:20px 0px 5px 0px;

	}

#siteBodyTitleMiddle h1{
	font-size:20pt;
	font-weight:bold;

	}

#siteBodyTitleMiddle h2{
	font-size:20pt;
	font-weight:bold;
	padding-top:15px;

	}
#siteBodyTitleMiddle .nav{
	float:right;
	text-align:right;
	position:relative;
	top:20px;

	}
#siteBodyTitleMiddle .nav img{
	margin-top:5px;

	}


#downloadNav{
	float:right;
	text-align:right;
	border:3px solid #fff;
	width:330px;
	margin:10px 10px 0px 10px;
	padding:5px;

	}

#downloadNav:hover{
	border:3px solid #f3f3f3;
	}
#downloadNav img{
	margin-top:5px;

	}

#downloadNav span{
	font-size:8pt;
		color:#666666;
		

	}
#downloadNav p{
	padding-right:10px;
		

	}
#downloadNav .google{
	float:left;
	margin:18px 10px 0px 10px;
		

	}

#siteBodyTitleBottom{
	background:url(/mediakit/images/site_body_title_bottom.gif) top center no-repeat;
	height:17px;
	}
	
/*  -- Product Detail //  Background  -- */

#siteBodyDetailTop{
	background:url(/mediakit/images/site_body_detail_top.gif) top center no-repeat;
	height:24px;
	
	}
#siteBodyDetailMiddle{
	background:url(/mediakit/images/site_body_detail_mid.gif) top center repeat-y;
	padding:0px 15px 15px 30px;

	}

#siteBodyDetailMiddle .title{
	margin-bottom:10px;

	}

#siteBodyDetailBottom{
	background:url(/mediakit/images/site_body_detail_bottom.gif) top center no-repeat;
	height:24px;
	}

#guide{
	background:url(/images/icon_alert.gif) left 3px no-repeat;
	float:right;
	padding:5px 0px 5px 25px;
	height:20px;

	}



#whoAdvertises{
	background:url(/mediakit/images/title_whoAdvertises.gif) 10px top no-repeat;
	padding-top:20px;
	margin-top:30px;
	position:relative;
	}
	
.more{
	position:absolute;
	top:-4px;
	right:3px;
	font-size:7pt;
	}

.top5description{
	position:absolute;
	top:25px;
	right:3px;
	font-size:8pt;
	width:120px;
	color:#858587;
	}


#topChart{
	background:url(/mediakit/images/title_top10.gif) 10px top no-repeat;
	padding-top:20px;
	margin-top:30px;
	position:relative;
	}
#topChart .more{
	position:absolute;
	top:4px;
	right:0px;
	font-size:7pt;
	}

/* --------------------------------------------  SPONSORSHIP ROTATOR  ----------------------------------------*/


#sponsorshipRotator{
	float:left;background:url(/mediakit/images/title_sponsorshipAdSamples.gif) 21px top no-repeat;margin:18px 0px 0px 45px;padding-top:20px; position:relative;
	}

#sponsorshipRotator .btnLeft{
	position:absolute;
	top:100px;
	left:-35px;
	z-index:5;
	}

#sponsorshipRotator .btnRight{
	position:absolute;
	top:100px;
	left:380px;
	z-index:5;
	}

#sponsorshipRotator p{
	font-size:8pt;
	}

#sponsorshipRotator h3{
	font-size:11pt;
	font-weight:bold;
	padding:0px;
	margin:0px;
	}
	
#sponsorshipRotator .textTop{
	background:#f1f1f1 url(/mediakit/images/bg_textbox_top.gif) left top no-repeat;
	width:347px;
	margin-left:7px;
	margin-top:20px;
	}
#sponsorshipRotator .textMid{
margin:0px 10px 0px 10px;padding-top:10px; text-align:left;
	}
#sponsorshipRotator .textBottom{
	background:#f1f1f1 url(/mediakit/images/bg_textbox_bottom.gif) left bottom no-repeat;
	height:14px;
	width:347px;
	}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 386px; /*Width of Carousel Viewer itself*/
height: 475px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 366px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
text-align:center;
}



	
/* --------------------------------------------  PRICES ----------------------------------------*/

#priceImpressions {


	}
#priceImpressions li{
	text-align:right;
	clear:both;

	}
	

#priceImpressions{
	padding:0px 0px 0px 30px;
	


	
	}
#pPriceDescription{
	width:120px;

	padding:3px 0px 1px 0px;
	display:block;
	margin-left:5px;
	margin-bottom:5px;
	float:right;
	text-align:left;
	font-size:8pt;
	}

#pPrice{
	width:120px;
	height:35px;
	background: #101010 url(/mediakit/images/bg_btn_blackGradient.gif) left top repeat-x;
	padding:3px 0px 1px 0px;
	margin-left:5px;
	display:block;
	color:#fff;
	margin-bottom:5px;
	float:right;
	}

#pImpressions{
	border-top: 3px solid #dedede;
	border-bottom: 3px solid #dedede;
	padding: 5px 0px;
	display:block;
	height:20px;
	margin-bottom:5px;
	
}

.impressions{

	font-size:12pt;
	font-weight:bold;
	text-align:right;
	position:relative;
	padding:0px 0px 0px 0px;
	
	}

.price{

	font-size:18pt;
	font-weight:bold;
	text-align:left;
	position:relative;
	float:left;
	padding:0px 0px 0px 5px;
	}
.perMonth{
	width:30px;
	font-size:7pt;
	text-align:left;
	position:absolute;
	top:5px; 
	right:-35px;
	line-height:1;
		
	}

.perMonth2{

	font-size:7pt;
	text-align:left;
	line-height:1;
	padding: 0px 0px 0px 5px;
	float:right;
		
	}









/* --------------------------------------------  TABLES ----------------------------------------

tr:hover {	background:#fff;}
	*/
	

#hoverTest {width:100px; height:100px; background:#00FF33;}
#hoverTest:hover {width:100px; height:100px; background:#000;}

/* --------------------------------------------  Price Tables Tables (actually lists)----------------------------------------*/
	
	
	#pTable{
	padding:0px;
	margin:0px;}
	
	
	#pTable .productPricingHeader { 
	background: url(/mediakit/images/tables/productPricing_heading.png) top left no-repeat;
	padding:40px 0px 5px 0px;
	behavior: url(/shared_code/iepngfix.htc);
	}
	
	#pTable ul {
	padding-left:30px;

	}

	#pTable li {
	text-align:right;
	background:url(/images/bullet_blueCheck.gif) right 7px no-repeat;

	border-bottom:1px solid #dedede;
	padding: 5px 20px 5px 0px;

	}

	#pTable li.bot {
	border-bottom:0px

	}



/* --------------------------------------------  Basic List Table (actually lists)----------------------------------------*/
	
	
	#basicList{
	padding:0px;
	margin:0px;}
	
	
	#basicList .productPricingHeader { 
	background: url(/mediakit/images/tables/productPricing_heading.png) top left no-repeat;
	padding:40px 0px 5px 0px;
	behavior: url(/shared_code/iepngfix.htc);
	}
	
	#basicList ul {
	padding-left:30px;

	}

	#basicList li {
	text-align:left;
	background:url(/images/bullet_blueCheck.gif) left 7px no-repeat;

	border-bottom:1px solid #dedede;
	padding: 5px 0px 5px 20px;

	}

	#basicList li.bot {
	border-bottom:0px

	}




/* --------------------------------------------  Additional Info Tables (actually lists)----------------------------------------*/
	
	
	#iTable{
	padding:0px;
	margin:0px;}
	
	
	#iTable .additionalInfoHeader { 
	background: url(/mediakit/images/tables/additionalInfo_heading.png) top left no-repeat;
	padding:40px 0px 5px 0px;
	behavior: url(/shared_code/iepngfix.htc);
	}
	
	#iTable ul {
	padding-left:30px;
	}

	#iTable li {
	background:#f6f6f6;
	padding: 5px 0px 5px 10px;
	margin:5px;
	}




/* --------------------------------------------  Main Tables ----------------------------------------*/

	/* -------------- this applies to the table(s), text attributs & cell padding ----------- */

	#mTable td {
	font-family:Arial, Helvetica, sans-serif;;
	font-size:9pt;
	padding: 10px;
	border-right:2px solid #fff; 
	border-bottom:2px solid #fff;
	vertical-align:middle;
	}
 

	/* -------------- this applies to the table rows, cell background colors ----------------- */
	/*#mTable .dimensionsDark {
	background-color:#dadada;
	text-align:center;
	}
	
	#mTable .dimensionsLight {
	background-color:#ececec;
	text-align:center;
	}*/
	
	 #mTable .rowDark {
	
	background:#dcdcdc url(/mediakit/images/tables/cellBG_gradient.gif) left top repeat-x;
	}
	
	
	#mTable tr {
	/*background:#dcdcdc url(/mediakit/images/tables/cellBG_gradient.gif) left top repeat-x;*/
	background:#f8f8f8;
	}
	
	#mTable thead tr{
	background:none;
	}
	
	#mTable thead tr:hover{
	background:none;
	}
	#mTable th {

	padding:0px 10px 5px 10px;
	}
	#mTable .none {
	background:none;
	}
	
	#mTable tr:hover {
	background:none; /* resetting bg */
	background-color:#104b97;
	color:#fff;
	}
	
	#mTable tr:hover a{

	color:#fff;
	}
		
	#mTable tr:hover a.visited{

	color:#fff;
	}
		


	#oTable td {
	font-family:Arial, Helvetica, sans-serif;;
	font-size:9pt;
	padding: 10px;
	border-right:2px solid #fff; 
	border-bottom:2px solid #fff;
	vertical-align:middle;
	}

	 #oTable .rowDark {
	
	background:#dcdcdc url(/mediakit/images/tables/cellBG_gradient.gif) left top repeat-x;
	}
	
	
	#oTable tr {
	/*background:#dcdcdc url(/mediakit/images/tables/cellBG_gradient.gif) left top repeat-x;*/
	background:#f8f8f8;
	}
	
	#oTable thead tr{
	background:none;
	}
	
	#oTable thead tr:hover{
	background:none;
	}
	#oTable th {

	padding:0px 10px 5px 10px;
	}
	#oTable .none {
	background:none;
	}
	
	#oTable tr:hover {
	background:none; /* resetting bg */
	background-color:#f09517;
	color:#fff;
	}
	
	#oTable tr:hover a{
	color:#fff;
	}
		
	#oTable tr:hover a.visited{

	color:#fff;
	}
	
	#oTable table{
	margin-left:20px;
	}			


	#oTable td {
	font-family:Arial, Helvetica, sans-serif;;
	font-size:9pt;
	padding: 10px;
	border-right:2px solid #fff; 
	border-bottom:2px solid #fff;
	vertical-align:middle;
	}

	 #oTable .rowDark {
	
	background:#dcdcdc url(/mediakit/images/tables/cellBG_gradient.gif) left top repeat-x;
	}
	
	
	
	
	#oTable2 td {
	font-family:Arial, Helvetica, sans-serif;;
	font-size:9pt;
	padding: 10px;
	border-right:2px solid #fff; 
	border-bottom:2px solid #fff;
	vertical-align:middle;
	}

	 #oTable2 .rowDark {
	
	background:#dcdcdc url(/mediakit/images/tables/cellBG_gradient.gif) left top repeat-x;
	}
	
	
	#oTable2 tr {
	/*background:#dcdcdc url(/mediakit/images/tables/cellBG_gradient.gif) left top repeat-x;*/
	background:#f8f8f8;
	}
	
	#oTable2 thead tr{
	background:none;
	}
	
	#oTable2 thead tr:hover{
	background:none;
	}
	#oTable2 th {

	padding:0px 10px 5px 10px;
	}
	#oTable2 .none {
	background:none;
	}
	
	#oTable2 tr:hover {
	background:none; /* resetting bg */
	background-color:#f09517;
	color:#fff;
	}
	
	#oTable2 tr:hover a{
	color:#fff;
	}
		
	#oTable2 tr:hover a.visited{

	color:#fff;
	}
	
	#oTable2 table{
	margin-top:20px;
	}			




#gTable td {
	font-family:Arial, Helvetica, sans-serif;;
	font-size:9pt;
	padding: 10px;
	border-right:2px solid #fff; 
	border-bottom:2px solid #fff;
	vertical-align:middle;
	}

	 #gTable .rowDark {
	
	background:#dcdcdc url(/mediakit/images/tables/cellBG_gradient.gif) left top repeat-x;
	}
	
	
	#gTable tr {
	/*background:#dcdcdc url(/mediakit/images/tables/cellBG_gradient.gif) left top repeat-x;*/
	background:#f8f8f8;
	}
	
	#gTable thead tr{
	background:none;
	}
	
	#gTable thead tr:hover{
	background:none;
	}
	#gTable th {

	padding:0px 10px 5px 10px;
	}
	#gTable .none {
	background:none;
	}
	
	#gTable tr:hover {
	background:none; /* resetting bg */
	background-color:#64bc46;
	color:#fff;
	}
	
	#gTable tr:hover a{
	color:#fff;
	}
		
	#gTable tr:hover a.visited{

	color:#fff;
	}
	
	#gTable table{
	margin-left:20px;
	}			


	#gTable td {
	font-family:Arial, Helvetica, sans-serif;;
	font-size:9pt;
	padding: 10px;
	border-right:2px solid #fff; 
	border-bottom:2px solid #fff;
	vertical-align:middle;
	}

	 #gTable .rowDark {
	
	background:#dcdcdc url(/mediakit/images/tables/cellBG_gradient.gif) left top repeat-x;
	}



	#sTable td {
	font-family:Arial, Helvetica, sans-serif;;
	font-size:9pt;
	padding: 10px;
	border-right:2px solid #fff; 
	border-bottom:2px solid #fff;
	vertical-align:middle;
	}

	 #sTable .rowDark {
	
	background:#dcdcdc url(/mediakit/images/tables/cellBG_gradient.gif) left top repeat-x;
	}
	
	
	#sTable tr {
	/*background:#dcdcdc url(/mediakit/images/tables/cellBG_gradient.gif) left top repeat-x;*/
	background:#f8f8f8;
	}
	
	#sTable thead tr{
	background:none;
	}
	
	#sTable thead tr:hover{
	background:none;
	}
	#sTable th {

	padding:0px 10px 5px 10px;
	}
	#sTable .none {
	background:none;
	}
	
	#sTable tr:hover {
	background:none; /* resetting bg */
	background-color:#f7b913;
	color:#fff;
	}
	
	#sTable tr:hover a{
	color:#fff;
	}
		
	#sTable tr:hover a.visited{

	color:#fff;
	}
	
	#sTable table{
	margin-left:20px;
	}			


	#sTable td {
	font-family:Arial, Helvetica, sans-serif;;
	font-size:9pt;
	padding: 10px;
	border-right:2px solid #fff; 
	border-bottom:2px solid #fff;
	vertical-align:middle;
	}

	 #sTable .rowDark {
	
	background:#dcdcdc url(/mediakit/images/tables/cellBG_gradient.gif) left top repeat-x;
	}
	
	
	#sTable2 td {
	font-family:Arial, Helvetica, sans-serif;;
	font-size:9pt;
	padding: 10px;
	border-right:2px solid #fff; 
	border-bottom:2px solid #fff;
	vertical-align:middle;
	}

	 #sTable2 .rowDark {
	
	background:#dcdcdc url(/mediakit/images/tables/cellBG_gradient.gif) left top repeat-x;
	}
	
	
	#sTable2 tr {
	/*background:#dcdcdc url(/mediakit/images/tables/cellBG_gradient.gif) left top repeat-x;*/
	background:#f8f8f8;
	}
	
	#sTable2 thead tr{
	background:none;
	}
	
	#sTable2 thead tr:hover{
	background:none;
	}
	#sTable2 th {

	padding:0px 10px 5px 10px;
	}
	#sTable2 .none {
	background:none;
	}
	
	#sTable2 tr:hover {
	background:none; /* resetting bg */
	background-color:#f7b913;
	color:#fff;
	}
	
	#sTable2 tr:hover a{
	color:#fff;
	}
		
	#sTable2 tr:hover a.visited{

	color:#fff;
	}
	
	#sTable2 table{
	margin-top:20px;
	}			





	/* -------------- this applies to the table(s), Header Titles (Graphic) ----------------- */

	.learnMoreGOMEXHeading{
	background: url(/mediakit/images/tables/learnGOMEX_heading.png) top left no-repeat;
	padding:25px 0px 0px 22px;
	margin-bottom:20px;
	}
	
	.signupGOMEXHeading{
	background: url(/mediakit/images/tables/signupGOMEX_heading.png) top left no-repeat;
	padding:25px 0px 0px 22px;
	margin-bottom:20px;
	}

	.dstHeadlinesHeading{
	background: url(/mediakit/images/tables/getlatestDSTheadlines_heading.png) top left no-repeat;
	padding:25px 0px 0px 22px;
	margin-bottom:20px;
	}

	.dstJobsHeading{
	background: url(/mediakit/images/tables/aboutDSTjobs_heading.png) top left no-repeat;
	padding:25px 0px 0px 22px;
	margin-bottom:20px;
	}
	
	
	.siqHeadlinesHeading{
	background: url(/mediakit/images/siq/aboutOffshoreProjects_heading.png) top left no-repeat;
	padding:25px 0px 0px 22px;
	margin-bottom:20px;
	}

	.siqJobsHeading{
	background: url(/mediakit/images/siq/aboutJobs_heading.png) top left no-repeat;
	padding:25px 0px 0px 22px;
	margin-bottom:20px;
	}
	

	.genericHeading{
	background: url(/mediakit/images/tables/generic_heading.png) top left no-repeat;
	padding:25px 0px 0px 22px;
	margin-bottom:20px;
	behavior: url(/shared_code/iepngfix.htc);
	}
	
	.generalRequirements{
	background: url(/mediakit/images/tables/generalRequirements_heading.png) top left no-repeat;
	padding:35px 0px 5px 0px;
	behavior: url(/shared_code/iepngfix.htc);
	}
	
	.fileSubmission p{
	padding:10px 0px 10px 30px;

	}
	
	.fileSubmission{
	background: url(/mediakit/images/tables/fileSubmission_heading.png) top left no-repeat;
	padding:35px 0px 5px 0px;
	behavior: url(/shared_code/iepngfix.htc);

	}
	
    .packagesHeader {
	background: url(/mediakit/images/tables/packages_heading.png) top left no-repeat;
	padding:35px 0px 5px 0px;
	behavior: url(/shared_code/iepngfix.htc);
	width:550px;
	
	}
	
	.webAdsHeader {
	background: url(/mediakit/images/tables/webAds_heading.png) top left no-repeat;
	padding:35px 0px 5px 0px;
	behavior: url(/shared_code/iepngfix.htc);
	width:550px;
	}
	
	 .emailAdsHeader {
	background: url(/mediakit/images/tables/emailAds_heading.png) top left no-repeat;
	padding:35px 0px 5px 0px;
	behavior: url(/shared_code/iepngfix.htc);
	width:550px;
	}

	 .sponsorshipDetailsHeader { /* has larger text, diff padding than other table headers*/
	background: url(/mediakit/images/tables/sponsorshipDetails_heading.png) top left no-repeat;
	padding:20px 0px 5px 0px;
	behavior: url(/shared_code/iepngfix.htc);
	display:block;
	border:1px solid #fff;
	


	}
	
	#mTable table{

	
	margin-left:20px;
	

	}
	
	#mTable table.detail{

	
	margin-left:0px;
	width:346px;
	margin-top:10px;

	}
	#mTable table.sponsorshipDetails{
	float:right;
	clear:both;

	}
	
	#mTable{
		
	}
	/* -------------- this applies to the table(s), Link(s) attributes ----------------- */	
	#mTable a:link {
	color:#002b82;
	}
	
	#mTable a:visited {
	color:#0066CC;
	}



/* --------------------------------------------  HEADER ----------------------------------------*/


	#header{
		margin:10px 20px 0px 20px;
	}
	
	#header .bishopNav{
		float:right;
	}
	
	#header .logo{
		float:left;
	}





/* --------------------------------------------  FOOTER ----------------------------------------*/

	
#footer {
	text-align: left;
	padding: 5px 0px 0px 40px;

	}
	
#footer .back {
	float:left;
	width:350px;
	margin:0px 30px 0px 0px;
	padding-left:35px; 
	}


#footer .contribute {
	float:left;
	width:250px;
	margin:20px 30px 0px 30px; 
	}
	


#footer .coverage {
	float:left;

	width:125px;
	margin:30px;
	margin-right:0px;
	margin-top:0px;
	}
	

#footer p {
line-height:1.50;
margin:5px 0px;
font-size:9pt;
color:#4a4a4b;
	}	
#footer {}
#footer a{color:#4a4a4b;}
#footer a:hover {color:#104b97;}	
	
#footer .sep {
	float:left;
	border-left: 1px solid #fff;
	height: 135px;
	width:10px;
	margin:0px 0px 0px 0px;
	}