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

/****************** RESET ******************/
* { margin: 0; padding: 0; }
body 	{ background: url(/static/images/main-bg.jpg) repeat-x; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #444; }

/****************** TYPOGRAPHY ****************/
h1, h2, h3, h4, h5, h6, p, ul, li, table, td, tr, a, a:hover, input, textarea, select, label 
{ color: #444; font-family: Verdana, Geneva, sans-serif; }

h1              { font-size: 18px; color: #456fb7; padding-bottom: 5px; border-bottom: 1px solid #ccc; margin-bottom: 10px; text-transform: uppercase; } 
h2              { font-size: 16px; color: #456fb7;  } 
h3              { font-size: 12px; margin: 0; padding: 0; color: #444; } 
h4              { font-size: 13px; font-weight: bold; color: #444; }
h5              { font-size: 12px; color: #444; font-weight: bold; }
h6              { font-size: 11px; color: #000; font-weight: bold; }
p				{ padding-bottom: 10px; }
a img           { border: none; }
a               { color: #0064a6; text-decoration: none; }
a:hover         { text-decoration: underline; }
hr              { border: none; border-bottom: 1px dotted #ccc; }
table           { border-collapse: collapse; }
table tr td     { padding: 5px; font-size: 11px; }
input           { border: 1px solid #ccc; font-size: 11px; color: #444;  }
input[type="text"], input[type="password"] { height: 20px; }
select          { height: 20px; }
input[type="radio"], input[type="checkbox"] {height: auto!important; }
input:focus     { background-color: #eee; }
textarea        { border: 1px solid #ccc; padding: 3px 5px; font-size: 11px; color: #444; }
select          { font-size: 11px; border: 1px solid #ccc; color: #444;  }
label           { text-align: right; }


/* font color */
.blue       	{ color: #456fb7; }
.white      	{ color: #fff; }
.grey       	{ color: #444; }
.red			{ color: #900; }

/* font weight */
.bold       	{ font-weight: bold; }
.italic     	{ font-style: italic; }

/* text postiion */
.left	{ text-align: left; }
.right	{ text-align: right; }
.center	{ text-align: center; }

/**** buttons ****/
.btn-blue		{ background: #527ec8; color: #fff; text-transform: uppercase; font-weight: bold; border: 1px solid #456fb7; border-radius: 10px; padding: 3px 5px; }
.btn-blue:hover	{ background: #456fb7; color: #fff; text-decoration: none; }

.btn-grey		{ background: #999; color: #111; text-transform: uppercase; font-weight: bold; border: 1px solid #999; border-radius: 10px; padding: 3px 5px; }
.btn-grey:hover	{ background: #666; color: #000; text-decoration: none; }

/****************** REPEATED CLASSES ****************/
.float-left		{ float: left; }
.float-right	{ float: right; }
.clear			{ clear: both; }

.overflow-wrap	{ overflow: auto; }

.wrapper	{ width: 960px; margin: 0 auto; }

/****************** CEILING ****************/
#ceiling	{ background: #83a1d0; height: 30px; color: #fff; padding-top: 10px; }
//#ceiling a	{ color: #fff; font-weight: bold; }

/****************** MAIN DIV'S ****************/
#logo	{ margin-top: 20px; }
#banner	{ margin-top: 50px; }

#search	{ padding: 20px 0px; }
#search label	{ display: block; width: 250px; float: left; text-align: left; font-weight: bold; color: #456fb7; font-size: 12px; }
#search .inputs	{ width: 320px; margin-right: 5px; }

#footer	{ border-top: 1px solid #ccc; text-align: center; color: #527ec8; padding: 10px; 0px; }
#footer a { color: #527ec8; font-weight: normal; }

#harbor_list { width:100%; margin: auto auto auto auto;text-align: center; }