@charset "utf-8";

body {
background-image:url(images/bg.jpg);
}

.content {
margin:0;
overflow:auto
}

/*  MAIN CONTAINER DIV OF THE SITE */

#container {
background-color:#FFF;
border:thin solid;
border-bottom:groove;
border-color:#f1f1f1;
border-right:groove;
border-right-width:4px;
margin:0 auto;
overflow:hidden;
padding:5px;
width:835px
}

/* MENU NAVIGATION AT THE TOP OF THE SITE  */

#navigation {
background-color:#FFF;
float:left;
width:100%
}


/* BRANDING (The area at the top of the page that diplays the Flash movies or other banners */


#branding {
background-color:#FFF;
background-image:url(images/asta-header-banner.gif);
background-position:center bottom;
background-repeat:no-repeat; 
clear:both;
height:190px;
margin-bottom:5px;
width:100%
}

#branding a, #branding a:visited {
background:transparent;
display:block;
height:100%;
width:100%
}

#branding h1 {
display:none
}   /* hides text that will be replaced by images */


/* BRANDING FOR TALL SHIPS CHALLENGE (The area at the top of the page  */


#branding-tallships {
background-color:#FFF;
background-image:url(images/tallshipschallenge-header-banner.gif);
background-position:center bottom;
background-repeat:no-repeat; 
clear:both;
height:190px;
margin-bottom:5px;
width:100%
}

#branding-tallships a, #branding-tallships a:visited {
background:transparent;
display:block;
height:100%;
width:100%
}

#branding-tallships h1 {
display:none
}   /* hides text that will be replaced by images */

/*  FEATURE & bodycopy - the main story of the page  */


#feature li,.bodycopy li {
background:url(images/bullet.gif);
background-position:top left;
background-repeat:no-repeat;
list-style-type:none;
padding: 0 5px 10px 20px;
margin-top: 5px;
margin-right: 30px
}

.bodycopy p {
padding:5px 30px 5px 5px
}

.bodycopy {
border:thin;
border-color:#CDCDCD;
padding: 0 10px;
margin-bottom:40px;
margin-left:270px
}

.bodycopy dl {
padding-left: 30px;
}

.bodycopy dt {
color:#c41230;
font-variant:small-caps;
font-weight:bold;
float: left;
width: 200px;
display: block
}

td.dt {
color:#c41230;
font-variant:small-caps;
font-weight:bold;
float: left;
width: 200px;
display: block
padding-left: 30px;
}

.bodycopy dd {
margin: 0 30px 5px 200px;
}


/*SIDEBAR */

.sidebar {
float:left;
margin:20px 20px 0 0;
padding:0 10px;
width:240px
}


.sidebar a:link,#asta_news a:link,#asta_news a:visited,#member_news a:link,#member_news a:visited,#quicklinks a:link,#quicklinks a:visited {
display:block;
}

.sidebar li {
padding-top:10px;
list-style-type:none
}

/* SIDEBAR SUBCONTENT */

#asta_news {
background-image:url(images/asta-news.gif);
background-position:top center;
background-repeat:no-repeat;
float:left;
height:250px;
margin:20px 0 0;
padding:10px;
width:240px
}

#asta_news li,#member_news li,#quicklinks li {
list-style-type:none;
padding-top:10px
}

#asta_news ul,#member_news ul,#quicklinks ul {
margin:0 0 0 20px;
padding:10px
}

#member_news { /* controls the dimensions and look of the Member News box area on the homepage */
background-image:url(images/member-news.gif);
background-position:top center;
background-repeat:no-repeat;
float:left;
height:250px;
margin:20px 0 0;
padding:10px;
width:240px
}


#membership {  /* controls the look of the sidebar on the Membership series of pages */
border-right:dotted;
border-right-color:#f0f0f0;
background:url(images/membership-sidebar.gif);
background-position:left top;
background-repeat:no-repeat;
height:500px
}

#quicklinks {
background-image:url(images/quicklinks.gif);
background-position:top center;
background-repeat:no-repeat;
height:250px
}

.last {		/*last item in a list */
padding-top:10px
}


/*  FOOTER (site_info) */

#site_info {
background:url(images/bg-ship.gif);
background-position:top left;
background-repeat:no-repeat;
float:right;
height:240px;
margin:30px 0 0;
position:relative;
width:835px 
}


#site_info span {
position:absolute;
top: 205px;
left: 15px;}

#site_info img {
position:absolute;
top: 205px;
right: 0px;}