/*-----------------------------------------------------------------------------
Yukon Orienteering Association

3 Column Fixed Width 950px (Main Content Left)

version:   1.0
author:    darryl bray
email:     darrylbray@elviowebdesign.com
website:   http://www.elviowebdesign.com/
-----------------------------------------------------------------------------*/

body {
	margin-top: 0;
  	background-color:#800000;
  	color:#3a3a3a;
	font-family: Arial, Helvetica, sans-serif; 
}

h1 {
	font-size: 2.3em;
	font-weight: normal;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #460000;
}

h2 {
	margin-bottom: 0.25em;
	font-size: 1.8em;
	font-weight: normal;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #460000;
}

h3 {
	margin-bottom: 0.5em;
	font-size: 1.5em;
	font-weight: normal;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; 
	color: #460000;
}

h4 {
	margin-bottom: 0.5em;
	font-size: 1.3em;
	font-weight: bold;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(50,50,50);
}

a {
	color: rgb(50,50,50);
}

a:hover {
	text-decoration: none;
}

#whatsnew h3 {
	 border-left: 10px solid #8CA563;
	 padding-left: 10px;
}

#whatsnew h3 a {
	text-decoration: none;
}

.space {
	margin: 5px 0 15px 0;
}

.imagespace, .textspace {
	margin-bottom: 20px;
}

.imageborder {
	border: 1px solid #ccc;
}

.maps p {
	margin: 2px;
}

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

#branding {
	position: relative;
	height: 125px;
	background-color:#800000;
	color: #ffffff;
}

#branding a {
	color: #ffffff;
}

#branding ul li {
	display:inline;
}

#branding ul li a {
	margin: 0px 30px 0px 0px;
	color: #ffffff;
	text-decoration: none;
	font-size: 95%;
}

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

.logo {
	position: absolute;
	top: 15px;
	left: 20px;
}

.brandingnavigation {
	position: absolute;
	top: 10px;
	left: 605px;
}

.nextorienteeringevent {
	position: absolute;
	top: 35px;
	left: 617px;
}

.event {
	position: absolute;
	top: 61px;
	left: 620px;
}

.home {
	background: #800000 url(../images/home.gif) no-repeat;
	padding-left: 20px;
}

.email {
	background: #800000 url(../images/email.gif) no-repeat;
	padding-left: 20px;
}

.aboutus {
	background: #800000 url(../images/aboutus.gif) no-repeat;
	padding-left: 20px;
}

.visitCOF {
	margin-bottom: 10px;
}

.visitCOF h3 {
	text-align: center;
}

.joinus {
	margin-bottom: 10px;
}

.emphasisblack {
	color: #000000;
	font-weight: bold;
}

.emphasisorange {
	color: #f38917;
	font-weight: bold;
}

.emphasisgreen {
	color: #829657;
	font-size: 105%;
	font-style: italic;
}

.emphasisred {
	color: #ff0000;
	font-weight: bold;
}

.largerfont {
	font-size: 120%;
}

.modifieddate {
	float: right;
	color: #A0A0A0;
}

/* Start Main Navigation */

#navigation {
	background: #e2decc url(../images/roundedtop.gif) no-repeat;
	padding-top: 5px;
}

#navigation ul {
  	margin: 0;
  	padding: 0;
  	font-size: 125%;
  	float: left;
  	width: 950px;
  	background-color: #e2decc;
  	list-style: none;
}

#navigation ul li {
  	float: left;
  	display:inline; /* Fixes IE6 Double Margin Bug */
}

#navigation ul a {
  	padding: 0 2.5em;
  	line-height: 3em;
  	background-color: #e2decc;
  /* border-right: 1px solid white; */
  	text-decoration: none;
  	color: rgb(50,50,50);
  	float: left;
}

#navigation ul a:hover {
  	color: #8e1103; 
}

#navigation ul .last a {
  	border-right: none;
}

/* End Main Navigation */

#primaryContent a {
	color: #460000;
	font-weight: normal;
}

#primaryContent a:hover {
	text-decoration: none;
}

#primaryContent .emphasisred a {
	color: #ff0000;
}

#primaryContent ul {
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;
	list-style: square; 
}

#primaryContent ul li {
	padding-bottom: 5px; 
}

#primaryContent ol {
	margin: 0;
	padding: 0 0 0px 20px;
}

#primaryContent ol li {
	padding-bottom: 10px;
}

/* Start Race Schedule Table */

#primaryContent table {
  	width: 490px;
  	margin: 15px 0px 20px 0px;
  	border: 1px solid #808285;
}

#primaryContent th  {
	width: 245px;
	text-transform: uppercase;
	font-size: 110%;
  	font-weight: bold;
  	padding: 10px;
  	background-color: #000;
  	color: #fff;  
}

#primaryContent td  {
	width: 245px;
	padding: 10px;
}

.odd {
	background-color: #a5bf6f;
}

/* End Schedule Table */


/* Start Calendar Of Events Table */

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

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

#primaryContent .datatable th {
	background-color: #a5bf6f;
	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: #000;
}

#primaryContent .datewidth {
	width: 50px;
}

#primaryContent .timewidth {
	width: 100px;
}

#primaryContent .meetingpointwidth {
	width: 135px;
}

#primaryContent .mapwidth {
	width: 115px;
}

#primaryContent .contactwidth {
	width: 125px;
}

/* End Calendar Of Events Table */

/* Start Months of the Year on Calenadar 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 { /* small horizontal black and red arrow image used for hyperlinking to top of page */ 
	float: right;
	padding: 2px 30px 20px 15px;
	margin: 0;
}

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

#secondaryContent ul {
	margin: 0;
	padding: 0 0 20px 20px;
	list-style: none;
}

#secondaryContent li {
	padding-bottom: 5px;
}

#secondaryContent a {
	text-decoration: none;
}

#secondaryContent a:hover {
	text-decoration: underline;
}

#tertiaryContent ul {
	margin: 0;
	padding: 0 0 20px 20px;
	list-style: none;
}

#tertiaryContent li {
	padding-bottom: 5px;
}

#tertiaryContent a {
	text-decoration: none;
}

#tertiaryContent a:hover {
	text-decoration: underline;
}

#tertiaryContent  .signup a {
	text-decoration: underline;
}

#tertiaryContent  .signup  a:hover {
	text-decoration: none;
}

#footer {
	position: relative;
	background-color: #e2decc;
	height: 150px;
	font-size: 95%;
}

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

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

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

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

#footer .xhtml {
	background: #e2decc url(../images/xhtml_valid.gif) no-repeat;
	padding-left: 20px;
}

#footer .css {
	background: #e2decc url(../images/css_valid.gif) no-repeat;
	padding-left: 20px;
}

/* Start Action Footer */

.footerCol { 
	margin: 20px 15px 0px 0px;
	padding:0;
	float:left; 
	display:inline; /* Fixes IE6 Double Margin Bug */
	width:200px; 
} 

.adjustwidth {
	width: 130px;
}

/* End Action Footer */

#oneColLayout #primaryContent {
	background-color: #fff;
}

/* Layout Technique
================================= */

body {
  	text-align: center; 
}

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

#contentColumnContainer { 
  	width: 418px; 
  	float: right; 
}

#primaryContent { 
  	width: 530px; 
  	margin: 0; 
  	float: left; 
}

#secondaryContent { 
  	width: 209px;
  	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  	float: left; 
} 

#tertiaryContent { 
  	width: 209px; 
  	float: right; 
}

#footer { 
  	clear: both; 
} 

#oneColLayout #primaryContent {
	width: 950px;
}

 
/* Padding For Layout Technique
================================== */

#primaryContent, #secondaryContent, #tertiaryContent, #quaternaryContent  {
  	padding-top: 20px;
  	padding-bottom: 20px;
}


#primaryContent *, #secondaryContent *, #tertiaryContent *, #quaternaryContent * {
	padding-left: 20px;
  	padding-right: 20px;
}

#primaryContent * *, #secondaryContent * *, #tertiaryContent * *,   #quaternaryContent * * {
  	padding-left: 0;
  	padding-right: 0;
}

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

#footer * {
	padding-left: 20px;
	padding-right: 20px;
}

#footer * * {
	padding-left: 0px;
	padding-right: 0px;
}