/*U.S. Coast Guard Auxiliary, 9th Coast Guard District, Central Region*/
/* CSS Document */
.masthead 
   {
   height: 120px;
   background-color: #FFFFFF;
   }
.masthead img {
	float: right;
	border: 0;
	height: 120px;
}
#plugInDiv {
	width: 595px;
	float: right;
}

body 
   {
   margin: 0;
   padding: 0;
   background-color: #e5e5e5; /*light gray*/
   color: #006; /*dark blue*/
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   /* Sets default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent 
   (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in 
   other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. 
   Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this 
   property */ 
   font-size:100.01%;
   }

#pagecontainer 
    {
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	height:auto; 
	min-height:600px;
	width:788px;
	position: relative;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	background-color: #fff;
	font-size: 0.8em;
	display: inline-block;   /* a fix for IE Mac */
    }

/* fix for the Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html #pagecontainer {height: 1%;}
#pagecontainer {display: block;}
/* End hide from IE-mac */
	
#pagecontainer:after 
    {
    content: ".";            /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;               /* ensure the period is not visible */
    clear: both;             /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
    }

#column-a 
    {
	border-right: 1px solid #666; /* Added to fix issues with long site navigtion */
	width: 170px;
	min-height: 486px;
	float: left;
	vertical-align: top;
	margin: 0;
	padding: 0px;
	clear: left;
	}
	
#column-a h2 
    {
	font-size: 1em;
	line-height: 1.2em;
	color: #c00;
	font-weight: bold;
	margin: 0;
	padding: 5px 0px 0px 0px;
	text-align: center;
	}

#column-a a:link	{font-weight: 500; text-decoration: underline;}
#column-a a:visited	{font-weight: 500; text-decoration: underline;}
#column-a a:hover	{font-weight: 500; text-decoration: underline;}
#column-a a:active	{font-weight: 500; text-decoration: underline;}

	
#column-d 
    {
	margin-left: -1px; /* Added to fix issues with long site navigtion */
	width:595px;  
	min-height:450px;
	height:450px;
	float:left;
	border-left: 1px solid #666; /*gray*/
	padding: 5px 10px;
	}

#column-d a:link	{font-weight: 500; text-decoration: underline;} 
#column-d a:visited	{font-weight: 500; text-decoration: underline;}
#column-d a:hover	{font-weight: 500; text-decoration: underline;} 
#column-d a:active	{font-weight: 500; text-decoration: underline;} 

#column-d p
     {
	 text-align:justify
	 }	

#column-d[id]
     { 
	 height: auto; 
	 }
#column-d ul 
     {
     margin-left: 2em;
	 list-style-position: outside;
	 padding: 2px; 
	 }
 
.clearit 
    {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
    }       

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

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

#nav {padding: 0; margin: 0; list-style: none; height: 28px; background-color: #eaeaea; position: relative; z-index: 200; font-family: tahoma, verdana, helvetica, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display: block; float: left; height: 28px; line-height: 28px; color: #006; text-decoration: none; font-size: 12px; font-weight: normal; padding:0px; cursor: pointer; background-color: #eaeaea; border-top: solid 2px #f00; border-bottom: solid 2px #f00; }
#nav li a.top_link span {float:left; display:block; padding:0 18px 0 18px; height:28px; background-color: #eaeaea;}
#nav li a.top_link span.down {float:left; display:block; padding:0 18px 0 18px; height:28px; background-color: #eaeaea;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#fff; background-color: #036;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background-color: #036;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background-color: #036;}

#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0px; top:30px; background:#eaeaea; padding:0px; border:2px solid #f00; white-space:nowrap; width:180px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:24px; position:relative; float:left; width:180px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:12px; height:24px; width:180px; line-height:24px; text-indent:5px; color:#006; text-decoration:none;}
#nav li ul.sub li a.fly
{background:#eaeaea url(images/arrow.gif) 170px 6px no-repeat;}
#nav :hover ul.sub li a:hover 
{background:#036; color:#fff; border-color:#f00;}
#nav :hover ul.sub li a.fly:hover
{background:#036 url(images/arrow_over.gif) 170px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:12px; height:18px; width:180px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#f00; border-bottom:1px solid #f00; cursor:default;}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:180px; top:-4px; background: #eaeaea; padding:3px; border:2px solid #F00; white-space:nowrap; width:180px; z-index:400; height:auto;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul
{left:180px; top:-4px; background: #eaeaea; padding:0px; border:2px solid #f00; white-space:nowrap; width:180px; z-index:400; height:auto;}
#nav li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly
{background:#036 url(images/arrow_over.gif) 170px 6px no-repeat; color:#fff; border-color:#f00;} 
#nav li:hover li:hover > li a.fly
{background:#eaeaea url(images/arrow.gif) 170px 6px no-repeat; color:#006; border-color:#f00;} 
	
div#plug 
    {
	width: 595px; 
	float:right;
	}

#plug span
   {
	float: right; 
	padding: 0px;
	margin-bottom: 5px;
	margin-right: 5em;
	border: 1px solid #036; /*dark blue*/
	}
	
span#plug 
    {
	float: right; 
	padding: 0px;
	margin-bottom: 5px;
	margin-right: 5em;
	border: 1px solid #036;/*dark blue*/
    } 

#plug a 
    { 
	text-decoration: none;
	display: block;
	font-size: .9em;
	padding: 3px;
	border-top: 1px solid #fff; /*white*/
	border-right: 1px solid #fff; /*red*/
	border-bottom: 2px solid #f00; /*red*/
	border-left: 2px solid #f00; /*white*/
    }
	
#plug a:hover 
    {
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	padding-right: 4px;
	background-color: #006; /*darkest blue*/
	color: #fff; /*white*/
	border-bottom: 1px solid #fff; /*white*/
	border-left: 1px solid #fff; /*red*/
	border-top: 2px solid #f00; /*red*/
	border-right: 2px solid #f00; /*white*/
    }
.course
     {
	 background-color: #eaeaea;
	 display: block;
	 }
	
#footer 
    {
	width:788px;
	min-height:20px;
	background-color: #fff; /*white*/
	text-align:center;
	float:left;
	padding: 15px 0 15px 0;
	border-top: 1px solid #666;
	margin-right:-3px; /* Hack for IE Duplicate Charater Bug */
	} 

#footer a:link		{font-size:0.9em; color: #006; text-decoration: none;} /*darkest blue*/
#footer a:visited	{font-size:0.9em; color: #006; text-decoration: none;} /*darkest blue*/
#footer a:hover		{font-size:0.9em; color: #fff; text-decoration: none; background-color: #036} /*dark blue*/
#footer a:active	{font-size:0.9em; color: #fff; text-decoration: none;} /*white*/

div#footer p {
	margin: 0; padding: 0.5em;
	font-size:0.8em;}
	
div#footer ul {
	margin: 0; 
	padding: .5em;
	list-style-type: none;
	position: relative;
	background-color: #fff;} /*white*/
	
div#footer ul li 
    {
	margin: 0; 
	padding: .5em 1em;
	display: inline; 
	}
	
h1
 {
 font-size: 1.7em;
 color: #036;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-weight:500;
 }

h2
 {
 font-size: 1.5em;
 color: #f00;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-weight:600;
 }
 
h3
  {
  font-size: 1.25em;
  color: #006;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-weight: 500;
  }

.icon
 {
  border:none;
 }