/* -------------------------------------------------------------------------------- */
/* Copyright (c) 2008 Coast Guard Auxiliary Association, Inc.. All rights reserved. */
/* CSS for U.S. Coast Guard Auxiliary (cgaux.org)                                   */
/* Last Updated 17 March 2008 Eric J. HeBert, DVC-IC                                */
/* Last Updated 19 May 2009 Bill Blandy                                             */
/*    Added width:100% to #TopBanner so that background image works in IE6          */
/* Last Updated 23 June 2009 Bill Blandy                                            */
/*    Added .justify                                                                */
/* -------------------------------------------------------------------------------- */

html           {color:#000000; background-color:#E5E5E5; text-align:center; cursor:default;}
body, td       {color:#000000; background-color:#FFFFFF; text-align:left;   cursor:default;}
th             {color:#000000; background-color:#FFFFFF; text-align:center; cursor:default;}
body           {width:782px ; margin: 0px auto;}
img            {padding: 0px 0px 0px 0px; border: 0px;}
html           {background-image: none;  background-position:center;  background-repeat:repeat-y;  background-attachment:fixed;}
body           {color: #000000; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size:100.01%;  margin: 0; padding: 0; }
body           {margin-left: auto; margin-right: auto; padding: 0px 0px 0px 0px; height:auto; min-height: 895px; position: relative; border-bottom: 1px solid #666; border-right: 1px solid #666; border-left: 1px solid #666; font-size: 0.8em;}
ul             {display:block;     margin:  0px  0px 18px  0px; list-style: disc outside;   }
ol             {display:block;     margin:  0px  0px 18px 18px; list-style: decimal outside;}
li             {display:list-item; margin:  0px  0px  3px 18px;                             }
li.header      {display:list-item; margin:  0px  0px  3px 18px; list-style: none outside; font-weight:bolder; }

a:link         {color:#0000CC; background-color:inherit; text-decoration:none;      cursor:pointer;}
a:visited      {color:#0000CC; background-color:inherit; text-decoration:none;      cursor:pointer;}
a:hover        {color:#CC9933; background-color:inherit; text-decoration:underline; cursor:pointer;}
a:active       {color:#CC9933; background-color:inherit; text-decoration:underline; cursor:pointer;}
a.anchor:hover {color:inherit; background-color:inherit; text-decoration:none;      cursor:default;}

#TopBanner  {border-bottom: thin solid #069; background-image:url(../_images/USCGAUX_TopBanner.jpg);  background-position:top;  background-repeat:no-repeat;  background-attachment:fixed; min-height: 90px; width: 100%}
#mainbody   {border-left  :  1px solid #036; text-align:left; margin-left: 170px; padding: .25em 1em;}
#homebody   {border-left  :  1px solid #036; text-align:left; padding: .25em 1em;}

/*Top Navigation*/
div#nav    {float: left; margin: 0; padding: 0; font-size: 8pt; clear:both;}
div#nav ul              {margin: 0; padding: 0;}
div#nav li              {position: relative; list-style: none; margin: 0; float: left; line-height: 1em;}
div#nav li              {color:#000; background-color: #CCC; border-bottom: 2px solid #036; margin: 0; float:left; text-align:center; border-right: 1px dashed #666; white-space:nowrap;}
div#nav li              {width:97px;}
div#nav li.last         {width:95px; border-right: 1px solid #CCC;}
div#nav li              {color: #000; background-color: #CCC; text-decoration:none;}
div#nav li:hover        {color: #fff; background-color: #666; text-decoration:none;}
div#nav li a            {color: #000; background-color: #CCC; display: block; padding: 5px 3px; text-decoration:none;}
div#nav li a:hover      {color: #fff; background-color: #666; text-decoration:none;}
div#nav>ul a            {width: auto;}
div#nav ul ul           {position: absolute; width: 10em; display: none;}
div#nav ul ul li        {text-align:left; border-bottom: 1px solid #039;}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2       {top: 2em; left: -1px;}
div#nav ul.level3       {top: -1px; left: 90px; border-top: 1px solid #CCC;}

div#nav li #menuAUXHOME   {width:86px;}
div#nav li #menuJOINUS    {width:85px;}
div#nav li #menuMEMEBRS   {width:85px;}
div#nav li #menuWHATSNEW  {width:85px;}
div#nav li #menuMISSIONS  {width:85px;}
div#nav li #menuNATIONAL  {width:85px;}
div#nav li #menuDISTRICTS {width:85px;}
div#nav li #menuCGAuxA    {width:85px;}
div#nav li #menuCHDIRAUX  {width:90px;}

#sectnav  {width:170px; margin: 0px; padding: 0; float:left; text-align:left; border-right: 1px solid #036; clear:both;}
#sectnav ul            {margin:0; padding:0 0 3px 0; width:170px; position:relative;}
#sectnav li            {position:relative; list-style:none; }
#sectnav ul li         {margin: 0; padding: 5px 5px; border-bottom: 1px solid #036;}
#sectnav ul li a       {margin: 0; padding: 0; color: #036; background:#FFF; text-decoration: none;    }
#sectnav ul li a:hover {margin: 0; padding: 0; color: #036; background:#FFF; text-decoration:underline;}
#sectnav .navfocus     {font-weight: bold;}
#sectnav .select       {background: #EEE;  color:inherit; }
#sectnav .header       {font-weight:bold; font-size:105%; color:  #003399; text-align:center;}
#sectnav .headertb     {font-weight:bold; font-size:105%; color:  #003399; text-align:center; border-top: 1px solid #036; }
#sectnav .headerNACO   {font-weight:bold; font-size:120%; color: #990000; text-align:left; border-top: 1px solid #036; padding-top:.5em; padding-bottom:.1em}
#sectnav .headerNACOlast   {border-top: 1px solid #036; border-bottom: none;}
#sectnav ul ul         {position: absolute; width: 170px; display: none; color: inherit; background:#FFF; border-right:1px solid #036;}
#sectnav ul ul li      {text-align:left; border-bottom: 1px solid #039;}
#sectnav ul.level1 li.submenu:hover ul.level2, 
#sectnav ul.level2 li.submenu:hover ul.level3 {display:block;}
#sectnav ul.level2     {left: 170px; top:-1px;}
#sectnav ul.level3     {top: -1px; left: 115px; border-top: 1px solid #CCC;}

#sectionnav {width: 170px; margin: 0; padding: 0; position: relative; float: left; text-align:left;border-right: 1px solid #036; clear:both;}
#sectionnav               {background: #FFF;  color:inherit; }
#sectionnav ul            {margin: 0px 0 0 0; padding: 0 0 3px 0; list-style-type: none; position: relative; }
#sectionnav ul li         {margin: 0; padding: 5px 5px; border-bottom: 1px solid #036;}
#sectionnav ul li a       {margin: 0; padding: 0; color: #036; text-decoration: none;    }
#sectionnav ul li a:hover {margin: 0; padding: 0; color: #036; text-decoration:underline;}
#sectionnav .navfocus     {font-weight: bold;}
#sectionnav .select       {background: #EEE;  color:inherit; }
#sectionnav .header       {font-weight:bold; font-size:105%; text-align:left;}


#navbuttons {padding: 0em; font-size: 8pt;  }
#navbuttons ul {list-style: none; margin: 0; padding: 0; border: none;}
#navbuttons li {width:111px; color:inherit; background-color: #CCC; border-bottom: 2px solid #060; margin: 0; float:left; text-align:center; border-right: 1px dashed #666;}
#navbuttons li.last {width:110px; border-right: 0px;}
#navbuttons li.current {background-color: #999; color: #fff;}
#navbuttons li a {display: block; padding: 5px 5px 5px 0.5em; color: #000;background-color:inherit; text-decoration: none; width: 119px;}
#navbuttons li a:hover {background-color: #666; color: #fff;}
html>body #navbuttons a {width: auto;}

/*.topdropmenu         {width: 140px; position:absolute; top: 0; border: 1px solid #BBB; border-bottom-width: 0; font:normal 80% Verdana; line-height:120%; z-index:100; background-color: white; visibility: hidden; text-align:left;}*/
.topdropmenu         {width: 140px; position:absolute; top: 0; border: 1px solid #BBB; border-bottom-width: 0; font:normal 80% Verdana; line-height:120%; z-index:100; background-color: white; visibility: hidden; text-align:left;}
.topdropmenu a       {width: auto;  display: block; text-indent: 3px; border-bottom: 1px solid #BBB;  padding: 2px 0; text-decoration: none; font-weight: normal; color: black; }
.topdropmenu a:hover {background-color: #F0F0F0;  color:inherit; }
* html .topdropmenu a{ /*IE only hack*/ width: 100%;}

#footer {width:782px; min-height:30px; color:#666; background-color: #fff; text-align:center; float:left; padding: 0 0 0 0; border: 1px solid #036; margin-left:-1px;  clear:both; font-size:1.0em;  line-height:150%; }
div#footer p a          {margin: 0; padding: 0em 1.5em; display: inline;  white-space:nowrap;}
div#footer p.navlinks   {font-size:0.8em;}
div#footer p.buttons a  {line-height:2.5em;}

#footer a         {color: #666; background-color:inherit; text-decoration: none;      cursor:pointer;}
#footer a:hover   {color: #666; background-color:inherit; text-decoration: underline; cursor:pointer;}

#mainbody h1  {color:#039;    background-color:inherit; font: normal normal bold   150%/165% Arial, Helvetica, sans-serif; margin: 0em; padding:  1em  0em  0em  0em; text-align:left;}
#mainbody h2  {color:inherit; background-color:inherit; font: normal normal normal 120%/125% Arial, Helvetica, sans-serif; margin: 0em; padding:  0em  0em  0em  1em; text-align:left;}
#mainbody h3  {color:inherit; background-color:inherit; font: normal normal bold   110%/120% Arial, Helvetica, sans-serif; margin: 0em; padding:  1em  0em .5em  0em; text-align:left;}
#mainbody h4  {color:inherit; background-color:inherit; font: normal normal normal 110%/115% Arial, Helvetica, sans-serif; margin: 0em; padding:  0em  0em  0em  1em; text-align:left;}
#mainbody p   {color:inherit; background-color:inherit; font: normal normal normal 100%/110% Arial, Helvetica, sans-serif; margin: 0em; padding: .5em  0em .5em  0em; text-align:left;}
#mainbody td  {color:inherit; background-color:inherit; font: normal normal normal 100%/110% Arial, Helvetica, sans-serif; margin: 0em; padding: .5em  0em .5em  0em; text-align:left;}
#mainbody th  {color:inherit; background-color:inherit; font: normal normal bold   100%/110% Arial, Helvetica, sans-serif; margin: 0em; padding: .5em  0em .5em  0em; text-align:center;}
#mainbody .center {text-align:center;}
#mainbody .justify {text-align:justify}
#mainbody .blue {color:#039} 

ul.unitlisting             {display:block;     padding: 0; margin:  0em  0em 1.5em   0em; list-style: none;   }
ul.unitlisting li          {display:list-item; padding: 0; margin:  0em  0em 0.5em 1.5em; list-style: none outside; font-weight:normal; font-size: 100%; }
ul.unitlisting li.division {display:list-item; padding: 0; margin:  0em  0em 0.5em 1.0em; list-style: none outside; font-weight:normal; font-size: 110%; border-top:1px dotted #036;}
ul.unitlisting li.district {display:list-item; padding: 0; margin:  0em  0em 0.5em 0.5em; list-style: none outside; font-weight:normal; font-size: 120%; }
ul.unitlisting li.head     {display:list-item; padding: 0; margin:  1em  0em 0.5em   0em; list-style: none outside; font-weight:bolder; font-size: 125%; border-top:3px solid  #036;}

dl.unitlisting             {display:block;     padding: 0; margin:  0em  0em 1.5em   0em; list-style: none;   }
dl.unitlisting dd          {display:list-item; padding: 0; margin:  0em  0em 0.5em 1.5em; list-style: none outside; font-weight:normal; font-size: 100%; }
dl.unitlisting dt          {display:list-item; padding: 0; margin:  1em  0em 0.5em 1.0em; list-style: none outside; font-weight:normal; font-size: 110%; border-top:1px dotted #036;}
dl.unitlisting dd.district {display:list-item; padding: 0; margin:  0em  0em 0.5em 0.5em; list-style: none outside; font-weight:bold  ; font-size: 120%; }
dl.unitlisting dt.district {display:list-item; padding: 0; margin:  0em  0em 0.5em   0em; list-style: none outside; font-weight:bolder; font-size: 125%; border-top:3px solid  #036;}
dl.unitlisting dd.back     {display:list-item; padding: 0; margin:  2em  0em 0.0em   0em; list-style: none outside; font-weight:normal; font-size:  90%; text-align:right;}

ul.whatsnew             {display:block;     padding: 0; margin:  0em  0em 1.5em   0em; list-style: disc outside;}
ul.whatsnew li          {display:list-item; padding: 0; margin:  0em  0em 1.0em 1.5em; list-style: disc outside url(../_images/inline025.gif); font-weight:normal; font-size: 100%; }

.center {text-align:center;}
.justify {text-align:justify;}

/* Drop down Top Navigation for second level menus for IE6 */
.ddnav{position: absolute; left: 0; top: 0; text-indent: 0px; visibility: hidden; border-right: 1px dashed #666; padding: 2px 0px 2px 0px; line-height: 1em; z-index: 4; background: #FFF; width: 120px; }

.ddnav ul{margin: 0; padding: 0; list-style-type: none;}

.ddnav ul li a{width: 100%; display: block; padding: 2px 0px 2px 0px; text-decoration: none; font-size: 8pt; color: #000; background-color: #CCC; text-indent: 0px; border-bottom:solid #036 1px; line-height: 1em;}

.ddnav li{margin: 0; float:left; text-align:center; white-space:nowrap; padding: 2px 0px 2px 0px; color: #000; background-color: #CCC; text-decoration:none;}

ddnav li a{color: #000; background-color: #CCC; display: block; padding: 2px 0px 2px 0px; text-decoration:none;}

ddnav a:hover{color: #fff; background: #666; text-decoration:none;}
/* end Drop down Top Navigation for second level menus for IE6 */

/* Pop out Side Navigation for second level menus for IE6 */
.posectnav{position: absolute; left: 0; top: 0; text-indent: 0px; visibility: hidden; border-right: solid #036 1px; line-height: 18px; z-index: 4; background: #FFF; width: 170px;}

.posectnav ul{margin: 0; padding: 0; list-style-type: none;}

.posectnav ul li a{width: 100%; display: block; padding: 0px 0px 0px 0px; text-decoration: none; text-indent: 0px; border-top:solid #036 1px; line-height: 18px;}

.posectnav a:hover{background: #FFF; color: #036;}
/* end Pop out Side Navigation for second level menus for IE6 */

#displaybox {
	z-index: 10000;
/*	filter: alpha(opacity=100); older IE*/
/*	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99); IE */
/*	-moz-opacity: .99; older Mozilla*/
/*	-khtml-opacity: 0.99;   older Safari*/
/*	opacity: 0.99;   supported by current Mozilla, Safari, and Opera*/
	background-color:#FFFFFF;
	position:fixed; 
	top:150px; 
	width: 540px; 
	color:#000000; 
	text-align:center; 
	vertical-align:middle; 
}
/* div id for date and time at top of Side Nave */
#time_line {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 2px;
	padding-top: 0em;
	padding-bottom: 0em;
	text-align: center;
	font-size:11px;
	font-weight: 600;
}

@media aural{
	.tabset_content,
	.tabset_label	{ display:block }
}

@media print {
 .NoPrint 
    {display:none;}
  a {color:#000000;background-color:inherit;} 
}