body, div, ul, li, h1, h2, h3, p {margin: 0; padding: 0;}

html, body {margin: 0px;
padding: 0px;}

body {background: url(images/background.jpg);
font-family: Arial, Helvetica, sans-serif;
font-size: small;}

#container {text-align: center;
width: 1000px;
margin-right: auto;
margin-left: auto;
overflow: hidden;}

#branding {width: 1000px;
height: 125px;
background: url(images/branding.jpg) no-repeat;
text-indent: -999em;}

#navigation {width: 1000px;
text-indent: -999em;}

#home {float: left; width: 166px; height: 22px;}
#about {float: left; width: 166px; height: 22px;}
#graving {float: left; width: 170px; height: 22px;}
#berths {float: left; width: 166px; height: 22px;}
#affiliates {float: left; width: 166px; height: 22px;}
#contact {float: left; width: 166px; height: 22px;}

#home {background: url(images/home.jpg); overflow: hidden; display: block; height: 22px;}
#home:hover {background: transparent url(images/home.jpg) 0 -22px no-repeat;}

#about {background: url(images/about.jpg); overflow: hidden; display: block; height: 22px;}
#about:hover {background: transparent url(images/about.jpg) 0 -22px no-repeat;}

#graving {background: url(images/graving.jpg); overflow: hidden; display: block; height: 22px;}
#graving:hover {background: transparent url(images/graving.jpg) 0 -22px no-repeat;}

#berths {background: url(images/berths.jpg); overflow: hidden; display: block; height: 22px;}
#berths:hover {background: transparent url(images/berths.jpg) 0 -22px no-repeat;}

#affiliates {background: url(images/affiliates.jpg); overflow: hidden; display: block; height: 22px;}
#affiliates:hover {background: transparent url(images/affiliates.jpg) 0 -22px no-repeat;}

#contact {background: url(images/contact.jpg); overflow: hidden; display: block; height: 22px;}
#contact:hover {background: transparent url(images/contact.jpg) 0 -22px no-repeat;}


#content_main {width: 650px;
float: left;
background: #fff;
text-align: left;
padding: 15px 25px 25px 25px;}

#content_sub {width: 270px;
float: left;
background: #f08f60;
text-align: left;
padding: 15px 15px 2000px 15px;
margin-bottom: -2000px;}

#site_info {width: 1000px;
height: 50px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
background: #301c6e;
color: #fff;}

ul#nav_sub li {display: inline;}

ul#nav_sub li a {padding: 5px;
color: #fff;
text-decoration: none;}

ul#nav_sub li a:hover {color: #f08f60;
text-decoration: underline;}

h1 {font-size: xx-large;
color: #301c6e;
padding-top: 15px;
padding-bottom: 10px;}

h2 {font-size: x-large;
color: #fff;
padding-top: 15px;
padding-bottom: 5px;}

h3 {font-size: large;
color: #301c6e;
padding-bottom: 5px;}

#content_main p {line-height: 1.3em;}

#content_main li {list-style: disc;
padding-top: 2px;}

#content_main ul {padding-left: 25px;
padding-top: 5px;}

#copy {text-align: left;
font-size: x-small;
padding-left: 10px;}

#content_main a {text-decoration: none;
font-weight: bold;
color: #301c6e;}

em {font-weight: bold;}

#content_main img {padding-bottom: 20px;}

#site_info {display: block; clear: both;}

p + p {margin-top: 1em;}