/*
Description: Marinvent.com Base Styles
Author: James Buckley (blackpencildesign.com/emberstudios.com)
Date: Oct, 8th 2003
Updates:
20090415, Sam Grainger
- centralized font-family in body style
- added quotes to url() background tag
- removed padding from maincontent style
*/

	/*  Set up general page elements 	*/ 
body {
	background-color: #F5F5F5;
	margin-top: 0;
	padding-top: 0;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}
		
img {
	display: inline;
	border: 0;
}

p {
	margin-top: 0;
	margin-bottom: 1em;
}


	/* Main Content Formatting */
	
#maincontent {
	background: white url("../images/maincontent_bg.jpg") no-repeat;
}

.contentpad {
	width: 10px;
	height: 20px;
}

#maincontent p {
	font-size: 14px;
	line-height: 18px;
}

#maincontent h1, h2, h3 {
	font-size: 18px;
	font-weight: bold;
}

#maincontent table {
	font-size: 14px;
}

#footer {
	background: url("../images/bottomfull_bg.jpg");
}

#footer p {
	padding-top: 30px;
	padding-left: 5px;
	font: 10px;
	color: white;
}

	/* Search and sidebar */

.search div {
	padding: 0;
	margin: 0;
}

.search input {
	border: solid; border-color: #235889;
	height: 19px;
}

.search label {
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.search form {
	padding-bottom: 5px;
	margin: 0;
}

.search p {
	line-height: 16px;
}


	/* Bullet Lists */
/*
	#maincontent ul {
		list-style-type: square;
		line-height: 20px;
	}
	
	#maintent li {
	padding-left: 10px;
	margin-left: 10px;
	}
*/
	/*  Links 	*/ 

a:link {
	color: #25588C;
	text-decoration: none;
	font-weight: bold;

}

a:visited {
	color: #25588C;
	text-decoration: none;
	font-weight: bold;

}

a:hover {
	text-decoration: underline;
	font-weight: bold;

}

a:active {
	color: #25588C;
	font-weight: bold;

}

#footer a:link {
	color: white;
}

#footer a:visited {
  color: white;
}

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

#footer a:active {
	color: white;
}


.sidelinks a:link {
	color: black;
	font-weight: normal;
	text-decoration: none;
	font-size: 14px;
}

.sidelinks a:visited {
  color: black;
  font-weight: normal;
  font-size: 14px;
}

.sidelinks a:hover {
	text-decoration: underline;
}

.sidelinks a:active {
	color: black;
	font-weight: normal;
}

/* Misc. Elements */

hr {
	width: 645px;
	color: #E4E4E4;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.bottomspace {
	height: 100px;
}

.imagelabel {
	font-size: 14px;
}

.imagetext {
	color: White;
}

.newsnav {
	border: 1px solid #235889;
  background-color : #E3ECF7;
  width: auto;
  padding: 5px 5px;
}

.newsdate {
	font-size: 10px;
	color: #A8A8A8;
}

/* new styles added in 2009 */

/*
	.figure class surrounds figure content with a light border and sets up title text. Intended to be used like:
	
  	<div class="figure">
  		<img src="./images/content/apm_sm.jpg" alt="Stallwarning plus image" style="margin:0.25em;  border: 1px solid #eee;" width="160" height="139" />
  		Stallwarning sensor
  	</div>
  	
  If desired, add a style to the parent element (eg: <div>) to float a figure right. For example:

  	<div class="figure" style="float: right;">
  		<img src="./images/content/apm_sm.jpg" alt="Stallwarning plus image" style="margin:0.25em;  border: 1px solid #eee;" width="160" height="139" />
  		Stallwarning sensor
  	</div>
	
*/
.figure
{
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	text-align: left; 
	float:left;
	margin:0.5em; 
	border: solid 1px #888;
	padding: 0.25em;
	width: auto;
}

/* 
	.figure class img tag:	ensure that an image displays as a block
*/
.figure img
{
	display:block;
}

img.wrapped_left
{
	border: 1px solid #000;
	float:left;
	margin:0.5em; 
	padding: 0em;
	width: auto;
	height: auto;
}

/*
	.centeredimg - centers an img element on the page
*/
.centeredimg
{
	display: block;
	text-align: center;
	border: 1px solid #000;
	position: normal;
	margin: auto;
}

/* 
	"contenttitle" style text appears with small box to right of text 
*/
a.contenttitle,
a.contenttitle:hover {
	font-size: 18px;
  font-weight:bold;
  font-style:normal;
  color: #000;
  padding-right: 1em;
  background: url("../images/minibox.png") no-repeat center right;
	text-decoration:none;
}

/*
	"navfooter" style formats footer with header_bg.gif as background, smaller fonts
*/
#navfooter {
	background: url("../images/header_bg.gif") repeat-y;
	background-color: #0E4174;
	border-top: 1px solid #000; 
	padding: 0.75em; 
	font-size: 12px;
	color: #fff; 
	height: 6em;
}

/*
	"navfooter" style anchors bolded & white
*/
#navfooter a,
#navfooter a:link, 
#navfooter a:visited
{
	color: #fff;
  font-weight:bold;
}

ul.simplelist
{
	font-size: 14px;
  font-weight: normal;
  font-style:normal;
	list-style-type: disc;
	line-height: 2em;
	list-style-image: url(../images/ico_arrow.gif);
}

ol.simplelist li,
ul.simplelist li
{
	margin-left: 0.5em;
}

ol.simplelist
{
	font-size: 14px;
  font-weight: normal;
  font-style:normal;
	list-style-type: disc;
	line-height: 2em;
}

blockquote.simple {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Arial, Geneva, Helvetica, sans-serif;
	border: 1px solid #eee;
	/*background-color: #eeeeef;*/
	padding: 0.25em;
}

ul.boxlist
{
	margin: 0;
	padding: 0;
	font-size: 14px;
  font-weight: normal;
  font-style:normal;
}

ul.boxlist li
{
	margin: 0.5em;
	padding: 0.5em;
	line-height: 2em;
	list-style-type: none;
	/*border-top: 1px solid #aaa;*/
	border: 0;
	background: url(../images/content/horiz-grad.png) left top no-repeat;
}

/* diagram styles */

tr#states a, 
tr#states a:link,
tr#states a:visited,
tr#states a:hover
{
	color: #000;
  font-weight: normal;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0.5em;
}

td.separator
{
	width: 1em;
	background: url(../images/content/horiz_arrow.png) no-repeat right ;
}

td.separator_blank
{
	width: 1em;
}

td.cell_off
{
	border: 1px outset #FEE0C6;
	background: #FEFFEF;
	padding: 0.25em;
	margin: 0;
	cursor: pointer;
}

td.cell_on
{
	border: 1px inset #FEE0C6;
	background: #FFFFFD;
	padding: 0.25em;
	margin: 0;
	cursor: pointer;
}

td.cell_vertical_on
{
	width: 10em;
	background: url(../images/content/vertline.png) no-repeat top center;
}

td.cell_vertical_off
{
	width: 10em;
}

td.cell_content
{
	border: 1px inset #FEE0C6;
	padding: 1em;
}

tr.content_on
{
	display: normal;
}

tr.content_off
{
	display: none;
}

/*
from nav.css:
Description: styles for header menu and submenu, minibutton, content tag, submenu, and footer
Author: Sam Grainger
Date: 20090415
Updates:
*/

#hdrcont {
	position: relative;
	width: 100%;
	background-color: #0E4174;
	font-size: 14px;
	height: 2.2em;
}

/*
	headercontainer_submenu - identical style to headercontainer, but double-height.
*/
#hdrcont_submenu {
	position: relative;
	width: 100%;
	background-color: #0E4174;
	font-size: 14px;
	height: 4.45em;
}

#header {
  background: #0E4174;
	font-size: 14px;
	text-decoration: none;
  font-weight: normal;
	display: inline;
	list-style-type : none;
	line-height:1em;
	left: 0px;
	margin : 0;
	padding : 0;
}
	
#header ul {
  margin: 0;
  padding: 0px 0px 0;
  list-style: none;
  display: inline;
	position: absolute;
	height: 2.2em;
}

#header li {
	margin:0;
	padding:0;
	display:inline;
	height: 2.2em;
}

#header a {
	float:left;
	background: #0E4174; /* same background of header strip */
	text-decoration : none;
	font-weight: normal;
	color: #fff; /* text color of selected item */
	margin:0;
	padding: 0.5em 1em 0.7em;
	border-right: 1px solid #fff;
	display: block;
	width: auto;
	height: 1em;
}

#header a:hover,
#header a:active,
#header a.here:link,
#header a.here:visited,
a.minibutton:hover,
a.minibutton:active 
{
	background: #0778B2;
	text-decoration:none;
}

#header a.here:link,
#header a.here:visited 
{
	background: #0778B2;
}

/*
	styles for anchors contained inside hdrcont_submenu
*/

#hdrcont_submenu #header a {
	float:left;
	background: #0E4174;
	text-decoration : none;
	font-weight: normal;
	color: #fff;
	margin:0;
	padding: 0.5em 1em 0.7em;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	display: block;
	width: auto;
	height: 1em;
}

#hdrcont_submenu #header a:hover,
#hdrcont_submenu #header a:active,
#hdrcont_submenu #header a.here:link,
#hdrcont_submenu #header a.here:visited
{
	background-color: #0778B2;
	text-decoration:none;
	border-bottom: 1px solid #0778B2;
}

#hdrcont_submenu #header a.here:link,
#hdrcont_submenu #header a.here:visited 
{
	background: #0778B2;
	border-bottom: 1px solid #0778B2;
}


/*
	"minibutton" style draws a small 'button' outline around element.
	Used for font sizing buttons in header menu bar.
*/
a.minibutton {
	font-weight:bold;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 1px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	text-decoration:none;
	position: relative;
}

/*
	"submenu" style is used to create a submenu for header menu bar
*/

#submenu {
	width: 100%;
}

#header ul#submenu {
	position : absolute;
	left : 0px;
	padding: 0;
	margin: 0;
	top: 2.25em;
}

#header ul#submenu a {
	background: #0778B2; /*#bbb;*/
	color:#fff;
	border: 0;
	margin: 0;
	display: block;
	float: left;
	width: auto;
	border-bottom: 1px solid #fff;
}

#header ul#submenu a:hover,
#header ul#submenu a:active,
#header ul#submenu a.here:link,
#header ul#submenu a.here:visited 
{
	background: #02A0E0;
}

#hdrcont_submenu #header ul#submenu a:hover,
#hdrcont_submenu #header ul#submenu a:active,
#hdrcont_submenu #header ul#submenu a.here:link,
#hdrcont_submenu #header ul#submenu a.here:visited 
{
	background: #02A0E0;
	border-bottom: 1px solid #fff;
}