/*
  MetalCraft Marine Screen Styles

  Table of Contents:
    layout
    typography
    forms
*/

/* layout
----------------------------------------------- */
body {padding:0; border:0; margin:0; }

.object {padding:0; border:0; margin:0; }

#content {
  width: 725px;
  position: relative;
  margin-left: auto; margin-right: auto;
}

#content2 {
  width: 725px;
  float: left;
  position: relative;
 /* margin-left: auto; margin-right: auto; */
}


#content_w {
  width: 1000px;
  margin-left: auto; margin-right: auto;
  position: relative;  
}

.videocolumn {
	float: right ;
	width: 240px; 
	top: 175px; 
	position: relative;
}

.videocolumn .videos {border: 0px; }

/*  p + p {
   text-indent: 1em; }
*/
a img { border:  0px;
        margin:  0px;
        padding: 0px;}
.indexcore{  }

.clearboth { clear: both; }

.specregion {
  width: 750px;
  border: medium #000099;
}

.speccolumn {
  float: left;
  width: 250px;
  overflow: hidden;
}


.specbox {
  clear: both;
  font-family: "Courier New", Courier, monospace;
  margin-right: 20px;
  margin-bottom: 5px;
}

.marinaspecbox {
  clear: both;
  margin-right: 20px;
  margin-bottom: 5px;
   margin-top: 15px;
}

img { border: 0px; }

.prodline { margin-top: 10px; }

.rhsmenubox .prodline { margin-top: 2px; }

.busname {
  margin: 0;
  border: 0 solid Black;
  padding: 0;
}

.busmission {   margin: 10; }


.floatleft {
  float: left;
}

.floatright {
  float: right;
}


.hmenuitem, .mainmenuitem { padding-left: 6px; padding-right: 6px;}

.image1px { border: 1px solid #333333;  margin: 3px 3px;  }

.imagewrap {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: thin solid #707070;
}


.lastupdated, .copyright {
  margin-top: 5px;
}

#footer {
  clear: both;
  width: 725px;
  margin-left: auto; margin-right: auto;
}

.productitem { border-top: thin solid Black; }

.sbsthumb
{
  float: left;
  width: 145px;
  border: 0px solid #999999;
  padding: 0;
  text-align: center;
}

.tinythumb {
  float: left;
  border: 0px solid #999999;
  padding: 0;
  text-align: center;
  width: 73px;
  margin: 1px;
}

 .tile { float: left; }

 .movietable {
  border: 1px solid Black;
  background-color: White;
  padding: 2px;
  border-spacing: 1px;
  left: 2%;
  position: relative;
  border-collapse: collapse;
  empty-cells: show;
  margin-top: 7px; margin-bottom: 10px;
}

.movietable caption {
  font-family: verdana, arial, sans-serif;
  font-weight: bold;
  margin-top: 10px;
}

.movietable tr td,  .movietable tr th {
  border: 1pt solid Gray; padding: 4px;  background-color: White;
}

.movietable tr th { padding: 6px; background-color: #EAEAEA; text-align: center; }

.movietable tr.activeitem td {
  border: 1pt solid Gray; padding: 4px;  background-color: Aqua; }

.floater {
  float: left;
  position: absolute;
  border: thin double #000099;
  padding: 7px;
  margin: 3px;
  background-color: White;
  z-index: 0;
  top: 27em ;
}

.bordertable {
  font-size: 1em;
	}
.bordertable tr th { background-color: #EEEEEE; }
.numbercell {
	text-align: right;
}

.mcmform {margin-bottom: 0em; margin-top: 0em;}


.videos {
	border: thin solid Black;	
   margin-top: 1em;
	margin-bottom: 1em;		
   margin-right: 3px;
   margin-left: 3px;	
}

.videos p {
	padding-left: 12px;
	margin-bottom: 0em;
}


.videostd {
  /*  width="425" height="350" */
  /*	width:300px; height:233px; */
  /*  width:330px; height:256px; */
  width:212px; height:175px;

}

.videobox {
	float: left;
/*	margin-left: 30px;	 */
	margin-left: 6px;	
	margin-right: 6px;
	margin-top: 6px;
	padding: 5px;
}

.videobox p {
	margin: 0;
	padding: 0;
	margin-left: 6px;	
	margin-right: 6px;

}

.videoboxwrapper {
}

/* typography
----------------------------------------------- */


body { background-color: White;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #333333;
  background-color: #fff;
  font-size: 12px;
}

p { font-size: 1em; /* 12px */ line-height: 1.5em; /* 18px */ margin: 0 0 1.5em 0; }

.busname, .busattr, .busmission {
   font-family: "Times New Roman", Times, serif;
   color: #000088;
  text-align: center;
}
.busname {
  font-size: 58px;
  line-height: 100%;
  font-weight: normal;
}

.busattr {
  text-transform: uppercase;
  font-size: 11px;
   font-weight: bold;
   letter-spacing: 3px;
}

.busmission, .busmission h2 {
   font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  font-style: italic;
}

#content {
  text-align: left;
}

.floater {
  font-family: Georgia;
  font-size: 10pt;
  font-weight: bold;
  color: #000099;
  width: 500px;
}


a:hover { color : #FF0000;  }

h1 {
font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 2.3333em; /* 28px */ line-height: 1.2857em; /* 36px */ margin-top: 0.6429em; margin-bottom: 0em;
color: #a0370d;
font-weight: 500;	
}

h1 a, h1 a:hover {
  text-decoration: none;
}

h2 {
   color: #000033;
font-size: 1.8333em; /* 22px */ line-height: 1.6364em; /* 36px */ margin-top: 0.8182em; margin-bottom: 0em;
}

h3 {
   color: #000033;
  text-align: left;
font-size: 1.5em; /* 18px */ line-height: 1em; /* 18px */ margin-top: 1em; margin-bottom: 0em;
}

.lastupdated, .copyright p {
  text-align: center;
  font-size: 0.8333em; /* 10px */ line-height: 1em; margin-top: 1.8em; margin-bottom: 0em;
   color: #333366;
}

.lastupdated {
   font-family: "Times New Roman", Times, serif;
}

.copyright {
   font-family: Arial, Helvetica, sans-serif;
  clear: both;
}

.prodline {
   font-family: Arial, Helvetica, sans-serif;
   color: #333366;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  font-size: 1.3333em; /* 16px */ line-height: 1.125em; /* 18px */ margin-top: 1.125em; margin-bottom: 0em;  
}

.rhsmenubox .prodline {
  font-style: normal;
}

.sitetext, .text, .textbold, .specreg, .specbold, .spectitle, .productitem {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #333333;
}


.specreg {
  font-size: 0.9167em; /* 11px */ line-height: 1.6364em; /* 18px */ margin-top: 1.6364em; margin-bottom: 0em;
}

.specbold {
  font-weight: bold;
font-size: 0.9167em; /* 11px */ line-height: 1.6364em; /* 18px */ margin-top: 1.6364em; margin-bottom: 0em;
}


.sbsthumb, .tinythumb
{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9167em; /* 11px */ line-height: 1.6364em; /* 18px */ margin-top: 1.6364em; margin-bottom: 0em;
  color: #797979;
  font-style: bold;
  text-transform: uppercase;
}

.tinythumb {
font-size: 0.8333em; /* 10px */ line-height: 1.8em; /* 18px */ margin-top: 1.8em; margin-bottom: 0em;
}


.sbsthumb a:hover { color : #990000;  font-weight: bold; }

.sbsthumb a {  text-decoration: none;  }

 .spectitle {
  font-weight: bold;
  margin-top: 1.8em; margin-bottom: 0em;
}


.text { line-height: 16px; }

.textbold { font-weight: bold; }

.txthighlight {
  color: #000033;
  }

/*  HoverBox */
.hoverbox
{
  list-style: none;
  padding-left: 80px;
   padding-right: 80px;
  margin-left: auto; margin-right: auto;
}

.hoverbox a .preview
{
  display: none;
}

.hoverbox a:hover .preview
{
  display: block;
  position: absolute;
  top: -77px;
  left: -100px;
  z-index: 1;
}


.hoverbox img
{
  background: #fff;
  border-color: #aaa #ccc #ddd #bbb;
  border-style: solid;
  border-width: 1px;
  color: inherit;
  padding: 2px;
  vertical-align: top;
  width: 300px;
  height: 225px;
}

.aspect075 img
{
  width: 300px;
  height: 400px;
}

.aspect100 img
{
  width: 300px;
  height: 300px;
}


.aspect125 img
{
  width: 300px;
  height: 240px;
}

.aspect133 img
{
  width: 300px;
  height: 400px;
}


.aspect150 img
{
  width: 300px;
  height: 200px;
}

.aspect167 img
{
  width: 300px;
  height: 180px;
}

.aspect180 img
{
  width: 300px;
  height: 167px;
}


.hoverbox li
{
  background: #eee;
  border-color: #ddd #bbb #aaa #ccc;
  border-style: solid;
  border-width: 1px;
  color: inherit;
  display: inline;
  float: left;
  margin: 3px;
  padding: 5px;
  position: relative;
}

.hoverbox .preview
{
  border-color: #000;
  width: 500px;
  height: 375px;
}

.aspect075 .preview
{
  width: 500px;
  height: 667px;
}

.aspect100 .preview
{
  width: 500px;
  height: 500px;
}

.aspect125 .preview
{
  width: 500px;
  height: 400px;
}

.aspect150 .preview
{
  width: 500px;
  height: 333px;
}

.aspect167 .preview
{
  width: 500px;
  height: 300px;
}

.aspect180 .preview
{
  width: 500px;
  height: 278px;
}

.hoverphotos {
	clear: both;
}

/* =Internet Explorer Hacks
----------------------------------------------------------------------*/

* html .hoverbox a
{
  position: relative;
}

* html .hoverbox a:hover
{
  font-size: 100%;
  z-index: 1;
}

* html .hoverbox a:hover .preview
{
  * top: -38px;
  * left: -50px;
  top: -77px;
  left: -100px;

}

* html .hoverbox li
{
  position: static;
}


/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop5.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */

/* body {font-family:verdana, arial, helvetica, sans-serif; color:#000; padding:0; border:0; margin:0; background:#fff;}   */

.clear {clear:both;}

.hiddenfromview {display:none;}

.bold {font-weight:bold;}

xp {font-size:11px; line-height:16px; margin:5px 0 15px 0;}


/* style the outer div to give it width */
.menu {font-size:0.95em; padding:0px;text-align:left; z-index: 100;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:3em; background:#efebef; z-index: 100; }

/* style the sub-level lists */
.menu ul ul {width:15em; z-index: 100;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:3em;line-height:3em; z-index: 100;}

/* style the sub level list items */
.menu ul ul li {display:block;width:12em;height:auto; line-height:1em; z-index: 100;}

/* style the links for the top level */
.menu a, .menu a:visited  { display:block;float:left;height:100%;font-size:1em;text-decoration:none;color:#fff;background: #313063;font-weight: bold;padding:0 2em 0 1em; border-left:1px solid #eee; border-right:1px solid #000;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#cccccc; color:#000;width:12em;height:100%;line-height:1em; padding:0.5em 1em;}

* html .menu ul ul a, * html .menu ul ul a:visited  {width:14em; w\idth:12em;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:1px; top:0; width:0; height:0; font-size:1em; z-index:1;}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background: #CCCCCC;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background: #EfEbEf;}

/* style the sub level 1 background */
.menu ul :hover a.sub1  { }

/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background: #EEEEEE;}

/* style the level hovers */
/* first */
* html .menu a:hover {color:#000;background: #5f5db1; position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#fff;background: #5f5db1;font-weight: bold; }
/* second */
* html .menu ul ul a:hover{color:#000;background: #efebef; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;}

.menu ul ul :hover > a {color:#000;background: #efebef;}
/* third */
* html .menu ul ul ul a:hover {background:#efebef; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background:#efebef;}
/* fourth */
.menu ul ul ul ul a:hover {background:#efebef; position:relative; z-index:130;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:2.5em;left:0;width:14em;}

/* position the third level flyout menu */
.menu ul ul ul{left:12em;top:0;width:14em;}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding-bottom:3em; background:url('images/trans.gif');}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}


/* news and readable feeds */

  .recentnews {
   background-color: White;
}

  .item {
  background-color: #F1F1F1;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  border: 1px solid #BDBDBD;
  margin-left: 8px;
  margin-right: 0px;
  margin-top: 2px;
  margin-bottom: 7px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 8px;
  padding-bottom: 2px;
}


.item a {
  font-weight: bold;
}
td, th {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; /* 12px */ line-height: 1.5em; /* 18px */ margin-top: 1.5em; margin-bottom: 0em;
}


.itemtitle {font-family: Arial, Helvetica, sans-serif;
margin-bottom: 1em;
font-size: 15px;  font-weight: bold;}

.itemdesc {
  margin-left: 2pt;
  margin-right: 2pt;
  margin-bottom: 3px;
  line-height: 14px;
}

.itemdesc p {
	margin-top: 3px;
}

.itemdesc blockquote {
  fxxont-size: 12px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 6px;
  margin-bottom: 3px;
  padding: 15px;
  border: thin dashed #9D9D9D;
  background-color: White;
}
.itempubdate {
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: smaller;
  color: Maroon;
}

.itemguid {margin:0px 0px .5em 2em; text-align: right;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; clear: both;}

.itemguid, .itemguid a  { font-size: 7pt; font-weight: normal; }

.rhsmenubox {
  float: right; width: 230px; border: 1px solid black; padding: 2px;
}

.postit {
  float: right; width: 230px; border: 1px solid #C6C6C6; padding: 5px;
  background-color: #FFFF99;
  margin-left: 5px;
}

.postit p {
font-family: cursive;
}

.downloadbox, .contentsbox {
  background: #EEEEEE;
  border-color: Black;
  border-style: dashed;
  border-width: 1px;
  width: 160px;
  padding: 5px;
font-size: 8pt;
  margin-left: 3px;
}

.downloadbox {
    float: right;
}
.downloadbox img {
  float: left;
  margin-right: 5px;
}

.staffbox {
  float: left;
   margin: 2px;
   border: 1px black;
  font-weight: bold;
}

.staffbox img {
  width: 170px;
  height: 170px;
  border: thin solid Black;
}

.testimonial {
  background-color: #f0f0f0;
  margin: 10px;
  border: thin dashed black;
  width: 690px;
  float: left;
}

.testimonial img {
  margin: 3px;
  float: left;
}

.testimonialdetails {
  float: left;
  width: 600px;
}

.testimonialperson {
  font-weight: bold;
}
.testimonialorg {
   text-transform: uppercase;
  font-size: 8pt;
}

.testimonialquote {
  margin: 6px;
}

.testimonialquote p {
  font-family: "Times New Roman", Times, serif;
font-size: 1.1667em; /* 14px */ line-height: 1.2857em; /* 18px */ margin-top: 1.2857em; margin-bottom: 0em;
  color: Maroon;
  font-weight: bold;    
}


.sidebar {
  margin-right: 15pt;
  margin-left: 8pt;
  width: 220px;
  border: 1pt solid Black;
  padding: 5pt;
  margin-top: 5pt;
  margin-bottom: 5pt;
  float: right;
}

.highlightquote {
  color: black;
  font-size: 16px;
  font-style: italic;
  margin-right: 15pt;
  margin-left: 8pt;
  width: 220px;
  border: 1pt solid black;
  padding: 5pt;
  margin-top: 5pt;
  margin-bottom: 5pt;
  float: right;
}

/*  DEPRECATED


*/
.no-overflow {overflow:hidden}