/* THIS CSS PRODUCES A CENTERED 2 COLUMN LAYOUT WITH HEADER AND HORIZONTAL NAV */

/* BEGIN STRUCTURE */
:focus {-moz-outline-style: none;} /* removes dotted border around FF links */

body {
	margin:0;
	padding:0;
	height:100.1%; /* keeps vertical scroll bar visible in browsers so layout doesn't 'bounce' page to page */
	text-align:center; /* combined with container {margin:0 auto 0 auto} this centers a page */
	background-color:#9a9a9a;
}

div#shadow {
	position:relative;
	width:822px;
	margin:60 auto 0 auto; /* combined with body {text-align:center} this centers a page */
	background-image:url("/img/container-bg.gif");
	background-repeat:repeat-y;
	background-position:top left;
	border:0px solid #000;
}

/*+++*/
div#container {
	width:796px;
	margin:0 auto 0 auto;
	padding:2px;
	background-color:#00344e;
	border:4px solid #000;
}

div#rule {
	border:1px solid #231c1c;
	padding:0px;
}

div#container_inner {
	background-color:#00344e;
	background-image:url("/img/gradient-bottom.gif");
	background-repeat:repeat-x;
	background-position:bottom left;
	margin:1px;
	text-align:left;
}

div#branding {
	position:relative;
	z-index:2;
	width:792;	
	height:117px;
	background-image:url("/img/branding-bg.jpg");
	background-repeat:no-repeat;
	background-position:top left;
}

div#jason_allred {
	position:absolute;
	top:-28px;
	left:-30px;
	width:266px;
	height:195px;
	background-image:url("/img/neil-lomax.png");
	background-repeat:no-repeat;
	background-position:top left;
}

#branding img#adroit_logo {
	position:absolute;
	top:22px;
	left:215px;
}

#branding img#logo {
	position:absolute;
	top:15px;
	left:394px;
}

div#nav {
	position:relative;
	background-image:url("/img/nav-bg.gif");
	background-repeat:no-repeat;
	background-position:top left;
	width:792px;
	height:35px;
	border:0px solid white;
}

#nav ul {
	position:absolute;
	top:1px;
	left:25px;
	width:100%;
	height:30px;
	margin:0 0 0 0px;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	border:0px solid black;
}

#nav a{
	display:block;
	height:29px;
	border:0px solid black;
}

#home, #event, #news, #beneficiaries, #sponsors, #donate, #contact {
	float:left;
	height:29px;
}

#home {
	position:absolute;
	top:0px;
	left:12px;
	z-index:5;
	width:77px;

}

#home a, #home a:visited {background:url("/img/btn-home.gif") top left no-repeat;}

#home a:hover {background:url("/img/btn-home.gif") top right no-repeat;}

/*+++*/
#event {
	width:109px;
	margin:0 0 0 245px;
}

#event a, #event a:visited {background:url("/img/btn-event.gif") top left no-repeat;}

#event a:hover {background:url("/img/btn-event.gif") top right no-repeat;}

/*#news  {width:75px;}

#news a, #news a:visited {background:url("/img/btn-news.gif") top left no-repeat;}

#news a:hover {background:url("/img/btn-news.gif") top right no-repeat;}*/

#beneficiaries  {width:112px;}

#beneficiaries a, #beneficiaries a:visited {background:url("/img/btn-beneficiaries.gif") top left no-repeat;}

#beneficiaries a:hover {background:url("/img/btn-beneficiaries.gif") top right no-repeat;}

#sponsors {width:112px;}

#sponsors a, #sponsors a:visited {background:url("/img/btn-sponsors.gif") top left no-repeat;}

#sponsors a:hover {background:url("/img/btn-sponsors.gif") top right no-repeat;}

#donate {width:89px;}

#donate a, #donate a:visited {background:url("/img/btn-donate.gif") top left no-repeat;}

#donate a:hover {background:url("/img/btn-donate.gif") top right no-repeat;}

#contact {width:99px;}

#contact a, #contact a:visited {background:url("/img/btn-contact.gif") top left no-repeat;}

#contact a:hover {background:url("/img/btn-contact.gif") top right no-repeat;}

div#content {
	padding:0 0 20 0px;
}

div#content_admin {
	padding:40 20 20 20px;
}

div#content_main {
	float:right;
	width:550px;
	background-image:url("/img/content-bg.gif");
	background-repeat:repeat-x;
	background-position:top left;
	padding:10 0 0 0px;
}

div#content_sub {
	float:left;
	width:225px;
	background-image:url("/img/content-bg.gif");
	background-repeat:repeat-x;
	background-position:top left;
	padding:32 0 0 0px;
}

div#site_info {
	position:relative;
	margin:0 auto 0 auto; 
	background-image:url("/img/site-info-bg.gif");
	background-repeat:no-repeat;
	background-position:top left;
	width:822px;
	height:100px;
	padding:12 0 0 0px;
	color:#4f5d64;
	text-align:left;
}

#site_info ul#sponsor_list {
	padding:0 0 0 22px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	line-height:1.4em;
}

#site_info ul#sponsor_list li img{
	float:left;
	margin:0 13 0 0px;
}


#site_info ul {
	font-size:1em;
	padding:3 0 0 0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	line-height:1.4em;
}

#site_info li {display:inline;}

#site_info p {
	font-size:1em;
	padding:0 0 0 0px;
}

#site_info a {
	color:#4f5d64;
	text-decoration:none;
}

#site_info a:visited {text-decoration:none;}

#site_info a:hover {
	text-decoration:none;
	color:#ccd4d7;
}

div#player {
	z-index:3;
	position:absolute;
	top:50px;
	left:12px;
}
/* END STRUCTURE */

/* BEGIN GENERAL TYPOGRAPHY */
body {
	font-family:arial, sans-serif;
	font-size:62.5%;
	color:#ccd4d7;
}

h1, h2, h3, h4, h5 {
	font-family:arial, sans-serif;
	margin:0px 10px 4px 10px;
}

h2 {
	margin-top:12px;
}

p, ul, ol {font-size:1.2em;}

h1 {font-size:1.8em;} 

h2 {font-size:1.6em;margin-top:16px;
}

h3 {font-size:1.3em; margin-bottom:0px;}

h4 {font-size:1.2em;}

p {margin:0px 10px 10px 10px;}

a {
	font-size:1em;
	color:#ccd4d7;
	text-decoration:underline;
}

a:visited {}

a:hover {text-decoration:none;}

ul {
	margin:0;
	padding:0 10 10 40px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:url("/img/dot-white.png");
	line-height:1.4em;
}

ol {
	margin:0;
	padding:0 10 10 40px;
	text-indent:0px;
	text-decoration:none;
	line-height:1.4em;
}
/* END GENERAL TYPOGRAPHY */

/* BEGIN VARIOUS TAGS AND CLASSES */
ul.sponsors {
	margin:0;
	padding:10 10 10 10px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	line-height:1.4em;
}

/* +++ */
ul.sponsors li {
	text-align:center;
	float:left;
	width:176px;
	height:100px;
	margin-bottom:30px;
	border:0px solid white;
}

ul.sponsors li.tall {

	height:140px;

}

ul.sponsors li img {border:2px solid black;}

img {border:0;}

.center {text-align:center;}

.bold {font-weight:bold;}

.nomargin {margin:0px;}

.clear {
	clear:both;
	height:0px;
	border:0px solid #FFF;
}

.photo {

	margin:0 10 10 10px;

}

.even {background:#efefef;}

.float_left {float:left;}

.float_right {float:right;}
/* END VARIOUS TAGS AND CLASSES */

/* BEGIN NEWS */
ol#jam_news {
	margin:0 0 0 0;
	padding:0 0 0 0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	border:0px solid black;
}

ol#jam_news li {
	margin:0 0 0 0px;
	padding:10 0 0 0px;
}

ol#jam_news li p {
	padding-bottom:10px;
	margin-bottom:0px;
	font-size:1em;
}

div#content_sub h2 {
	margin-top:0px;
	margin-bottom:0px;
}

ol#jam_news li h3 {
	font-size:1em;
}
/* END NEWS */

/* BEGIN HOME */
div#content_main_home {
	position:relative;
	float:right;
	width:558px;
	height:390px;
	padding:10 0 0 0px;
}

div#badges {
	position:absolute;
	top:5px;
	left:0px;
}

/*+++*/
div#copy {
	clear:both;
	position:absolute;
	top:112px;
	left:0px;
	width:388px;
	background-image:url("/img/content-bg-home.gif");
	background-repeat:repeat-x;
	background-position:top left;
	padding:10 0 0 0px;
}

div#logo2 { 
	height:400px;
	background-image:url("/img/logo-2.png");
	background-repeat:no-repeat;
	background-position:15px 0px;
}

img#course {
	position:absolute;
	top:257px;
	left:397px;
}
img#band {
	position:absolute;
	top:112px;
	left:397px;
}
.submit {
	background-color:056697;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.adminselect {
	position:absolute;
	top:-40px;
	left:685px; 
	}
.error {
	color:#fff;
	font-size:14px;
	font-weight:bold;
	}
.msg {
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	}
.smaller {font-size:11px;}

.small {font-size:14px;margin:0;}
/*COUNTDOWN TICKER*/
span#cntdwn {
	position:absolute;
	left:420;
	top:72;
	}
/* END HOME */

