/*=================================================
			TTC CSS
			09/11/2008
			FINAL
=================================================*/


/*============= Global elements =================*/

body {
behavior: url(csshover.htc);
font-family: Arial, Helvetica, Tahoma, sans-serif;
background: #0093d8 url(grad_bg_blue.jpg) repeat-x;
font-size: 0.8em;
color: #333;
text-align: center;
margin: 0px;
padding: 20px 0px 20px 0px;
}

h1 {
font-size: 1.5em;
margin: 15px;
padding: 0px;
text-align: center;
}

h2 {
font-size: 1.2em;
font-weight: normal
margin: 0 10px;
text-align: left;
padding: 0 10px;
}

h3 {
font-size: 0.8em;
color: #666;
margin: 0 20px;
text-align: left;
font-weight: normal;
}

h4 {
font-size: 1.2em;
color: #a20000;
margin: 5px;
text-align: left;
font-weight: strong;
padding: 0 10px;
}

p.blocktext_center {
margin-left: auto;
margin-right: auto;
text-align: center;
}

p.blocktext_center_toc {
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 10px;
}

p.blocktext_left {
margin-left: auto;
margin-right: auto;
margin-top: 2.5em;
width: auto;
text-align: left;
}

p.blocktext_right {
margin-left: auto;
margin-right: auto;
margin-top: -20px;
width: auto;
text-align: right;
font-size: 0.8em;
}

p.blocktext_contact {
margin-left: 50px;
margin-right: auto;
margin-top: -13px;
width: 100px;
text-align: left;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

input.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

hr.center {
text-align: center;
width: 90%;
height: 1px;
color: #333;
}

a:link, a:visited, a:active {
color: #002b84;
text-decoration: none;
}

a:hover {
color: #666;
}

#bcheck {
background: #eee;
width: auto;
margin: 10px;
padding: 10px;
margin-left: auto;
margin-right: auto;
line-height: 1.8em;
border: 2px solid #ccc;
}


/*============= Global Wrappers =================*/

#wrapper {
width: 850px;
background-color: #fff;
padding: 10px;
margin: 0px auto 0px auto;
height: auto;
text-align: left;
border: 2px solid #333;
}

#container {
padding: 0px;
margin: 10px 0px 0px 0px;
height: 100%;
width: auto;
}



/*============= Headers =================*/

#header {
float: left;
width: 850px;
background-color: #fff;
margin: 0px 0px 0px 0px;
padding-bottom: 5px;
}

#header p {
font-size: 2em;
padding: 5px 20px;
}


/*============= Containers - Left =================*/

#left {
width: 175px;
float: left;
margin: 10px 0px;
padding: 0px;
}

#left p {
padding: 0px 10px;
}

#left_pages {
width: 150px;
float: left;
margin: 10px 0px;
padding 0px;
}

#left_box_join {
background: #fff url(cont_bgs/cont_bg_join.jpg) no-repeat top center;
width: 175px; 
height: auto;
float: left;
padding: 0px 0px 10px 0px;
border: #ccc 1px solid;
}

#left_box_betting {
background: #fff url(cont_bgs/cont_bg_bet.jpg) no-repeat top center;
width: 175px; 
height: auto;
float: left;
padding: 25px 0px 0px 0px;
margin: 0px 0px 10px 0px;
border: #ccc 1px solid;
}

#left_box_cup_photos {
background: #fff url(cont_bgs/cont_bg_cphotos.jpg) no-repeat top center;
width: 175px; 
height: auto;
float: left;
padding: 0px 0px 0px 0px;
margin: 10px 0px 10px 0px;
border: #ccc 1px solid;
}

#left_box_qlinks {
background: #fff url(cont_bgs/cont_bg_qlinks.jpg) no-repeat top center;
width: 175px; 
height: auto;
float: left;
padding: 0px 0px 10px 0px;
margin: 0px 0px 10px 0px;
border: #ccc 1px solid;
}

#left_box_tsrc {
background: #fff url(cont_bgs/cont_bg_tsrc.jpg) no-repeat top center;
width: 175px; 
height: auto;
float: left;
padding: 25px 0px 10px 0px;
margin: 0px 0px 10px 0px;
border: #ccc 1px solid;
}



/*============= Containers - Center =================*/

#center {
background: #fff url(cont_bgs/cont_bg_cnews.jpg) no-repeat top center;
height: auto;
width: 475px;
float: left;
padding: 25px 0px 10px 0px;
margin: 10px 10px;
line-height: 1.5em;
border: #ccc 1px solid;
}

#center_pages {
background: #fff url(cont_bgs/cont_bg_info.jpg) no-repeat top center;
height: auto;
width: 500px;
float: left;
padding: 25px 0px 10px 0px;
margin: 10px 10px;
line-height: 1.5em;
border: #ccc 1px solid;
}

#center_pages_cup {
background: #fff url(cont_bgs/cont_bg_info.jpg) no-repeat top center;
height: auto;
width: 500px;
float: left;
padding: 25px 0px 10px 0px;
margin: 10px 10px;
line-height: 1.5em;
border: #ccc 1px solid;
}

#center p {
padding: 10px;
}

#center_pages p {
padding: 10px;
}



/*============= Containers - Right =================*/

#right {
padding: 0px;
width: 175px;
float: left;
margin: 10px 0px;
}

#right p {
padding: 0px 10px;
}

#right_box_nextrace {
background: #fff url(cont_bgs/cont_bg_nrace.jpg) no-repeat top center;
width: 175px; 
height: auto;
float: left;
padding: 0px 0px 10px 0px;
border: #ccc 1px solid;
}

#right_box_cup {
background: #fff url(cont_bgs/cont_bg_aami.jpg) no-repeat top center;
width: 175px; 
height: auto;
float: left;
padding: 25px 0px 10px 0px;
margin: 10px 0px 10px 0px;
border: #ccc 1px solid;
}

#right_box_pec {
background: #fff url(cont_bgs/cont_bg_pec.jpg) no-repeat top center;
width: 175px; 
height: auto;
float: left;
padding: 25px 0px 0px 0px;
margin: 0px 0px 10px 0px;
border: #ccc 1px solid;
}

#right_box_accom {
background: #fff url(cont_bgs/cont_bg_acc.jpg) no-repeat top center;
width: 175px; 
height: auto;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
border: #ccc 1px solid;
}


#right_box_sponsors {
background: #fff url(cont_bgs/cont_bg_spons.jpg) no-repeat top center;
width: 175px; 
height: auto;
float: left;
padding: 25px 0px 0px 0px;
border: #ccc 1px solid;
margin: 0px 0px;
}

#right_box_prices {
background: #fff url(cont_bgs/cont_bg_prices.jpg) no-repeat top center;
width: 175px; 
height: auto;
float: left;
margin: 0px 0px 10px 0px;
padding: 25px 0px 10px 0px;
border: #ccc 1px solid;
}

#right_box_forms {
background: #fff url(cont_bgs/cont_bg_forms.jpg) no-repeat top center;
width: 175px; 
height: auto;
float: left;
padding: 15px 0px 10px 0px;
margin: 0px 0px 10px 0px;
border: #ccc 1px solid;
}

#right_box_contact {
background: #fff url(cont_bgs/cont_bg_contact.jpg) no-repeat top center;
width: 175px; 
height: auto;
float: left;
padding: 15px 0px 10px 0px;
margin: 0px 0px 10px 0px;
border: #ccc 1px solid;
}

#right_box_tips {
background: #fff url(cont_bgs/cont_bg_tips.jpg) no-repeat top center;
width: 175px; 
height: auto;
float: left;
padding: 15px 0px 10px 0px;
margin: 0px 0px 10px 0px;
border: #ccc 1px solid;
}

#right_box_links {
background: #fff url(cont_bgs/cont_bg_links.jpg) no-repeat top center;
width: 175px; 
height: auto;
float: left;
padding: 15px 0px 10px 0px;
margin: 0px 0px 0px 0px;
border: #ccc 1px solid;
}

#right_box_contact img {
float: left;
margin: -5px 0px 0px 20px;
}

#right_box_images {
background: #fff url(cont_bgs/cont_bg_images.jpg) no-repeat top center;
width: 175px; 
height: auto;
float: left;
padding: 15px 0px 10px 0px;
margin: 0px 0px 0px 0px;
border: #ccc 1px solid;
}

/*============= Containers - Footer =================*/

#footer {
margin: 10px 0px 0px 0px;
text-align: center;
padding: 15px 0px 15px 0px;
background-color: #f1f1f1;
}

#footer p {
color: #999;
margin: 0px auto 0px auto;
padding: 0px;
}

#footer a:link, #footer a:visited, #footer a:active {
color: #999;
text-decoration: none;
}

#footer a:hover {
color: #ccc;
text-decoration: none;
} 

/*============= Navigation =================*/

#nav{
width: auto;
height: auto;
font-size: 1em;
background: #333;
padding-left: 2px;
}

ul {
list-style: none;
margin: 0px;
padding: 0px;
}

ul a:link, ul a:visited, ul a:active {
color: #fff;
text-decoration: none;
display: block;
padding: 10px 7px 10px 7px;
background: #333;
}

ul a:hover {
color: #ccc;
text-decoration: none;
}

ul li {
border-bottom: 1px solid #666;
border-right: 1px solid #666;
float: left;
position: relative;
}

ul li ul {
padding: 0px;
margin: 0px;
list-style: none;
display: none;
}

ul li:hover ul{
display: block;
left: 0px;
position: absolute;
padding: 0px;
margin: 0px;
}

ul li ul li{
width: 200px;
}




/*============= clearing class =================*/

.clearer {
font-size: 0px;
line-height: 0px;
display: block;
margin: 0px;
padding: 0px;
clear: both;
height: 0px;
width: auto;
}