/* @group Main */

html {
  /* this is a hack to force scrollbars on at 
     all times so that the page does not jump
     when going from short to long pages */
  height: 100%;
  margin-bottom: 1px;
  min-width: 970px;
}

body {

	margin: 0;
	padding: 0;
}

p {
  /* setup some more readable paragraph spacing*/ 
  margin-top: 0px;
  margin-bottom: 15px;

}

h1, h2, h3, h4, h5 {
	/* setup some more readable header spacing */
	padding-bottom: 5px;
	margin: 15px 0 0 0 ;
}

/* @group Fonts */

/* @group Sizes */


body {
	font-size: 13px;
}

body.f-smaller {
	font-size: 10px;
}

body.f-default {
	font-size: 11px;
}

body.f-larger {
	font-size: 15px;
}

h1 {
	font-size: 150%;
}

h2 {
	font-size: 150%;
	line-height: 100%
}

h3 { 
  	 font-size: 150%;
}

h4 {
	font-size:  120%;
}

.small,
.modifydate,
.createdate,
div.mosimage_caption {
	font-size: 95%;
}

div.moduletable h3{
	background: #0083A9 url(../images/style15/body-hl5-h3.png) repeat-x scroll 0pt;
	color: #FFFFFF;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:  11px;
	font-weight: normal;
	border-left: 1px solid #D3E6B3;
}

}
.componentheading {
	font-size: 100%;
}

table.sections .contentheading {
	font-size: 145%;
}

.contentheading {
	font-size: 160%;
}

.componentheading {
margin-top: 15px;
 margin-bottom: 15px;
}

td.componentheading {
	padding-bottom: 15px;
}

/* @end */

/* @group Family */

body {
		line-height: 130%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
}

.contentheading,
.componentheading {
	font-weight: bold;
}


a {
	/* color: see style css */
	text-decoration: none;
}

a:hover {
color: #999999;
	text-decoration: underline;
}

/* @end */

/* @end */

/* @end */

/* @group Structure */

/* @group pull-down */

#fxContainer {
	position: absolute;
	padding-top: 0px;
	left: 0;
	z-index: 20;
	width: 100%;
	height: 0;
}

#fxTarget { 
	padding-top: 1px;
	margin: 0;
	width: 100%;
	position: relative;
	top: 0;
	z-index: 19;
	height: 0;
	overflow: hidden;
}

#fxPadding {
	visibility: hidden;
	padding: 0 45px;
}

#fxTrigger {
	position: relative;
	cursor: pointer;
}

#fxTab {
	position: relative;
	margin: -6px auto 0;
	text-align: center;
	height: 38px;
	line-height: 36px;
	font-weight: bold;
	width: 176px;
	z-index: 21;
}

#fxTab a,
#fxContainer a {
	z-index: 100;
}

#fxTab a:hover {
	text-decoration: none;
}

/* @end */

/* @group mainbody */


td.mainbody {
	width: 100%;
}

div#mainbody .contentheading {
	font-size: 150%;
}


/* @end */



#template {
	position: relative;
}

img#logo {
	position:  absolute;
	float: left;
	width: 469px;
	height: 57px;
	margin-top: 20px;
	margin-right: 5px;
}

div#banner {
	margin-left:  -100px;
	padding-top: 32px;
	padding-bottom: 20px;
	margin-right: 5px;
	height: 43px;
	overflow: hidden;
	clear: right;
}

div#banner .padding {
	padding:  0 2px 0 0;
}

div#horiz-menu {
	height: 0px;
}

table.mainbody,
table.usermodules,
table.sections {
	width: 100%;
	padding: 0;
}

/************** CUSTOM CSS FOR COASTAL *******************/

#cornerbdg {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 0;
	background: url(../site/images/stories/cornerbadge.png);
	height: 0px;
	width: 0px;
}

td.greybox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	background: #FFFFFF;
	width: 170px;
	height: 20px;
	padding: 0px;
	}
	
td.greybox a:hover{
	text-decoration:none;

	}
	
td.greybox img{
	position: relative;
	padding-left: 10px;
	padding-right: 0px;
	vertical-align: bottom;
	}	


	
/********** END CUSTOM CSS /// 9.06.07 - Etni **********/

td.section {
	padding: 0;
}

td.section.w49 {
	width: 50%;
	padding-bottom: 0px;
	padding-top: 20px;
}

td.section.w24 {
	width: 33%;
}

td.mainbody .padding {
	padding: 0px 15px 15px 15px;
}

div#footer .rk-2 {
	height: 0px;
	overflow: hidden;
}

div#the-footer {
	text-align: center;
}

img#rocket {
	width: 150px;
	height: 105px;
}

/* @group content */

/* @group menus */

/* @group Horiz Menu */

div#horiz-menu ul {
	margin: 0;
	padding: 0;
}

div#horiz-menu li {

	margin: 0;

	padding: 0;

	padding-right: 2px;

	float: left;

	list-style: none;

}



div#horiz-menu a {

/*	display: block;*/

	float: left;

	padding: 0 10px;

	padding-top: 8px;

	height: 28px;

	line-height: 32px;

/*	font-weight: bold;*/

	text-decoration: none;

}





/* @end */



/* @group Side Menu */



/* side menu is just a standard list so it will work with a hilite */



.sidenav a{

	font-weight: bold;

}



/* @end */



/* @group Contact Menu */



div#top ul {

	margin: 0;

	padding: 0;

	float: right;

}



div#top li {

	float:  left;

	list-style: none;

	margin-right: 20px;

}



div#top li img {

	float:  left;

	vertical-align: middle;

}



div#top a.mainlevel {

	display:  block;

	float:  left;

	background: #18758F;

	margin: 0;

	padding: 0 5px;

	font-weight:  bold;

}



/* @end */



/* @end */



/* @group Code */



pre {

	padding: 10px;

}



/* @end */



/* @group Notices */



span.alert,

span.info,

span.download,

span.note {

	display: block;

	padding: 10px 10px 10px 50px;

	margin: 15px 0;	

}



/* @end */



/* @group Lists */

#section1 ul,

#section2 ul,

#mainbody ul {

	margin-left: 0;

	padding-left: 1em;

}



#section1 li,

#section2 li,

#mainbody li {

	margin-left: 0;

	list-style: none;

	padding-left: 25px;

	padding-top: 2px;

	margin-bottom: 0px;

}







#mainbody ul.check1,

#mainbody ul.check2,

#mainbody ul.arrow1,

#mainbody ul.arrow2,

#mainbody ul.arrow3,

#mainbody ul.star,

#mainbody ul.circle,

#mainbody ul.morespace {

	margin-left: 35px;

	padding: 0;

}



ul.check1 li,

ul.check2 li,

ul.arrow1 li,

ul.arrow2 li,

ul.arrow3 li,

ul.star li,

ul.circle li,

li.check1,

li.check2,

li.arrow1,

li.arrow2,

li.arrow3,

li.star,

li.circle {

	list-style: none;	

	padding-bottom: 15px;

	padding-left: 40px;

}



/* @end */



/* @group Blockquote */



blockquote {

	width: auto;

	padding: 10px 20px 10px 15px;

	margin: 15px 0;

}



/* @group My Group */



/* @end */



/* @end */



/* @group Login Area */



#fxPadding div.moduletable h3 {

	float: left;

	margin: 0;

	padding: 0;

	line-height: 40px;

	height: 40px;

}



#fxPadding form {

	float: left;

	padding-left: 30px;

	height: 22px;

	margin-top: 8px;

}



#fxPadding div.loginelement {

	float: left;

	margin-left: 30px;

	height: 22px;

	line-height: 22px

}



#fxPadding div.loginelement input {

	width: 100px;

	padding-left: 5px;

}



span.loginsubmit,

span.logoutsubmit {

	display: block;

	padding-left: 8px;

	margin-left: 10px;

	line-height: 25px;

	width: 96px;

	float: left;

	cursor: pointer;

}



/* @end */



/* @group Regular Content Items */



table.contentpaneopen tbody tr td span.small,

td.createdate {

	padding-left: 20px;

}



/* @end */



.screenshot {

	float:  right;

	margin-top: -35px;

	z-index: 9;

}



.hide {

	display: none;

}



form {

	border: 0;

	margin: 0;

	padding: 0;



}

.location{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	width: 100px;

	margin: 0px;

	padding: 0px;

	font-size: 0.9em;

}



/* @end */



/* @end */



/* @group Joomla Core */



/* @group modules */



/*div.moduletable,*/

div.moduletable-hilite1,

div.moduletable-hilite2,

div.moduletable-hilite3,

div.moduletable-hilite4,

div.moduletable-hilite5,

div.moduletable-hilite6,

/*div.moduletable-hilite7,*/

div.moduletable-hilite8 {

	padding: 0 15px 10px 15px;



}

div.moduletable h3,

div.moduletable-hilite1 h3,

div.moduletable-hilite2 h3,

div.moduletable-hilite3 h3,

div.moduletable-hilite4 h3,

div.moduletable-hilite5 h3,

div.moduletable-hilite6 h3,

div.moduletable-hilite7 h3,

div.moduletable-hilite8 h3 {

	margin: 0 -15px 10px -15px;

	padding: 6px 15px;

	line-height: 100%;

}



td.left div.moduletable,

td.right div.moduletable {

	margin-bottom: 3px;





}



/* @end */



/* @group content */



.contentheading {

	padding: 5px 0;

	line-height: 100%;

}



td.buttonheading {

 	vertical-align: middle;

}



td.buttonheading img {

	margin-right: 5px;

}



table.contentpaneopen, table.contentpane {

  border-collapse: collapse;

  padding: 0;

  margin: 0;

  width: 100%;

}



div.contentpane, div.contentpaneopen {

  width: 100%;

}



.clr {

	clear: both;

}



div.mosimage {

  margin: 5px;

}



a.readon {

	margin-top: -15px;

	display: block;

	width:  116px;

	height: 36px;

	line-height: 26px;

	padding-left: 5px;

	font-weight: normal;

	/* background: see style css */

}



a.readon:hover {

	text-decoration: none;

}



span.content_rating img {

	vertical-align: top;

}



.modifydate {

	height: 20px;

	vertical-align: bottom;

}



.createdate {

	height: 20px;

	vertical-align: top;

	vertical-align: top;

	padding-bottom: 5px;

	padding-top: 0px;

}



table.contenttoc {

  margin: 5px;

  padding: 5px;

}



table.contenttoc td {

  padding: 0 5px;

}



/* @end */



/* @group pathway */



span.pathway {

	display: block;

	float:  left;

	height: 12px;

	line-height: 12px;

	vertical-align: middle;

	width: 100%;

	margin-top: 0px;

	margin-left: 0px;

	margin-bottom: 10px;

	padding-bottom: 3px;

	font-weight: normal;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	border-bottom: 1px dotted #ccc;

}



span.pathway img {

	float:  left;

	margin: 4px 5px 0pt 5px;

	border: 0;

	width: 7px;

	height: 7px;

	vertical-align: middle;

	

}



span.pathway a {

	float:  left;

	font-weight: normal;

}





/* @end */



/* @group sections */



table.mainbody td.mainbody td.sectiontableheader {

  font-weight: bold;

  padding: 4px;

  line-height: 20px;

}



tr.sectiontableentry1 td,

tr.sectiontableentry2 td,

td.sectiontableentry1,

td.sectiontableentry2 {

  padding: 5px;

}



/* @group My Group */



/* @end */



.pollstableborder {

	text-align: left;

}



.pollstableborder .sectiontableentry1,

.pollstableborder .sectiontableentry2 {

	background: none;

	border:  0;

}





/* @end */



/* @group mainmenu */



a.mainlevel {

	text-decoration: none; color:#333;

}



a.mainlevel {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	display: block;

	padding: 6px 0 2px 10px;

	margin-bottom: 2px;

}



a.sublevel {

	font-weight: normal;

	text-decoration: none;

	padding-bottom: 5px;color:#333333;

}



a.mainlevel:hover {

	color: #0099CC;

	text-decoration: underline;

}



a.sublevel:hover {

	text-decoration: underline;

}



.nounder {

	text-decoration: none;

	border: 0;

}



.style-wrapper {

	padding-left: 70px;

	padding-top: 30px;

}



.style {

	float: left;

	margin-right: 50px;

	margin-bottom: 50px;

}



/* @end */



span.article_seperator {

	display: none;



}



table.blog span.article_seperator {

	margin: 0px;

}



/* @end */





/*

Images are wrapped in divs classed "flickr_badge_image" with ids

"flickr_badge_imageX" where "X" is an integer specifying ordinal position.

Below are some styles to get you started!

*/

#flickr_badge_uber_wrapper {text-align:center;}

#flickr_badge_wrapper {padding:10px 0 10px 0;}

.flickr_badge_image { float:left;}

.flickr_badge_image img {float: left; margin: 0 3px 3px 0;}

#flickr_badge_icon {float:left; margin-right:5px;}

#flickr_www {display:block; padding:0 10px 0 10px !important; font:
11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}



/* Header */

#banner-left{ /* Logo */

	float: left;

}



#banner-right{ /* Right side of Header */

	float: right;

	margin-top: 10px;

	margin-right: 5px;



}



#banner-top{ /* Purchase or Call */

	float: right;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #CC0000;

	font-weight: bold;

}



#banner-bottom{ /* Location */

	clear: both;

	float: right;

	padding-top: 5px;

        width: 230px;

        margin-bottom: 30px;



}



.l{ /* Location Text */

	float: left;

}



.r{ /* Location Selector */

	float: right;

}



#header{	overflow: hidden;}

/* Header End */



sup{

font-size: 0.70em;

color: #000;

}



.hr{

size: 1px;

width: 100%;

color: #CCCCCC;

noshade:noshade;

}



/* Contact Us Styles */

.w15{width:7%;margin: 1px 10px 1px 0; font-weight: normal;}

.w30{width:30%}

.w50{width:50%}



/* INTERNATIONAL PAGE */

.css{padding: 5px;position: absolute;display:block; position:absolute;border:1px solid #CCCCCC;background:#FFFFFF; }

.css:hover{border:1px solid #CC0000;background:#FFFFFF;}



.css_la{left:251px; top:371px;}

.css_au{left:710px; top:518px;}

.css_in{left:744px; top:358px;}

.css_eu{left:430px; top:452px;}

.css_ca{left:248px; top:291px;}





/* Live chat */

.livechat{margin-top:5px;}



/*Du Pont Stop*/

.content_header{font-family: Garamond, serif;font-size: 30px; line-height: 30px;letter-spacing: -.25px; display: block;	color: #5C130A;	}