/*-----------------------------------------------------------------------------
Yukon Soccer Association
3 Column Fixed Width 950px (Main Content Left)

version:   1.0
author:    darryl bray
email:     darrylbray@elviowebdesign.com
website:   http://www.elviowebdesign.com/
date: May 14, 2008
-----------------------------------------------------------------------------*/

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

html {
overflow-y:scroll; /* Prevents Scroll Bar Jump in IE */
}

h1 {
  font-size: 2.5em;
  font-weight: normal;
}

h2 {
  font-size: 1.9em;
  font-weight: normal;
}

h3 {
  font-size: 1.5em;
  font-weight: normal;
  color: rgb(51,51,51);
}

h4 {
	padding:0;
	margin:0;
	margin-top: 15px;
  font-size: 1.5em;
  font-weight: normal;
  color: rgb(51,51,51);
}

h5 {
	padding:0;
	margin:0;
  font-size: 1.2em;
  font-weight: bold;
  color: rgb(51,51,51);
}

a {
  	color:#3a3a3a;

}

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

ul {
list-style: square;
}

.emphasis {
font-weight: bold;
}

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

.posted {
font-style: italic;
color: #a1998e;
margin-bottom: 3px;
}

.sponsors {
margin-left: 35px;
}

.clearboth {
clear:both;
}

.coordinator {
position: absolute;
top: 155px;
left: 600px;
font-weight: bold;
font-size: 120%;
}

.gameschedule {
position: absolute;
top: 270px;
left: 600px;
font-weight: bold;
font-size: 145%;
}

.footerCol {
margin:0;
padding:0;
float: left;
width: 270px;
/* margin-left: 15px; */
}

.adjustwidth {
width: 195px;
}

.copyright {
position: absolute;
top: 200px;
left: 640px;
}

.logocsa {
position: absolute;
top: 25px;
left: 780px;
}

.logo-space-left {
margin-left: 10px;
}

.morespace {
margin-top: 20px;
}

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

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

#branding {
position: relative;
  height: 78px;
background: #ffffff url(../images/roundedtop.gif) no-repeat top left;

}

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

/* Start Search Form */

#form-search {	
float:right;
background: #FFFFFF url(imgages/icn_search.jpg) no-repeat left center;
padding: 0;
margin: 20px 5px 0px 0px; 
/* Not being used but shows how to do additional styling for search form
padding: 10px;
background: #aaa; 
border: 1px solid #999;
 */
 }
	
#form-search p {
		padding: 0;
		margin: 0;
	}
	
#form-search label, #input-keywords, #submit-search {
		vertical-align: middle;
		padding: 0;
		margin: 0;
	}
	
#form-search label {
		font-size: 11px;
		text-transform: uppercase;
	}
	
#input-keywords
	{
		border: 1px solid #7F7F7F;
		height: 20px;
		width: 200px;
		line-height: 20px;
	}

/* End Search Form */

/* Start Horizontal Main Menu */

#stylefour{
position:relative;
display:block;
height:39px;
font-size:12px;
font-weight:bold;
background:transparent url(../images/bgOFF.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;
border-top:4px solid #B30000;
}

#stylefour ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
}

#stylefour ul li{
display:block;
float:left;
margin:0;
}

#stylefour ul li a{
display:block;
float:left;
color:#666;
text-decoration:none;
padding:11px 20px 0 20px;
height:23px;
background:transparent url(../images/bgDIVIDER.gif) no-repeat top right;
}

#stylefour ul li a:hover {
color:#B30000;
background:#fff url(../images/bgON.gif) no-repeat top right;
}

/* Start styling for current location on main menu */

#home #stylefour ul li a.home,
#yukonsoccerclub #stylefour ul li a.yukonsoccerclub,
#yukonchampionships #stylefour ul li a.yukonchampionships,
#calendarofevents #stylefour ul li a.calendarofevents,
#newsarchive #stylefour ul li a.newsarchive,
#photogallery #stylefour ul li a.photogallery,
#contactus #stylefour ul li a.contactus {
color:#B30000;
background:#fff url(../images/bgON.gif) no-repeat top right;
}

/* Start styling for current location for affiliates */

#whitehorseminorsoccer #secondaryContent ul li a.whitehorseminorsoccer,
#whitehorserapids #secondaryContent ul li a.whitehorserapids,
#recreationalcoedsoccer #secondaryContent ul li a.recreationalcoedsoccer,
#seniormetroleague #secondaryContent ul li a.seniormetroleague,
#dawsoncityminorsoccer #secondaryContent ul li a.dawsoncityminorsoccer,
#atlin #secondaryContent ul li a.atlin,
#mayo #secondaryContent ul li a.mayo,
#hainesjunction #secondaryContent ul li a.hainesjunction,
#watsonlake #secondaryContent ul li a.watsonlake,
#teslin #secondaryContent ul li a.teslin,
#pellycrossing #secondaryContent ul li a.pellycrossing
 {
color: #B30000;
font-weight: bold;
}

/* End styling for current location for affiliates */

/* End Horizontal Main Menu*/

/* Start Right Side Bar Menu */

#tertiaryContent .menucategory {
font-weight: bold;
padding: 5px 0px 5px 0px;
font-size: 110%;
color: #B30000;
}

/* End Right Side Bar Menu */

#content {

}

#primaryContent {
position:relative;
border-top: 1px solid #e7e7e7;
}

#primaryContent a {
color: #800000;
}

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

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


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

#primaryContent li li {
padding-bottom: 0px;
list-style-type:circle;
}

#primaryContent .rulesmenu li  {
list-style: none;
}

/* Start CSS for Boxes */

#boxes {

}

.boxleft {
width: 48%;
float: left;
margin-bottom: 20px;
}

.boxright {
width: 48%;
float: right;
margin-bottom: 20px;
}

/* End CSS for Boxes */

/* Start CSS to override Blueprint table code in Typography CSS File */

th      { border-bottom: none; font-weight: normal; }
td      { border-bottom: none; }

/*  End CSS to override Blueprint table code in Typography CSS File */

/* Start Basic Table For Affliates Home Page */

#primaryContent .basic table {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 490px;
}

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

/* End Basic Table For Affiliates Home Page */

/* Start Team List Table */

#primaryContent .teams table {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 490px;
}

#primaryContent .teams th {
	border: 1px solid #D6DDE6;
	background-color: #cccccc;
	font-weight: bold;
	text-align: left;
	padding-left: 6px;
}

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

.odd {
  background-color:#edf5ff;
}

/* End Team List Table */


/* Start Game Schedule Table */

#primaryContent .leagueschedulewms table {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 910px;
}

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

#primaryContent .leagueschedulewms th {
	border: 1px solid #D6DDE6;
	background-color: #cccccc;
	/* background: #ccc url(../images/bar.gif) repeat-x left center; */
	font-weight: bold;
	text-align: left;
	padding-left: 6px;
}

.odd {
  background-color:#edf5ff;
}

.smallwidth {
width: 95px;
}

.mediumwidth {

}

.largewidth {

}

/* End Game Schedule Table */

/* Start Months of the Year on Game Schedule Page */

#monthsofyear {
	margin:0 0 0 0;
	padding: 5px 0 20px 20px;
}

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


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

#content .top { /* small horizontal black and red arrow image used for hyperlinking to top of page */ 
	float: right;
	padding: 2px 10px 20px 15px;
	margin: 0;
	background:url(../images/0063_puce_atypik.png) no-repeat left 22%;
}

/* End Months of the Year on Game Schedule page */


#secondaryContent {
border-top: 1px solid #e7e7e7;
/* border-top: 1px solid #cccccc; */
}

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

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

#secondaryContent li a {
text-decoration: none;
font-weight: bold;
}

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

#secondaryContent ul li a.current {
color: #B30000;
font-weight: bold;
}

#tertiaryContent {
 border-top: 1px solid #e7e7e7;
 /*  border-top: 1px solid #cccccc; */

}

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


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

#tertiaryContent li a {
text-decoration: none;
}


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


#quaternaryContent {
 background-color: #CC6600;
 }


#footer {
position: relative;
  background-color:#e7e7e8;
  background:url(../images/footer_bg.gif) repeat-x;
  /* background-color: #cccccc; */
height: 240px;
color: #000000;
}

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

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

#footer li {

}

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

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

#footer li a {
padding-right: 30px;

}

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

body {
  text-align: center; 
}

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

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

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

/* #content { 
  width: 740px; 
  float: left; 
} */

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

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

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

#quaternaryContent {
width: 420px; 

 }

#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 * *, #tertiaryContent * *,  #secondaryContent * *, #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;
}