@import url(reset.css);

/*------PALETTE
#ef3b24 - orange
#e3e3e3 - light gray
#eeeeee - light gray (heading bg)
#666666 - caption text
#fcd9d4 - pale orange
-----------------------*/

/*------COMMON TEXT STYLES------*/
body { 
font: .75em Arial, Helvetica, sans-serif;
background-color: #000;
}
h1 {
font-size: 1.3em;
font-weight: bold;
}
h2 { 
font-size: 1.2em;
font-weight: bold;
}
h3 { 
font-size: .9em;
font-weight: bold;
}
h4 { 
font-size: 1.0em;
font-weight: bold;
}
h5 { 
font-size: .9em;
font-weight: bold;
color: #ef3b24;
}
small {
font-size: .8em;
}
a:hover {
text-decoration: overline;
}
/*-----------CONTAINER--------------*/
#contain {
width: 780px;
height: auto;
min-height: 600px;
margin-left: auto;
margin-right: auto;
background: #fff url(../img/nav-bg.gif) repeat-y left bottom;
border: 2px solid #ef3b24;
}
/*----------HOME PAGE LAYOUT------------*/


#home #news-events {
position: relative;
top: 11px;
right: 12px;
float: right;
width: 184px;
height: 545px;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
background-color: #ef3b24;
}
#home #loftlines {
position: relative;
top: 11px;
left: 20px;
float: left;
width: 420px;
height: 14px;
text-align: center;
padding: 8px 0px 8px 0px;
border: 2px solid #000;
background-color: white;
}
#home #news-events h4 {
text-indent: -8888px;
height: 31px;
width: 184px;
background-image: url(../img/news-events-head.gif);
}
#home #news-events div.list {
height: 353px;
overflow-y: auto;
background-color: #e3e3e3;
margin-left: 5px;
padding: 5px;
}
#home #race-results {
position: relative;
top: 18px;
right: 18px;
float: right;
clear: right;
width: 184px;
height: 265px;
border-right: 2px solid #000;
background: #ef3b24 url(../img/shadow-bttm-hp.gif) no-repeat left bottom;
}
#home #race-results h4 {
text-indent: -8888px;
height: 31px;
width: 184px;
background-image: url(../img/results-head.gif);
}
#home #race-results span.viewall {
display: block;
margin-left: 5px;
padding-left: 5px;
background-color: #e3e3e3;
}
#home #race-results div.list {
height: 206px;
overflow-y: auto;
background-color: #e3e3e3;
margin-left: 5px;
padding: 5px;
}
#home #race-results div.list p {
padding: 4px 0;
}
/*----------MAIN NAVIGATION --------------*/
#left-side {
float: left;
}
#mainnav {
background-color: #000;
padding-bottom: 40px;
margin-top: 0px;
}
#mainnav ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
#mainnav a
{
text-decoration: none;
display: block;
line-height: 2.2em;
text-indent: 8px;
border-bottom: 1px solid #e3e3e3;
width: 120px;
height: 25px;
background-color: #000;
color: #e3e3e3;
}
#mainnav a:link, #menulist a:visited
{
color: #e3e3e3;
text-decoration: none;
}
#mainnav a:hover
{
background-color: #e3e3e3;
background-image: url(../img/hover.gif);
color: #000;
}
#active a:link, #active a:visited, #active a:hover
{
background-color: #e3e3e3;
background-image: url(../img/hover.gif);
color: #000;
}
/*---------CENTER COLUMN -----------------*/
h1 {
color: #fff;
height: 31px;
width: 638px; 
float: left;
margin: 8px 0 4px 12px;
line-height: 2.4em;
text-indent: 20px;
background: #000 url(../img/category-head.gif) left top no-repeat; 
}
#text-column {
width: 444px;
float: left;
margin: 0 12px 8px 12px;
}
#text-column h2 {
height: 20px;
text-indent: 20px;
line-height: 1.4em;
background-color: #eee;
border-top: 1px solid #000;
}
#text-column p {
padding-left: 40px;
padding-bottom: 5px;
padding-top: 5px;
line-height: 1.4em;
}
#text-column div.sail-type {
margin-bottom: 7px;
}
#text-column p.links {
padding-top: 5px;
padding-bottom: 5px;
width: 400px;
}
#text-column p.links a {
line-height: 2em;
padding-right: 15px;
}
#text-column ul {
padding-left: 40px;
padding-bottom: 5px;
line-height: 1.5em;
}
#text-column div.marketing-small {
width: 443px;
height: 21px;
color: #fff;
text-indent: 2em;
padding-top: 10px;
background: #000 url(../img/marketing-box-443px.gif) no-repeat left top;
margin: 10px 0;
}
#text-column div.marketing-large {
width: 633px;
height: 21px;
color: #fff;
text-indent: 2em;
padding-top: 10px;
background: #000 url(../img/marketing-box-633px.gif) no-repeat left top;
}
div.marketing-large a, div.marketing-small a {
color: #fff;
}


#category div.sailtype p {
line-height: 1.4em;
}
#category span.fauxlink {
text-decoration: underline;
color: #00f;
}

#drilldown #text-column {
width: 630px;
float: left;
margin: 0 12px 8px 12px;
}
#drilldown #text-column h2 {
height: 20px;
text-indent: 20px;
line-height: 1.4em;
background-color: #eee;
border-top: 1px solid #000;
margin-bottom: 10px;
}
#drilldown #text-column p, #drilldown #text-column small, #drilldown #text-column h3 {
padding-left: 20px;
padding-bottom: 5px;
padding-top: 5px;
line-height: 1.4em;
}
#drilldown #text-column #imageheader p {
padding-left: 2px;
line-height: 1.4em;
}
#drilldown #text-column ul, #drilldown #text-column ol {
list-style-type: disc;
line-height: 1.4em;
padding-left: 40px;
padding-bottom: 5px;
}
#drilldown #text-column img.right {
float: right;
padding: 8px;
}
#drilldown #text-column img.left {
float: left;
padding: 8px 8px 8px 20px;
}
#drilldown img.side-image {
border: 1px solid #000;
padding: 4px;
}
#drilldown img.side-imagePIC {
border: 1px solid #000;
padding: 4px;
margin-right: 10px;
}
#drilldown div.imgcap {
font-size: .8em;
color: #666;
text-align: center;
width: 180px;
padding-top: 2px;
padding-bottom: 30px;
}
#drilldown div.imgcapSM {
font-size: .8em;
color: #666;
text-align: center;
width: 80px;
padding-top: 2px;
padding-bottom: 10px;
margin-left: 19px;
}
#drilldown div.imgcapSM2 {
font-size: .8em;
color: #666;
text-align: left;
padding-right: 10px;
}
/*--------------RIGHT SIDEBAR -----------------*/
#sidebar {
width: 190px;
float: left;
}
#sidebar p {
margin-bottom: 30px;
width: 181px;
text-align: center;
}
#sidebar img.side-image {
border: 1px solid #000;
padding: 4px;
}
#sidebar table.docs {
width: 175px;
margin: 3px;
}
#sidebar table td.s-type {
width: 90px;
}
#sidebar table td.spacer {
width: 35px;
}
#sidebar div.imgcap {
font-size: .8em;
color: #666;
text-align: center;
width: 180px;
padding-top: 2px;
padding-bottom: 30px;
}
.sidebar-box {
font-size: .8em;
width: 181px;
margin-bottom: 30px;
border: 1px solid #000;
}
.sidebar-box h3 {
background-color: #fcd9d4;
background: #ef3b24 url(../img/heading-marker.gif) 7px 6px no-repeat;
width: 100%;
height: 18px;
color: #fff;
text-indent: 22px;
padding-top: 5px;
}
.sidebar-box ul {
margin: 6px 3px;
line-height: 1.5em;
}

#sidebar span.acrobat {
display: block;
height: 23px;
padding: 3px 6px;
background-color: #eee;
border-top: 1px solid #000;
}
#scrollbox {
width: 181px;
height: 282px;
border-right: 2px solid #000;
margin-bottom: 30px;
background: #ef3b24 url(../img/shadow-bttm.gif) no-repeat left bottom; 
}
#scrollbox h4 {
text-indent: -8888px;
height: 47px;
width: 181px;
background-image: url(../img/j24-results-head.gif);
}
#scrollbox span.viewall {
display: block;
margin-left: 5px;
padding-left: 5px;
background-color: #e3e3e3;
}
#scrollbox div.list {
height: 206px;
overflow-y: auto;
background-color: #e3e3e3;
margin-left: 5px;
padding: 5px;
}
#scrollbox div.list p {
padding: 4px 0;
}
/*-------------BREADCRUMB NAV-----------------*/
#navcontainer { 
margin: 0 0 15px 0;
margin-left: 132px;
}
#navcontainer a {
color: #666;
font-size: .9em;
}
#navlist
{
list-style: none;
padding: 3px 0;
margin: 0;
}

#navlist li
{
display: inline;
padding: 0;
margin: 0;
}

#navlist li:before { 
content: "> "; 
}
#navlist li:first-child:before { 
content: ""; 
}

/*IE workaround*/
/*All IE browsers*/
* html #navlist li
{
background-image: url("../img/gt.gif");
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0.5em 0 1em;
margin: 0 1em 0 -1em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist { 
height: 1%; 
}

* html #navlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { 
background-image: none; 
}
/*-------------FOOTER STYLES--------------*/
#footer {
clear: left;
position: relative;
left: 120px;
bottom: 0px;
text-align: center;
background-color: #ef3b24;
width: 660px;
height: 28px; 
border-top: 2px solid #000;
color: #fff;
font-size: .8em;
padding: 4px 0;
}
#footer address {
display: inline;
font-style: normal;
}
#footer span.colons {
padding: 0 2px;
}
#footer a {
color: #fff;
}
#footer a:hover {
text-decoration: overline;
}
#home #footer {
position: relative;
bottom: 32px;
margin-bottom: -32px;
}