@charset "utf-8";
/* CSS Document */

/* --Organization of sytles--
	-CSS undo 
	-Main Design styling
	-General Styles
	-Font Styles
	-Links
	-Lists
	-Tables
	-Gradient Tab Menu
	-Google Search 
	-Newsletter page
	-Community Photo page
*/

/*CSS undo - over-rides browser defaults*/
html {height: 100%;	margin-bottom: 1px;}
body {min-height:101%;}/* forces a scrollbar so page doesn't jump */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, pre, code {font-size:1em;}
:link, :visited {text-decoration:none;}
img {border: none;}
/* End CSS undo */

/*CSS to fix IE problems */
/*End CSS to fix IE problems */


/* Main Design styling  */
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #22649e url(../img/mxak_gradient.gif) repeat-x bottom fixed;   
	position: relative;
	color: #555;
	padding: 0 5px 15px 0;
	width: 100%
}
#container {
	position: relative;
	width: 954px;
	margin: 0 auto;
	background: #fff;
	z-index: 1;
	font-size: 0.9em;
	min-width: 954px;
}

#transparent_width {  /* div to force IE to minimum width */
	position: absolute;
	bottom: 0;
	width: 943px;
} 

#container.no_table {
	background: #fff url(../img/mxak_compass.gif) no-repeat bottom right;
	padding-bottom: 0;
}

#header {
	height: 48px;
	background: #2878bd url(../img/mxak_headerslice.gif) repeat-x;
	width: 100%;
}

#topmenu {
	height: 20px;
	background: #22649e;
	width: 100%;
}
#rope {
	position: absolute;
	top: 0;
	left: 0;
	width: 25%;
	height: 48px;
	background: url(../img/mxak_linesegment.gif) repeat-x;
	z-index: -5;
}
#top { /* this extendes the blue top band to the right */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 48px;
	background: url(../img/mxak_headerslice.gif) repeat-x;
	z-index: -10;
}

table.main {
	width: 100%;
	margin: 0;
	clear: both;
}
td#sidemenu {
	width: 100px;
	font-size: 0.8em;
	border-right: 1px solid #ccc;
	padding: 10px 0 20px 0;
}
#sidemenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#sidemenu li {
	padding: 10px 3px 1px 7px;
	margin:0;
	border-bottom: 1px solid #ccc;
	width: 100px;
}
#sidemenu a:link, #sidemenu a:visited {
	color: #22649e;
	text-decoration: none;
	font-weight: bold;
}

#sidemenu a:hover {
	text-decoration: underline;
}
td#center, td#sidemenu, td#rightside { /* can probably delete */ 
	vertical-align: top;
}
td#center {
	padding: 10px 20px 20px;
	background: url(../img/mxak_compass.gif) no-repeat bottom right;
	line-height: 1.3em;
}

table#top_home td#top_pict {
	width: 237px;
}

table#top_home img {
	border: 1px solid #000;
	margin: 10px 10px 10px 0;
}

table#top_home td {
	vertical-align: middle;
}

table#top_home p {
	margin: 0 20px 0 10px;
}



td#rightside {
	width: 170px;
	background: #e5e5e5;
	text-align: center;
}


td#rightside img {
	border: none;
	margin: 5px auto;
}

#signup {
	margin-top: 20px;
	padding-left: 7px;
}


/*  General Styles */

p {
	margin: 10px 10px;
}

.floatleft {
	float: left;
	margin-right: 10px;
}

.floatright {
	float: right;
	margin-left: 10px;
}

td {
	vertical-align: top;
}

td.rope2 {
	height: 16px;
	text-align: center;
	padding-top: 3px;
}

div.clearer {
	clear:both;
	line-height: 0;
	height: 0;
}
div.divider {
	background: url(../img/mxak_divider_bg.gif) repeat-x;
	height: 15px;
}

div.divider2 {
	background: url(../img/horizontal_line_narrow.gif) no-repeat;
	height: 15px;
	overflow: hidden;
	width: 515px;
	margin: 0 auto;
}

.borderright {
	border: 1px solid #333;
	border-width: 0 1px 0 0;
}

.paddingleft {
	padding-left: 10px;
}

p.narrow {
	margin: -3px 0;
}

.nobottom {
	margin-bottom: 0;
}

.center {
	text-align: center;
}

.notop {
	margin-top: 0
}

.largetop {
	margin-top: 20px;
}

.border_bottom {
	border-bottom: 1px solid #000;
}

div.seven_fifty {         /*  see Tables for table.seven_fifty */
	width: 750px;
}
/*  End General Styles */


/* Font Styles */
h1 {
	margin-left: -4000px;
	overflow: hidden;
	height: 1px;
	background: #22649e; 
}

h2 {
	font-size: 1.2em;
	color: #22649e;
	margin-top: 10px;
	margin-bottom: 7px;
}


h2.serif {
	font-size: 2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-weight: normal;
}

h3 {
	font-size: 1em;
	color: #555;
	margin-top: 10px;
	margin-bottom: 7px;
}

h3.center-large {
	font-size: 1.3em;
	text-align: center;
}

h4 {
	font-size: 0.9em;
	font-style: italic;
	margin-bottom: -7px;
	margin-top: 15px;
}

td#rightside h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.15em;
	color: #777;
	margin-top: 0;
}

td#rightside p {
	margin: 5px auto;
}

p#breadcrumbs {
	margin: 0;
	font-size: 0.75em;
}

p.subheading {
	color: #666;
	margin-top: 3px;
}


td#quicklinks {
	padding-left: 10px;
}

#caption {
	font-size: 0.85em;
	font-style: italic;
}


/* Links */
#center a:link, #center a:visited {
	text-decoration: none;
	color: #22649e;
	font-weight: bold;
	font-size: 0.9em;
}

#center a:hover {	
	text-decoration: underline;
}

#center h3 a:link {
	font-size: 1em;
	text-decoration: underline;
}

#center h3 a:hover {
	text-decoration: none;
}

#center h4 a:link {
	font-size: 1em;
	text-decoration: underline;	
}

#center h4 a:hover {
	text-decoration: none;	
}

td#rightside a:link {
	font-size: 0.9em; 
}

td#rightside a:hover{
	text-decoration: underline;
}

/*
td#quicklinks a:link { 
	color: #555555;
	font-weight: normal;
} */

.toplink {
	font-size: 0.80em;
}

#reference ul a:link, #reference ul a:hover, #reference ul a:visited {
	font-size: 1em;
}

/* End Links */


/* Lists */

ul {
	margin: 7px 20px;
}

li {
	margin: 5px 10px;
}

ul.plain {
	list-style: none;
}

ol {
	margin: 7px 20px 7px 30px;
}

ol.alpha {
	list-style: lower-alpha;
}

ol.alpha-upper {
	list-style: upper-alpha;
}

#reference ul {
	list-style: none;
}

ol.lower-roman {
	list-style: lower-roman;
}

dl.tight {
	margin-top: 10px;
}

dl.tight dt {
	margin: 0;
}

dl.tight dd {
	margin: 0 10px;
}

/* End Lists */


/* Tables */

td.half {
	width: 50%;
}

td.third {
	width: 33.3%;
	padding: 0 10px;
}

table.fullwidth {
	width: 100%;
}

table.seven_fifty {
	width: 750px;
	margin: 0 auto;
}


.center_table {
	margin: 0 auto;
}
	

table#ports p {
	margin-bottom: 0;
}

table#ports ul {
	margin-top: 0;
	margin-bottom: 15px;
}

table#ports li {
	margin: 3px 15px;	
}

table#vessel_types td, table#academies td {
	padding-bottom: 10px;
}

table#academies p {
	margin-top: 0;
}

table.padding td {
	padding: 0 10px 15px 10px;
}

table.padding_sm td {
	padding: 0 5px 10px 5px;
}

table#links p {
	margin: 0 0 15px;
}

#safety_bulletins th {
	text-align: left;
}

#uscg_emerg {
	width: 400px;
	margin-top: 10px;
}

#uscg_emerg td {
	text-align: center;
}	

#uscg_emerg th {
	background: #f00;
	color: #000;
}

table.emerg td {
	padding-bottom: 5px;
	padding-left: 5px;
}
	
/* End Tables */


/* Gradient Tab Menu */
#nav {
	font:bold 0.65em Verdana, Arial, Helvetica, sans-serif;
	background: #22649E url(../img/tabs2.jpg) repeat-x left bottom;
	width:100%;
	float:left;
}
#nav ul {
	margin:0;
   	list-style:none;
	padding:5px 10px 0 0;
}
#nav a, #nav strong, #nav span {
	float:left;
   	display:block;
	color:#000;
	padding:3px 10px 1px 0;
	background: url(../img/tabs2.jpg) no-repeat 100% 0px;
	text-decoration:none;
	white-space: nowrap;
}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav li { 
   float:left;
   background:url(../img/tabs2.jpg) no-repeat 0px 0px;
   margin:0;
   padding:0 0 0 10px;  
}
#nav #current {
   background:url(../img/tabs2.jpg) no-repeat 0 -42px;
}
#nav #current a {
   background:url(../img/tabs2.jpg) no-repeat 100% -42px;
	padding:3px 10px 2px 0;
	color:#46567a;
}
#nav a:hover {
	color: #46567a;
	}
	
#nav li#emergency {
	background:url(../img/tab_emergency2.jpg) no-repeat 0px 0px;
}

#nav li#emergency a {
	background:url(../img/tab_emergency2.jpg) no-repeat 100% 0px;
	color: #fff;
}	

#nav #emergency_current {
   background:url(../img/tab_emergency2.jpg) no-repeat 0 -42px;
}

#nav #emergency_current a {
   background:url(../img/tab_emergency2.jpg) no-repeat 100% -42px;
   color: #FF0000;
}

/* End Gradient Tab Menu */

/* Google Search  */
div#google_search {
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 2;
}

div#cse-search-results {
	padding: 20px 20px;
}
/* End Google Search */


/* Newsletter page */
div#news, div#news, div#news, div#news  {
	width:250px;
	float: left;
	margin-bottom: 10px;
}
/* Newsletter page */

/* Community Photo page */

div.photolist {
	width: 180px;
	float: left;
	height: 170px;
}

div.photolist img {
	border: none;
}

div.photolist ul {
	list-style: none;
	line-height: .95em;
}

div.photolist li {
	display: block;
	font-size: 0.75em;
	margin: 0;
	padding: 0;
}