/*-----------------------------------------------------------------------------
Athletics Yukon - Floated 2 Column Fixed Width 860px (Main Content Right)

version:   1.0
date: December 31, 2009
author:    Darryl Bray
email:     darrylbray@elviowebdesign.com
website:   http://www.elviowebdesign.com/
-----------------------------------------------------------------------------*/

body {
    background:  #e9e4d4 url(../images/body-bg.jpg) repeat-x;
	color:#3a3a3a;
	color: #000;
}

/* Start Blue Print Over Rides 
================================== */

/* Start Common Styles 
================================== */

html {
	min-height:101%; /* Prevents Scroll Bar Jump on large screen monitors with high resolutions */
}

a {
	color: #bf0101;
}

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

h1 {
 font-family: "Times New Roman", Times, serif;
  font-size: 2.8em;
  font-weight: normal;
  color: #000;
  /* border-bottom: 1px dotted #cccccc; */
  margin-bottom: .3em;
  padding-top: 15px;
}

h2 {
	font-family: "Times New Roman", Times, serif;
  font-size: 2.2em;
  font-weight: normal; 
  color: #000; 
  margin-bottom: .05em;  
}

h3 {
	font-family: "Times New Roman", Times, serif;
  font-size: 1.6em;
  font-weight: normal; 
  color: #000; 
  margin-bottom: .05em;  
}

h4 {

 letter-spacing: 1px;
  font-size: 1.6em;
  font-weight: normal;
  color: #71011a;
  text-transform: uppercase;
    padding-top: 15px;
  margin-bottom: .5em;   
}

p {
	color: #555555;
}

ul {
	list-style-type: square;
	color: #555555;
}

li {
margin: 0.5em 0;
}

li li {
list-style-type:circle;
}

.emphasistitle {
color: #fff;
background-color: #5c5e63;
padding: 0;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
}

.image-space-bottom {
margin-bottom: 15px;
}

.image-space-left {
margin-top: 13px;
margin-left: 27px;
}

.posted {
font-style: italic;
color: #000;
}

#wrapper {
	/* background: url(../images/wrapper-bg.gif) repeat-y; */
}

/* Start Header 
================================== */

#header {
	position: relative;
 	height: 173px;
}

#header a {
	color: #fff;
}

#header a:hover {
	color: #fff;
	text-decoration:none;
}

.position-logo {
	position: absolute;
	top: 45px;
	left: 0px;
}

.positioncalendar {
position:absolute;
top: 35px;
left: 585px;
}

.positionevents {
position:absolute;
top: 68px;
left: 585px;
font-size: 95%;
}

.positionevents p {
	margin-bottom: 3px;
}

/* Start Top Navigation Sports */

#header .top-navigation-sports {
position: absolute;
top: 5px;
left: 0px;
}

#header .top-navigation-sports ul {
margin: 0; /* Blue Pring Over Ride */

}

#header .top-navigation-sports li {
display: inline;
font-size: 11px;
list-style: none;
margin-right: 40px;
}

#header .top-navigation-sports li a {
text-decoration: none;
color: #cd8f23;
}

#header .top-navigation-sports li a:hover {
color: #cd8f23;
text-decoration: underline;
} 

/* Start Top Navigation Basic */

#header .top-navigation-basic {
position: absolute;
top: 5px;
left: 660px;
}

#header .top-navigation-basic ul {
margin: 0; /* Blue Print Over Ride */

}

#header .top-navigation-basic li {
display: inline;
font-size: 11px;
list-style: none;
margin-right: 10px;
text-transform: uppercase;
}

#header .top-navigation-basic li a {
text-decoration: none;
color: #fff;

}

#header .top-navigation-basic li a:hover {
color: #fff;
text-decoration: underline;
} 

/* Start Primary Navigation */

#header .primary-navigation {
position: absolute;
top: 148px;
left: 0px;
}

#header .primary-navigation ul {
margin: 0; /* Blue Pring Over Ride */

}

#header .primary-navigation li {
display: inline;
list-style: none;
margin-right: 40px;
}

#header .primary-navigation li a {
text-decoration: none;
color: #333333;

}

#header .primary-navigation li a:hover {
color: #f2812a;
text-decoration: none;
} 

/* Start Main Message
================================== */

#mainMessage {
position: relative;
height: 315px;
margin-top: 20px;
background: url(../images/main-message-bg.gif) no-repeat;
}

.position-hurdler {
	position: absolute;
	top: 30px;
	left: 425px;
}

/* Start Primary Content 
================================== */

#primaryContent {
  	background-color: #fff;
}

/* Start Slide Show On Home Page */

.slideshow {
width: 520px;
height: 346px;
margin-bottom: 20px;
margin-left: 20px;
}

/* Start Calendar Of Events Table */

#primaryContent .eventstable {
	margin:0 0 0 20px;
	padding: 10px 0 15px 0px;
	background-color: #fff;
}

#primaryContent .datatable {
	border: 1px solid rgb(242,242,242);
	border-collapse: collapse;
	width: 820px;
	font-size: 90%;
}

#primaryContent .datatable th {
	background-color: #a5bf6f;
	background-color: #9b8948;
	background-color: #430064;
	font-weight: normal;
	text-align: left;
	padding: 8px 2px 6px 4px;
	color: #fff;
	font-size: 115%;
}

#primaryContent .datatable td {
	border: 1px solid #D6DDE6;
	padding: 4px;
}

#primaryContent .datatable tr.altrow {
	background-color: rgb(242,242,242);
	color: #000000;
}

#primaryContent .datewidth {
	width: 114px;
}

#primaryContent .eventwidth {
	width: 204px;
}

#primaryContent .locationwidth {
	width: 304px;
}

#primaryContent .contactwidth {
	width: 144px;
}

#primaryContent .resultswidth {
	width: 56px;
}

/* End Calendar Of Events Table */

/* Start Months of the Year on Calendar of Events Page */

#monthsofyear {
	margin:0;
	padding: 5px 0 20px 0;
	font-size: 110%;
	background-color: #fff;
}

#monthsofyear ul {
	margin:0;
	padding: 0;
}


#monthsofyear li{
	margin:0;
	padding:  0 3px 0 3px;
	list-style-type: none;
	display:inline;
} 

#primaryContent .top { 
	float: right;
	padding: 2px 30px 20px 15px;
	margin: 0;
}

/* End Months of the Year on Calendar of Events page */

/* Start Scrolling Sponsors */

#marqueecontainer {
position: relative;
width: 268px; /*marquee width */
height: 135px; /*marquee height */
margin-top: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #e9e4d4;
}

/* End Scrolling Sponsors */

/* Start Seconary Content 
================================== */

#secondaryContent {
  	
}

.border-box {
border: 1px solid #d9d3bb;
margin-bottom: 30px;
background-color: #fff;
padding-left: 20px;
padding-right: 20px;
}

.coast {
margin-left: 30px;
}

/* Start Footer
================================== */

#footer {
position: relative;
height: 190px;
  	background-color: #800000;
	background-color: #000;
	color: #fff;
}

#footer p {
margin: 0;
padding: 10px 0 10px 0px;
}

#footer ul {
	margin: 0;
	padding: 10px 0 10px 0px;
	list-style-type: none;
}

#footer li {
	/* display: inline;
	padding-right: 10px; */
}

#footer li a {
	color: #fff;
	text-decoration: none;
}

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

.positionsmallprint {
position: absolute;
top: 0px;
left: 0px;
}

.positionadministration {
position: absolute;
top: 0px;
left: 350px;
}

.positionproudmember {
position: absolute;
top: 0px;
left: 650px;
}

/* Start Layout Core Technique
================================= */

#wrapper {
  	width: 860px; 
  	margin: 0 auto; 
  	text-align: left; 
}


#primaryContent { 
  	width: 560px;
  	float: right; 
	margin-bottom: 25px;
}

#secondaryContent { 
  	width: 268px; 
  	float: left; 
} 

#footer { 
  	clear: both;
} 

#oneColLayout #primaryContent {
width: 860px;
}

.container  {
position: relative;
	width: 860px;
	margin: 0 auto;
}


/* Start Layout Padding 
================================== */

#primaryContent {
  	/* padding-top: 20px; */
	margin-top: 25px;
}

#primaryContent h1, #primaryContent h2, #primaryContent h3, #primaryContent p, #primaryContent ul {
padding-left: 20px;
padding-right: 20px;
}

#secondaryContent {
  	padding-top: 25px;
}

#secondaryContent h1, #secondaryContent h2, #secondaryContent h3, #secondaryContent p {
/* padding-left: 20px; 
padding-right: 20px; */
}


#footer {
  	/* padding-top: 5px;
  	padding-bottom: 5px; */
}