*
{
margin: 0;
padding: 0;
font-size: 1.0em;
outline: none;
border: none;
}

body 
{
background-color: #0e113a;
font-family: Arial;
font-size: 10px;
color: #fff;
}

#wrapper
{
position: relative;
width: 620px;
padding: 0 10px;
margin: 0 auto;
background: url(img/wrapper-background.jpg) no-repeat right top;
}

h1
{
margin-bottom: 0.5em;
font-family: Trebuchet MS;
font-size: 22px;
font-weight: bold;
color: #fff;
}

h2
{
margin-bottom: 0.5em;
font-family: Trebuchet MS;
font-size: 18px;
font-weight: bold;
color: #1cb3e4;
}

h3
{
margin-bottom: 0.5em;
font-family: Trebuchet MS;
font-size: 16px;
font-weight: bold;
color: #fff;
}

h4
{
margin-bottom: 0.8em;
font-family: Arial;
font-size: 14px;
color: #9cb5bd;
color: #86B6EF;
}

p, ul
{
margin-bottom: 1.8em;
font-family: Arial;
font-size: 11px;
line-height: 1.5em;
font-weight: bold;
color: #D1DCDF;
}

li
{
list-style: outside disc;
margin-left: 15px;
}

.q-and-a li
{
margin: 0 0 0 0;
padding-left: 15px;
list-style: none;
}

.q-and-a li h3
{
margin-left: -15px;
margin-bottom: 0;
padding: 2px 0 10px 15px;
background: url(img/header-background.png) no-repeat left top;
font-size: 13px;
color: #1cb3e4;
}

.q-and-a li .name
{
color: #86B6EF;
}

a
{
text-decoration: underline;
color: #fff;
}

a:hover
{
color: #9cb5bd;
}

.img-left, .img-right, .img-center img
{
padding: 3px;
background-color: #5B5E79;
}

.img-left p, .img-right p
{
clear: both;
font-size: 10px;
font-weight: normal;
margin-bottom: 0;
}

.img-left
{
float: left;
margin: 0 10px 0 0;
}

.img-right
{
float: right;
margin: 0 0 0 10px;
}

.img-center
{
text-align: center;
}

.clear {clear: both;}
.clear-right {clear: right;}
.clear-left {clear: left;}

.right {float: right;}
.left {float: left;}


/* MASTERPAGE
_____________________________________________________________________________________________________________________*/

#branding
{
position: relative;
float: left;
width: 100%;
height: 387px;
}

#branding h1
{
display: none;
position: absolute;
top: 45px;
left: 165px;
width: 50px;
height: 46px;
background: url(img/logo-honda-classic.png) no-repeat left top;
text-indent: -9999px;
}

#branding h2 a
{
position: absolute;
left: 0px;
top: 45px;
width: 259px;
height: 74px;
background: url(img/ie6-title.png) no-repeat left top;
text-indent: -9999px;
}


h3#date a
{
position: absolute;
top: 130px;
left: 70px;
font-family: Century Gothic, Arial;
font-size: 20px;
font-weight: bold;
text-decoration: none;
color: #3395ac;
color: #df1d39;
}

#branding p
{
position: absolute;
right: 70px;
bottom: 0;
font-family: Arial;
font-size: 12px;
line-height: 1.2em;
letter-spacing: 0.1em;
font-weight: bold;
text-align: right;
color: #9cb5bd;
color: #fff;
}

#nav
{
float: left;
width: 150px;
}

#nav li#home-link {margin-left: 0; list-style: none; font-family: Trebuchet MS; font-size: 20px; font-weight: bold; }
#nav li#home-link a {color: #df1d39;}

#nav li
{
padding-top: 5px;
margin: 0 10px 5px 15px;
list-style: outside disc;
font-family: Arial;
font-size: 11px;
line-height: 14px;
font-weight: bold;
/*background: url(img/bullet-flag.png) no-repeat center top;*/
}
#nav li:first-child {padding-top: 0; background: none;}
#nav li a
{
text-decoration: none;
}

#nav li a:hover
{
color: #1cb3e4;
}

#content-featured
{
float: left;
margin-top: 3px;
margin-left: -5px;
height: 130px;
width: 420px;
}

#content-featured li
{
float: left;
margin: 0;
list-style: none;
margin-right: 1px;
}

#content-featured li h3 {margin-bottom: 0;}

#content-featured li a
{
width: 202px;
height: 92px;
display: block;
text-indent: -9999px;
}

li#buy-merch a {background: url(img/buy-merch.gif) no-repeat left top;}
li#buy-merch a:hover {background: url(img/buy-merch-hover.gif) no-repeat left bottom;}

li#buy-tickets a {background: url(img/buy-tickets.gif) no-repeat left top;}
li#buy-tickets a:hover {background: url(img/buy-tickets-hover.gif) no-repeat left top;}

#content-sub
{
clear: left;
float: left;
width: 140px;
}

#content-sub div
{
position: relative;
width: 119px;

padding: 20px 5px;
margin: 0 0 20px 0;
list-style: none;
/*height: 533px; background: url(img/content-sub-background.png) no-repeat left top;*/
}

#content-sub h3 a
{
padding: 15px 5px 0 5px;
margin: -20px -5px 10px -5px;
font-size: 16px;
line-height: 1.2em;
color: #830E11;
background: url(img/callout-h3-background.png) no-repeat left top;
text-align: left;
text-transform: none;

}

#content-sub p
{
margin-bottom: 18px;
}

#content-sub a
{
display: block;
font-size: 15px;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
text-align: center;
}

#content-sub a:hover
{
color: #0e113a;
}

#callout
{
background: url(img/callout-background.png) no-repeat left bottom;
}

#callout ul
{
margin-top: -10px;
margin-bottom: 20px;
}

#callout ul li {list-style: none; margin-left: 0; margin-bottom: 8px; line-height: 1.2em; text-align: center;}

#classic-community
{
float: left;
clear: left;
}

#classic-community li
{
float: left;
width: 37px;
height: 36px;
margin: 0 4px;
padding: 0;
list-style: none;
}

#classic-community li a
{
position: absolute;
top: 0; left: 0;
display: block;
width: 37px;
height: 36px;
text-indent: -9999px;
}

li#hcwebsite {background: url(img/btn-website.gif) no-repeat left top;}
li#facebook {background: url(img/btn-facebook.gif) no-repeat left top;}
li#twitter {background: url(img/btn-twitter.gif) no-repeat left top;}


#content-articles
{
float: right;
width: 450px;
margin-left: 20px;
}

#content-articles #home
{
margin-left: -20px;
}

#content-articles #home li, #content-articles #home .additional-content
{
position: relative;
width: 391px;
min-height: 115px;
padding: 0 25px 0 20px;
margin: 0 0 25px 0;
list-style: none;
}

#content-articles #home h3
{
padding: 3px 0 5px 10px;
margin: 0 0 0 -15px;
background: url(img/header-background.png) no-repeat left top;
font-size: 17px;
}

#content-articles #home h5
{
margin-bottom: 10px;
font-size: 11px;
color: #fff;
}

#content-articles #home li p
{
min-height: 85px;
height: 85px;
margin: 0 -5px 0 0;
padding: 0 12px 5px 0;
border-bottom: solid 1px;
}

#content-articles #home #articles-list a
{
position: absolute; 
right: 0;
bottom: 0;
width: 20px;
height: 115px;
background-image: url(img/read-btns.png);
text-decoration: none;
text-indent: -9999px;
}
li.pink h3 {color: #e41c41;}
#content-articles #home li.pink p {border-color: #e41c41;}
li.pink a {background-position: 0 top;}
li.green h3 {color: #1f6e0d;}
#content-articles #home li.green p {border-color: #1f6e0d;}
li.green a {background-position: 120px top;}
li.orange h3 {color: #ee4a0c;}
#content-articles #home li.orange p {border-color: #ee4a0c;}
li.orange a {background-position: 100px top;}
li.purple h3 {color: #8518ad;}
#content-articles #home li.purple p {border-color: #8518ad;}
li.purple a {background-position: 80px top;}
li.yellow h3 {color: #adb30d;}
#content-articles #home li.yellow p {border-color: #adb30d;}
li.yellow a {background-position: 60px top;}
li.aqua h3 {color: #0da9b3;}
#content-articles #home li.aqua p {border-color: #0da9b3;}
li.aqua a {background-position: 40px top;}
li.lime h3 {color: #0db314;}
#content-articles #home li.lime p {border-color: #0db314;}
li.lime a {background-position: 20px top;}


#footer
{
clear: both;
width: 100%;
margin-top: 20px;
padding-top: 10px;
text-align: center;
}

#footer .organizations
{
float: left;
width: 33%;
}

#footer li
{
position: relative;
margin: 0 auto;
list-style: none;
}

#sponsors
{
clear: left;
float: left;
width: 137px;
margin-top: 20px;
padding-top: 20px;
border-top: solid 2px #1D214F;
}

#sponsors li
{
position: relative;
margin: 0 auto;
list-style: none;
text-align: center;
}

.organizations h4
{
margin-bottom: 5px;
font-size: 10px;
text-align: center;
color: #9cb5bd;
}

.organizations a
{
display: block;
margin: 0 auto;
text-indent: -9999px;
}

#tirekingdom a
{
width: 102px;
height: 40px;
background: url(img/logo-tirekingdom.png) no-repeat left bottom;
}

#yokohama a
{
width: 123px;
height: 32px;
background: url(img/logo-yokohama.png) no-repeat left bottom;
}

#nchcf a
{
width: 116px;
height: 75px;
background: url(img/logo-nchcf.png) no-repeat left top;
}

#chc a
{
width: 123px;
height: 74px;
background: url(img/logo-chc.png) no-repeat left bottom;
}

/* 2009-08 PAGES
_____________________________________________________________________________________________________________________*/

#adam-wainright .img-right, #commitment-to-charity .img-right, #wives-tour .img-right, #yang .img-right
{
width: 200px;
}

#junior-boys, #junior-girls {clear: right; margin-top: 15px;}
#junior-girls {margin-bottom: 10px;}


.partner-offer
{
padding: 20px 0;
border-bottom: solid 2px #1D214F;
}

.partner-offer img#tirekingdom
{
float: right;
padding: 10px;
margin: 0 0 20px 20px;
background-color: #fff;
}

#quiz ol
{
color: #fff;
}

#quiz li
{
margin-bottom: 15px;
list-style-type: decimal;
font-family: Arial;
font-size: 13px;
line-height: 18px;
font-weight: bold;
color: #df1d39;
}

.merch-items
{
float: left;
margin-bottom: 30px;
}

.merch-items li
{
float: left;
width: 50%;
margin-left: 0;
margin-bottom: 20px;
list-style: none;
text-align: center;
}

.merch-items li.last
{
width: 100%;
}

.merch-items li img
{
padding: 3px;
background-color: #5B5E79;
}

#champions-corner h4
{
margin-bottom: 5px;
}

#habitat-3 .img-left, #habitat-4 .img-left
{
margin-right: 0;
margin-top: 25px;
}


#habitat-3, #habitat-5, #habitat-9, #habitat-11
{
clear: both;
float: left;
width: 212px;
}

#habitat-4, #habitat-12
{
float: right;
width: 212px;
}


#habitat-6 p, #habitat-10 p
{
float: right;
margin-top: 0;
margin-bottom: 35px;
}

#habitat-10 img
{
margin-bottom: 20px;
}

#habitat-7
{
float: left;
clear: both;
width: 206px;
}

#habitat-7 p
{
float: left;
}

#habitat-8
{
float: right;
width: 212px;
margin-top: 65px;
margin-bottom: 5px;
text-align: right;
}

#habitat-9
{
margin-top: 25px;
}

#habitat-13
{
clear: left;
}

#habitat-14
{
float: left;
margin-top: 25px;
}