@charset "utf-8";
/* CSS Document */

/***********************************
*      RESET STYLES                *
***********************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0 none;
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: 0;
	padding: 0;
	vertical-align: baseline;
}

:focus {
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: 0;
}

body {
	background: white none repeat scroll 0 0;
	color: black;
	line-height: 1;
}

ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/********************************
*      BEGIN STYLES             *
********************************/
body {
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}

a {
color: #c72f00;
font-weight: bold;
text-decoration: none;
font-size: smaller;
text-transform: uppercase;
}

a:hover {
text-decoration: underline;
}

sup {
vertical-align: top;
font-size: 75%;
}

#site {
border-top: 10px solid #c72f00;
background: #fff url(../images/bg.jpg) center top repeat;
}

#ninehundred {
width: 900px;
margin: 0 auto;
}

#left {
width: 635px;
float: left;
}

#right {
width: 225px;
float: right;
color: #fff;
padding: 20px;
}

/********************************
*        RIGHT                  *
********************************/

#right h2 {
margin: 0 0 6px;
}

#endorsed {
margin: 0 0 50px;
}

#endorsed img {
width: 60px;
margin: 7px;
vertical-align: middle;
}

#endorsed .links {
text-align: center;
margin: 0 0 20px; padding: 0;
}

#endorsed a {
color: #c0ccd2;
margin: 0 16px;
padding: 0;
}

#endorsed a:hover {
color: #fff;
}

#about {
margin: 0 0 50px;
}

#about p {
font-style: italic;
font-size: 12px;
line-height: normal;
padding: 0 10px;
}

#about a {
font-style: italic;
font-size: 11px;
font-weight: bold;
color: #fff;
float: right;
}

.sponsor {
margin: 0 0 20px;
}

.sponsor_box {
background: #fff url(../images/sponsor_box_top.jpg) top center no-repeat;
width: 225px;
}

.sponsor_logo {
background: url(../images/sponsor_box_bottom.jpg) bottom center no-repeat;
width: 225px;
padding: 10px 0;
}

.sponsor_logo img {
padding: 5px 10px;
}

/********************************
*        HEADER                 *
********************************/
#logo {
width: 605px;
height: 146px;
background: url(../images/logo.jpg) no-repeat;
margin: 8px 0 0 14px;
}

#logo a {
width: 276px;
height: 150px;
margin: 0;
float: left;
}

#logo span {
display: none;
}

#organized {
background: url(../images/drugtest_scandinavia.jpg) top right no-repeat;
float: right;
width: 220px; height: 39px;
}

#organized a {
width: 200px; height: 45px;
}

#organized span {
display: none;
}

#organized p {
color: #999999;
font-size: 10px;
line-height: normal;
font-style: italic;
text-align: right;
}


/********************************
*        NAVIGATION             *
********************************/

#nav {
clear: both;
border-top: 3px solid #c72f00;
border-bottom: 3px solid #c72f00;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #4a6c7e;
padding: 4px 20px;
}

#nav a {
font-weight: bold;
color: #4a6c7e;
}

#nav ul {
display: inline;
}

#nav li {
float: left;
padding-right: 6px;
}

#nav ul li a {
display: block;
font-size: 12px;
padding: 4px 12px;
margin: 0;
text-decoration: none;
}

#nav ul li a:hover {
background: #4a6c7e;
color: #fff;
}

#nav li a.active_nav {
background: #4a6c7e;
color: #fff;
}

#nav span {
padding: 10px 2px;
margin: 0 10px;
display: block;
color: #CCCCCC;
}

#nav li li {
background: #4a6c7e;
color: #fff;
list-style: none;
line-height: 125%;
padding: 0;
margin: 0;
width: 170px;
}

#nav li ul {
display: none;
border: 6px solid #4a6c7e;
border-right: none;
border-left: none;
}

#nav li li a {
background: #4a6c7e;
color: #fff;
float: left;
font-size: 12px;
padding: 3px 6px;
margin-left: 6px;
}

#nav li li a:hover {
text-decoration: underline;
}

#nav li:hover > ul {
display: block;
width: 170px;
position: absolute;
z-index: 1;
}

#nav li ul li:hover > ul {
display: inline;
width: 170px;
position: absolute;
margin-left: 50px;
}



/********************************
*      MAIN CONTENT             *
********************************/

.page_title {
margin: 15px 0 0 10px;
}

#content {
clear: both;
background: #fff;
}

#banner {
background: url(../images/boats.jpg);
height: 300px; width: 615px;
margin: 10px;
}

#banner a {
float: right;
width: 610px; height: 280px;
margin: 10px 0px 0 0;
}

#banner span {
display: none;
}

#container {
color: #444;
font-size: 16px;
margin: 0 auto;
}

.link {
text-align: right;
padding: 0;
font-style: italic;
}

#container h1 {
font-family: Arial, Helvetica, sans-serif;
color: #4a6c7e;
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
margin: 0 0 6px;
}

#content_left {
float: left;
width: 570px;
margin: 10px 30px 30px;
}

#content_right {
float: right;
width: 204px;
margin: 30px;
}

#container p {
margin: 0 0 10px 6px;
line-height: 18px;
font-size: 13px;
}

#container .block {
margin: 0 0 20px;
clear: both;
}

.block h2 {
margin: 0 0 6px;
}

.block .hotel {
width: 220px;
float: right;
margin: 4px 0px 20px 20px;
}

.block .hotel img {
float: right;
width: 200px;
margin: 0px 0px 8px 0px;
border: 2px solid #4a6c7e;
}

.block .hotel span {
font-size: 10px;
text-align: right;
float: right;
}

.block ul {
list-style-image: url(../images/blue_bullet.jpg);
font-size: 13px;
margin: 0 0 20px 26px;
line-height: 18px;
}

.block table {
font-size: 13px;
border: 2px solid #4a6c7e;
padding: 4px;
width: 500px;
margin: 10px 10px 10px 30px;
}

.odd {
background: #ddd;
}

.strike {
text-decoration: line-through;
}

.block td {
padding: 6px;
}

.block td span {
margin-left: 30px;
}

.block td.right {
text-align: right;
}

.block sub {
font-size: 14px;
color: #CC0000;
font-weight: bold;
}

.input {
clear: both;
width: 400px; height: 34px;
line-height: 18px;
font-size: 12px;
padding: 14px 14px 4px;
margin: 6px auto;
}

.input label {
padding: 0 12px 0 0;
}

.input input {

}

.input input.ss-q-short {
width: 200px;
}

.input input.ss-q-short2 {
width: 100px;
}

.input ul {
list-style: none;
}

.input ul li {
float: left;
}

.ss-q-title {
float: left;
}

.block2 {
margin-left: 20px;
}

.submit {
width: 100px; margin: 20px auto;
}


.indent h2 {
margin: 0 0 0 10px;
}

.indent ul {
margin: 6px 0 20px 36px;
}

p#indent {
margin: 6px 0 10px 16px;
}

.blue {
color: #4a6c7e;
}

.rust {
color: #c72f00;
}

.smaller {
font-size: smaller;
}

.sponsor_list {
margin: 10px 20px 20px;
}

.sponsor_list img {
float: right;
margin: 20px;
}

.sponsor_list h3 {
margin: 0 0 6px;
}

img.standard {
float: left;
margin: 4px 16px 10px 10px;
border: 2px solid #4a6c7e;
}

iframe {
margin: 0 0 0 10px;
border: 2px solid #4a6c7e;
}

/********************************
*      ANYTHING SLIDER          *
*********************************
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/ */

.anythingSlider, .speaker_list {
width: 540px;
position: relative;
margin: 15px auto 15px;
}

.anythingSlider {
height: 300px;
}

.anythingSlider .wrapper, .speaker_list .wrapper {
width: 500px;
overflow: auto;
height: 281px;
margin: 0 20px;
position: absolute;
top: 0;
left: 0;
}

.anythingSlider .wrapper ul, .speaker_list .wrapper ul {
width: 9999px;
list-style: none;
position: absolute;
top: 0;
left: 0;
background: #fff;
margin: 0;
overflow: hidden;
}

.anythingSlider ul li, .speaker_list ul li {
display: block;
float: left;
padding: 0;
height: 257px;
width: 500px;
margin: 0;
}

.anythingSlider .arrow {
display: block;
height: 200px;
width: 37px;
background: url(../images/arrows.png) no-repeat 0 0;
text-indent: -9999px;
position: absolute;
top: 25px;
cursor: pointer;
}

.anythingSlider .forward {
background-position: 0 0;
right: -20px;
}

.anythingSlider .back {
background-position: -97px 0;
left: -20px;
}

.anythingSlider .forward:hover {
background-position: 0 -200px;
}

.anythingSlider .back:hover {
background-position: -97px -200px;
}

#thumbNav {
position: relative;
top: 270px;
text-align: center;
}

#thumbNav a {
color: #999;
font: 11px/18px;
Georgia, Serif;
display: inline-block;
padding: 2px 5px;
height: 18px;
margin: 0 5px 0 0;
background: #fff url(../images/dotshade.png) repeat-x;
text-align: center;
}

#thumbNav a:hover {
color: #999;
background-image: none;
}

#thumbNav a.cur {
background: #fff url(../images/dotblue.png);
}

#start-stop {
background: green;
background-image: url(../images/cellshade.png);
background-repeat: repeat-x;
color: white;
padding: 2px 5px;
width: 40px;
text-align: center;
position: absolute;
right: 45px;
top: 270px;
}

#start-stop.playing {
background: none;
background-image: none;
}

#start-stop:hover { 
background-image: none;
}

/* Prevents */

.anythingSlider .wrapper ul ul { 
position: static;
margin: 0;
background: none;
overflow: visible;
width: auto;
border: 0;
}

.anythingSlider .wrapper ul ul li { 
float: none;
height: auto;
width: auto;
background: none;
}

.anythingSlider li img {
float: left;
border: 2px solid #4a6c7e;
margin: 0 15px 0 0;
}

.anythingSlider h2, .speaker_list h2 {
font-size: 16px;
font-weight: bold;
color: #c72f00;
margin: 5px 0 4px 0;}

.anythingSlider h3, .speaker_list h3 {
font-size: 14px;
font-style: italic;
color: #4a6c7e;
margin: 0 0 20px 0;
}

.anythingSlider p {
font-size: 13px;
font-style: italic;
color: #666;
}

.anythingSlider h2 a {
text-transform: none;
font-size: 16px;
}

.speaker_list {
clear: both;
}

.speaker_list div {
padding: 0 0 10px;
}

.speaker_list img {
float: left;
margin-right: 15px;
}


/********************************
*          PROGRAM              *
********************************/

.program_date {
color: #fff;
background: #4a6c7e;
font-weight: bold;
font-size: 20px;
padding: 6px 0 4px 10px;
text-transform: uppercase;
clear: both;
margin: 10px 0 0;
}

.program_date em {
font-size: 13px;
vertical-align: top;
}

.program_block {
padding: 10px 10px;
margin: 10px 0 0 0;
}

.program_time {
background: url(../images/time_icon.png) no-repeat;
float: left;
width: 120px;
font-weight: bold;
font-size: 17px;
padding: 1px 0 0 24px;
}

.program_entry {
float: right;
width: 400px;
font-size: 13px;
}

.program_entry h4 {
font-size: 16px;
color: #c72f00;
}

.program_entry h2 {
font-style: italic;
margin: 2px 0 8px 0;
padding: 0;
line-height: normal;
}

.program_entry ul {
list-style: url(../images/blue_bullet.jpg);
margin: 0 0 0 24px;
}

.program_entry li {
margin: 4px 0;
}

.program_alt {
background: #ccc;
}

/********************************
*          FOOTER               *
********************************/

#footer {
clear: both;
width: 100%;
border-top: 10px solid #c72f00;
color: #fff;
}

#footer_container {
border-top: 2px solid #fff;
background: #7196ab url(../images/footer_bg.jpg) repeat;
}

#footer_content {
width: 900px;
margin: 0 auto;
padding: 10px 30px 20px;
}

#foot_nav {
float: right;
font-size: 14px;
padding: 0; margin: 0 0 30px 0;
}

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

#foot_nav li {
display: inline;
border-right: 1px solid #fff;
padding: 0 4px; margin: 0;
}

#foot_nav li.last {
border: none;
}

#foot_nav ul a {
color: #fff;
text-decoration: none;
}

#foot_nav ul a:hover {
text-decoration: underline;
}

#foot_nav p {
text-align: right;
color: #d7d7d7;
padding: 10px 0 0; margin: 0;
}

#foot_sponsors {
clear: both;
color: #d7d7d7;
margin: 10px 0 50px 0;
}

.foot_sponsor {
width: 33%;
float: left;
}

.foot_sponsor h1 {
font-size: 18px;
text-transform: uppercase;
text-align: center;
}