/* CSS Document */

/* General Settings */
*{margin: 0; padding: 0;}

html, body {
height:100%;
}

img { border: 0; }

body{
background: url('images/bg.png') repeat-x top center #fff;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-variant:normal;
color:#333;
}

p { margin-bottom: 15px; text-align: left; line-height:18px; }

a, a:hover{ color:#006b4b; text-decoration: none; font-weight: bold; }
a:hover{ text-decoration: underline; }
a{ outline: none; }

h1{
font-family: "Times New Roman", Times, serif;
font-size: 40px;
color: #006b4b;
line-height: 40px;
margin-bottom: 5px;
}

h2{
font-family: "Times New Roman", Times, serif;
font-size: 22px;
color: #006b4b;
line-height: 23px;
margin-bottom: 8px;
}

h3{
font-family: "Times New Roman", Times, serif;
font-size: 30px;
color: #006b4b;
line-height: 31px;
margin-bottom: 5px;
}

h4{
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #000;
line-height: 31px;
margin: 5px 0 5px 0;
}

span.bold_green{ font-weight: bold; color: #006b4b; }

/* Container */
#container {
width: 900px;
min-height:100%;
margin-bottom: -95px;
position: relative;
margin-left:auto;
margin-right:auto;
padding: 0 20px;
}
/* See IE6 for IE Fix */

#clear_footer {
height: 95px;
clear: both;
}

/* Header */
#header{
width: 900px;
height: 205px;
float: left;
}

#top{
width: 900px;
height: 130px;
float: left;
background: url('images/header_bg.png') no-repeat top center;
}

.logo{ float: left; padding-top: 30px; }

#menu{
width: 900px;
height: 36px;
float: left;
}

#menu ul{
float: left;
border-left: 1px solid #333;
}

#menu li {
float: left;
list-style: none;
border-right: 1px solid #333;
}

#menu li a, #menu li a:hover { 
height: 25px;
font-size:12px;
font-weight: bold;
color: #dddddd;
text-decoration: none;
text-transform: uppercase;
padding: 11px 18px 0 18px;
float: left;
}
#menu li a:hover { background-color: #000; }

/* Content */
#content{ width: 900px; float: left; margin-bottom: 40px; }
#content_left{ width: 545px; float: left; }
#content_right{ width: 315px; float: right; margin-top: 5px; }

#content_left2{ width: 450px; float: left;}
#content_right2{ width:400px; float: right; margin-left: 20px;}

.section{
width: 100%;
float: left;
margin-bottom: 25px;
}

/* Home */
/* Slideshow */
#slideshow{
width: 900px;
float: left;
background-color: #003827;
padding-top: 5px;
margin-bottom: 35px;
}

#slideshow_controls{ width: 890px; float: left; padding: 5px; }
/* See IE6 for IE Fix */

.slide{ float: left; height: auto; }

#mySlides{
width: 900px;
height: 250px;
float: left;
}

#myController{ width: 810px; float: left; }

#myController span{
width: 50px;
height: 50px;
float: right;
cursor:pointer;
text-align:center;
background-color: #006b4b;
padding: 2px;
margin-left: 5px;
}
#myController span:hover{ background-color: #04c98e; }

#jFlowSlide{ float: left; }

#myController span.jFlowSelected { background-color: #04c98e; }

.jFlowPrev, .jFlowNext{
width: 40px;
height: 46px;
float: left;
cursor: pointer;
font-size: 46px;
line-height: 30px;
color: #006b4b;
text-align: center;
padding-top: 8px;
}
.jFlowPrev:hover, .jFlowNext:hover{ color: #04c98e; }
/* END Slideshow */

.teaser_thumb{
width: 100px;
height: 100px;
float: left;
padding-right: 15px;
}

.teaser_info{
width: 200px;
float: left;
margin-top: 6px;
}
.teaser_info a, .teaser_info a:hover{ color: #333; font-size: 15px; font-style: italic; text-transform: uppercase; }

/* About */
.list_section{
width: 100%;
float: left;
padding: 15px 0 25px 0;
}
.list_section h3{
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
margin-bottom: 0;
}

.list{
width: 96%;
float: left;
border-bottom: 1px solid #ccc;
padding: 18px 2%;
}

.list_header{
width: 32%;
float: left;
font-size: 17px;
font-weight: bold;
}

.list_content, .list_content_full{
width: 60%;
float: right;
font-size: 13px;
line-height: 17px;
text-align: right;
}
.list_content_full{ width: 100%; float: left; text-align: left; }

.disclaimers{ font-size: 11px; line-height: 15px; text-align: center; }

/* Prelim Locations */
.locations_row{
width: 100%;
float: left;
padding: 0 0 40px 0;
}

.location_left, .location_right{
width: 43%;
float: left;
border: 1px dotted #ccc;
padding: 18px 2%;
text-align: center;
}
.location_right{ float: right; }

.location_name{
font-size: 17px;
font-weight: bold;
color: #006b4b;
display: block;
text-transform: uppercase;
}

.location_city_state{
font-size: 13px;
line-height: 17px;
display: block;
font-weight: bold;
}

.location_disclaimer{
font-size: 11px;
line-height: 14px;
display: block;
margin-top: 2px;
}

/* Rules */
.format_left, .format_right{
width: 420px;
float: left;
}
.format_right{ float: right; }

.format_section{
width: 100%;
float: left;
padding: 0 0 30px 0;
}
.format_section h3{
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
margin-bottom: 0;
}

.format{ width: 100%; float: left; }

.format li{
width: 96%;
float: left;
list-style: none;
border-bottom: 1px solid #ccc;
padding: 12px 2%;
font-size: 15px;
font-weight: bold;
}

.general_rules{
width: 88%;
float: left;
padding: 15px 6% 40px 6%;
}

.general_rules_box{
width: 90%;
float: left;
padding: 3% 5%;
text-align: center;
background-color: #eeeeee;
border: 1px dotted #cccccc;
}

.general_rules_box li{
width: 96%;
float: left;
list-style: none;
padding: 5px 2%;
font-size: 15px;
font-weight: bold;
}

ol, ol ul{ padding: 5px 30px; }
ol ul li{ list-style: none; }
ol li, ol ol li{ margin-bottom: 15px; line-height: 18px; list-style-position: outside;  }
ol ol li{ list-style-type: lower-alpha;  }

/* Qualifiers */
.qualifiers_left, .qualifiers_right{
width: 420px;
float: left;
}
.qualifiers_right{ float: right; }

.qualifiers_section{
width: 100%;
float: left;
padding: 0 0 30px 0;
}
.qualifiers_section h3{
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
margin-bottom: 0;
}

.qualifiers{ width: 100%; float: left; }

.qualifiers li{
width: 96%;
float: left;
list-style: none;
border-bottom: 1px solid #ccc;
padding: 12px 2%;
}

span.qualifier_name{
font-size: 15px;
font-weight: bold;
display: block;
line-height: 18px;
}

span.qualifier_location{
font-size: 13px;
display: block;
line-height: 16px;
}

/* Hall of Champions */
.champions_section{
width: 100%;
float: left;
padding: 10px 0 40px 0;
}

.championship_year{
width: 60%;
float: left;
}

.championship_location{
width: 37%;
float: right;
text-align: right;
}

.champions{
width: 96%;
float: left;
border: 1px dotted #ccc;
padding: 18px 2%;
}

.champions_men, .champions_women{
width: 48%;
float: left;
}
.champions_women{ float: right; }

.champions_men img, .champions_women img{ float: left; margin-right: 15px; border: 3px solid #dddddd; }
.champions_men h2, .champions_women h2{ font-size: 20px; margin: 6px 0; }

span.champion_name{
font-size: 16px;
font-weight: bold;
display: block;
line-height: 19px;
}

span.champion_location{
font-size: 14px;
display: block;
line-height: 17px;
}

.onsite_coverage{ width: 100%; float: left; text-align: center; margin: 13px 0; }

/* Contact */
form{
width: 94%;
float: left;
padding: 3% 3% 2% 3%;
border-top: 1px dotted #ccc;
margin-top: 10px;
}

span.form_label{
font-family: "Times New Roman", Times, serif;
font-size: 17px;
font-weight: bold;
color: #006b4b;
display: block;
margin: 5px 0;
}

.form_field{
width: 400px;
display: block;
margin: 0 0 20px 0;
background: #f5f5f5;
border: 1px solid #ccc;
padding: 5px; 
color: #666666;
}

.submit{
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size:14px; 
font-weight: bold;
text-transform: uppercase;
color: #eeeeee;
background-color: #006b4b;
cursor: pointer;
padding: 10px 20px;
margin-top: 10px;
}

/* Footer */
#footer{
width: 100%;
height: 95px;
background-color: #000;
position: relative;
}

#footer_main{
width: 900px;
height: 77px;
margin-left:auto;
margin-right:auto;
padding: 18px 20px 0 20px;
background-color: #000;
}

#apa_logo{
width:auto;
float: left;
padding-right: 10px;
}

#footer_info{
float: left;
padding-top: 3px;
color: #fff;
}
#footer_info a, #footer_info a:hover{ color: #fff; }

span.conducted{
float: left;
font-size: 15px;
font-weight: bold;
font-style: italic;
margin-bottom: 3px;
}

span.copy{
clear: left;
display: block;
font-size: 11px;
}

#sharebox {
	position: relative;
	float:left;
	margin-bottom:20px;
	margin-right:20px;
	padding-top:5px;
}
#likebox {
	position: relative;
	float:left;
}
#shareholder {
	float:left;
}