@import url('nav.css');

body
{
    margin: 0;
    background: url(assets/images/lightyellfadedcheck2.gif) ;
    font-family: Arial;
    font-size: small;
   
}
#banner
{
    width: 100%;
    height: 225px;
    background: url(assets/images/banner_bg.png) repeat-x left top;
}
#logo-contact-container
{
    width: 950px;
    margin: auto;
    height: 235px;
}
#logo
{
    width: 463px;
    float: left;
    padding-top:60px;
}
#contact
{
    float: right;
    width: 457px;
    text-align: right;
    padding: 8px 30px 10px 0;
    font: bold 1em/1.1em arial;
    color: #fff;
}

#contact a{
	color:#1a435c;
	text-decoration:underline;
}

#contact a:hover{
	text-decoration:none;
}

#tagline{
	width:900px;
	margin:auto;

}

#tagline h1{
	font-size:2.2em;
	/*background:#ee3a43;*/
font-style:italic;
/*	padding:10px;*/
	color:#000;
/*	border:1px solid #000;*/
}

#nav
{
    float: left;
    width: 100%;
    line-height: normal;
    background: #ffcf06;
    font-family: "Calibri";
   background:#ffcf06 url(assets/images/nav_bg.gif) repeat-x left bottom;
}
#nav ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "Calibri";
   
}
#nav li
{
    float: left;
    margin-right: 1px;
    padding: 0;
}
#nav a
{
    display: block;
    padding: 10px 18px;
    color: #333;
    font-weight: normal;
    text-decoration: none;
    font-family: "Calibri";
    font-size: 1.2em;
    /*border-right:1px solid #666;*/
    
}
#nav a:hover
{
    color: #ee3a43;
}
#content-wrapper
{
    width: 900px;
    margin: auto;
    background: #fff;
    border:1px solid #666;
    
}
#content
{
    padding: 10px 20px 10px 20px;
    position: relative;
    font: normal 1.1em/1.5em arial;
    color: #333;
    
}
.clear
{
    clear: both;
}

h2{
	font-size:2em;
	
	color:#666;
	padding:0 0 0 12px;
	background:url(assets/images/h2_arrow.gif) no-repeat left center;
	}

h3{
	font:italic 1.2em arial;
	color:#552121;
}
table.mooring{
	border:1px solid #666;
	background:#fff7e7;
	margin-bottom:15px;
	width:510px;
	font-size:.9em;
	color:#333;
}

table.mooring tr.heading td{
	background:#ccc;
	border-bottom:1px solid #666;
	font-weight:bold;
	color:#000;
}

table.mooring th{
	font-weight:bold;
	text-align:left;
}

/* for sidebar links
===========================
*/

.box
{
    width: 280px;
    background: url(assets/images/div_bg.gif) no-repeat bottom left;
    margin-top:15px;
}

.box h3
{
    margin: 0;
    padding: 6px 8px 4px 14px;
    font:normal 1.3em arial;
    font-weight:normal;
    color: #fff;
    border-bottom: 1px solid #c00;
    background: url(assets/images/h3_bg.gif) no-repeat top left;
}

.box ul
{
    margin: 0;
    padding: 8px 14px;
    list-style: none;
}

.box ul li
{
    margin: 0 0 3px;
    padding: 0;
    font-size: 90%;
    font-family: Arial;
}

.box ul li a
{
    color: #333;
}

.box ul li a:hover
{
    color: #c00;
}

.quote{
	width:450px;
	background:url(assets/images/big_quotes.gif) no-repeat left 10px;
	font:italic 1.3em/1.4em Georgia;
	color:#552121;
	padding:15px 0 0 45px;
	margin-top:30px;
	border-top:1px dotted #552121;
}

.quote p{
	font-size:.8em;
}