html, body { height: 100%; }

/* body ---------------------------------------------------------- */
body { background-color: #cccccc; color: #000000;
font-family: Arial, Helvetica, sans-serif; margin-top: 0px; margin-bottom: 0px;
}

/* globals ------------------------------------------------------- */
.bold { font-weight: bold; }
img { border: 0px; }
#page_title { text-align: center; margin: 0px 0px 0px 0px; font-size: 1.2em; }
.center { text-align: center; }
abbr {
border-color:#cccccc;
border-style:dashed;
border-width:0px 0px 1px;
cursor:help;
}

a, a:link, a:visited {
	color: #4689c8;
	text-decoration: underline;
}
a:hover {
	color: #ffffff;
}

/* body container ------------------------------------------------ */
#body_container {
width: 776px; /* #page width + padding */
margin-left: auto;
margin-right: auto;
}

/* page ---------------------------------------------------------- */
div#page {
float: right;
width: 720px;
position: relative;
min-height: 100%;
padding-left: 28px;
padding-right: 28px;
background-color: #191919;
background-image: url(/images/ee_dark_bg.jpg);
background-repeat: repeat-y;
color: #dddddd; 
height: 100%;
voice-family: "\"}\"";
voice-family: inherit;
height: auto;
}

html>body #page { height: auto; }

/* header -------------------------------------------------------- */
div#header { width: 720px; height: 180px; margin-top: 0px; }
div#header h1 { margin: 0px; }

/* nav ----------------------------------------------------------- */
div#nav {
	font-family: "Bitstream Vera Sans", Verdana, sans;
	background: #4689c8 url(/images/nav-bottom.gif) repeat-x scroll bottom left;
	display: block;
	height: 45px;
	padding: 5px 0px 0px 0px;
	margin: 0;
}
div#nav ul {
	display: block;
	width: 525px;
	height: 45px;
	margin: 0 auto 0 auto;
	padding: 0;
	color: #dddddd;
	list-style-type: none;
}

div#nav li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

div#nav a {
	color: #dddddd;
	display: block;
	height: 45px;
	width: 105px;
	text-indent: -9999px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

div#nav li#nav-home a {
	background-image: url(/images/nav-home.gif);
}

div#nav li#nav-events a {
	background-image: url(/images/nav-events.gif);
}

div#nav li#nav-s_ponsors a {
	background-image: url(/images/nav-s_ponsors.gif);
}

div#nav li#nav-about a {
	background-image: url(/images/nav-about.gif);
}

div#nav li#nav-contact a {
	background-image: url(/images/nav-contact.gif);
}

body.home li#nav-home a,
body.events li#nav-events a,
body.s_ponsors li#nav-s_ponsors a,
body.about li#nav-about a,
body.contact li#nav-contact a,
div#nav li a:hover
{
	background-color: #191919;
	color: #dddddd;
	background-position: -105px 0px;
}

/* main content -------------------------------------------------- */
div#main_content { width: 700px; padding: 0px 10px 0px 10px; margin-top: 20px; padding-bottom: 45px; }
body.home div#main_content { padding-bottom: 220px; }
body.home div#main_content { padding-bottom: 850px; }
h2#comingsoon { text-align: center; }

/* sponsors top on main page */
div#sponsors-top {
	margin-bottom: 20px;
}
div#sponsors-top img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* upcoming events ----------------------------------------------- */
div#upcoming_events { 
	position: absolute; 
	left: 500px; 
	width: 220px; 
	background-color: #fff; 
	color: #191919;
	padding-top: 20px; 
	padding-left: 40px;
	background-image: url(/images/ue_bg.jpg);
	background-repeat: repeat-y;
}
div#upcoming_events a:hover {
	color: #191919;
}
div#upcoming_events h2 { font-size: 1.2em; text-align: center; margin: 0px 0px 50px 0px; font-family: Verdana, Arial; }
div#upcoming_events h3 { font-size: 0.9em; margin-bottom: 0px; }
div#upcoming_events .date { font-size: 0.7em; margin-top: 0px; }
p.event { font-size: 0.8em; margin-top: 0px; margin-bottom: 0px; }
img.event_register { margin-top: 5px; margin-bottom: 5px; float: left; }
img.event_more_information { margin-top: 5px; float:right; }
img.event_img { margin-bottom: 5px; }
div.event hr { clear: both; }

/* latest updates ------------------------------------------------ */
div#latest_updates { 
	position: relative; 
	left: 0px; 
	width: 440px; 
	text-align: justify; 
	padding-top: 20px;
}
div#latest_updates h2 { font-size: 1.2em; margin: 0px 0px -25px 0px; text-align: center; font-family: Verdana, Arial; }
div#latest_updates h3 { font-size: 1.1em; margin-bottom: 0px; clear: both; }
div#latest_updates .date { font-size: 0.7em; margin-top: 0px; }

div#latest_updates #social-icons {
	float: right;
	margin-top: -40px;
}

div#latest_updates #social-icons #youtube {
	margin-right: 10px;
}

/* events page --------------------------------------------------- */
div#event_page h2 { margin-top: 0px; }
div#event_page p { clear: left; }
/*img.event_page_img { position: relative; z-index: 1; }*/
div#event_list h3 { margin-bottom: 0px; }
div#event_list p { margin-top: 0px; }
div#event_page p {margin-top: 0px; padding-top: 0px; }
div#event_s_ponsors {
	background: #ffffff;
	color: #191919;
	padding: 30px;
	text-align: center;
}

div#event_img {
	text-align: center;
	background: #ffffff;
	padding: 20px;
	margin-bottom: 10px;
}

div.event_section h3 {
	background-image: url(/images/h3_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom center;
	padding: 5px 0px 10px 10px;
	padding-bottom: 5px;
	margin-bottom: 0px;
	border: 1px solid #000000;
}
div.event_section div {
	background-color: #000;
	padding: 10px;
}

/* customer comments */
div#event_list {width: 70%; }
div#customer_comments { font-size: 0.8em; }
div.event_list_photos { width: 700px; }
div.event_list_photos img {margin-right: 5px; border: 1px solid black; }

/* flickr badges -------------------------------------------------- */
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper {float:right;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/* sponsors ------------------------------------------------------ */
/* div with id="sponsors" is blocked by firefox add-on, Adblock Plus */
div#s_ponsers { text-align: center; }
div#s_ponsers img { vertical-align: middle; }

/* about --------------------------------------------------------- */
div#about { width: 700px; margin: 0px auto 30px auto; text-align: justify; }

/* contact ------------------------------------------------------- */
div#contact { margin-top: 20px; text-align: center; }

/* sponsor bar */
div#sponsor-bar {clear: both; text-align: center; height: 119px; width: 720px; position: absolute; bottom: 32px; display: none;}
body.home div#sponsor-bar {display: block; background: #ffffff;}

/* footer --------------------------------------------------------- */
div#footer {
clear: both;
text-align: center;
background: #4689c8; 
color: #ffffff;
height: 26px;
padding-top: 6px;
position: absolute;
width: 720px;
bottom: 0px;
}



/* ADMIN INTERFACE */
th, td { border: solid 1px #dddddd; padding: 5px; text-align: center; }
p.form { margin: 0px; }

/* EDIT ENTRY FORM STYLES */
div#form_entry_update { margin-bottom: 100px; }
div#form_entry_update label { display: block; float: left; clear: both; width: 130px; margin-top: 5px; }
div#form_entry_update input,div#form_entry_update select { display: block; float: left; margin-top: 5px; padding: 2px; border: 1px solid #cccccc; width: 350px; }
div#form_entry_update input:hover,div#form_entry_update select:hover { border-color: #000000; }

div#form_entry_update select { width: 75px; }

/* style hidden id field */
div#form_entry_update input#id { display: none; margin: 0px; border: 0px; padding: 0px; }
div#form_entry_update textarea { display: block; clear: both; padding: 2px; border: 1px solid #cccccc; }
div#form_entry_update textarea:hover { border-color: #000000; }
div#form_entry_update input.submit { width: 100px; margin-left: 135px; cursor: pointer; }
div#form_entry_update input.cancel { width: 100px; margin-left: 20px; cursor: pointer; }

/* admin login form */

div#admin_login_form label, div#admin_login_form input { display: block; }

#table_events, #table_updates { width: 100%; }

#form_event_athletes table { width: 100%; }

div#logout_button{ float: right; }

/* results-file-form */
div#results-file-form label { display: block; }
div#results-file-form #submits-block { width: 200px; padding-bottom: 20px; }
div#results-file-form input#cancel { display: block; float:left; margin-right: 10px; }
div#results-file-form input#submit { display: block; float: right; }