/*-----------------------------------------------------------------------------
3 Column Fixed Width 950px (Main Content Left) Updated June 3, 2009
Whitehorse Cross Country Ski Club Redesign

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

body {
   	/* background-color:#8DC3E9; */
  	/* margin-top: 10px; */
    color:#3a3a3a;
	font-family: Arial, Helvetica, sans-serif; 
	background: url(../images/body_bg.gif) repeat-x;
}

/* Start Common Styles */

#primaryContent h1 {
font-size: 2.6em;
font-weight: normal;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
color: #143D55;
}

h2 {
font-size: 2.1em;
font-weight: normal;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
color: #143D55;
margin-bottom: .4em;
}

h3 {
font-size: 1.5em;
font-weight: normal;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; 
font-family:Arial, Helvetica, sans-serif;
color: #143D55;
}

h4 {
font-size: 1.1em;
font-weight: bold;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; 
font-family: Arial, Helvetica, sans-serif;
color: #00477F;
}

h5 {
font-size: 1.8em;
font-weight: normal;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; 
font-family: Arial, Helvetica, sans-serif;
font-family: Georgia, "Times New Roman", Times, serif;
color: #ffffff;
margin-bottom: 15px;
}

a {
color: #4C88BE;
}

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

.posted {
	font-weight: normal;
	color: #968f7f;
}

.divider {
	background: url(../images/divider.gif) repeat-x;
	height: 1px;
	margin-bottom: 10px;
}

.spacetop {
margin-top: 10px;
}

.spacebottom {
padding-bottom: 10px;
}

.spaceleft {
padding-left: 10px;
}

.whitecolour {
color: #fff;
}

.greycolor {
background-color: #808285;
background-color: #cccccc;
}

.alignmiddle {
vertical-align: middle;
}
/* End Common Styles */

/* Start BluePrint Screen CSS Over Rides */

p {
	margin:0 0 0em; /* Remove bottom margin */
} 

ul, ol {margin:0 1.5em 0em 1.5em;} /* Remove bottom margin */

/* End BluePrint Screen CSS Over Rides */

#wrapper {
  	background-color: #fff;
}


/* Start Branding section */

#branding {
  	height: 101px;
	background: #00344d;
  	position: relative;
	margin-bottom: 0;
}

.logo {
 	position: absolute;
 	top: 23px;
 	left: 60px;
}
 
.goingskiingtoday {
 	position: absolute;
 	top: 15px;
 	left: 650px;
}

.topNav ul {
	position:absolute;
	top: 45px;
	left: 540px;
	margin: 25px 0px 0px 0px;
	list-style: none;
}

.topNav li {
	display: inline;
	padding: 0px 8px 0px 8px;
}

.topNav a {
	color: #cbd060;
	text-decoration:underline;
	font-weight: bold;
}

.topNav a:hover {
	text-decoration: none;
}

/* End Branding section */

/* Start Primary Navigation */

/* ---------------------- Dolphin nav ---------------------- */

#dolphincontainer {
position:relative;
/* height:56px; */
height: 33px;
color:#E0E0E0;
/* background:#143D55; */
width:100%;
font-family:Arial, Helvetica, sans-serif;
}
#dolphinnav {
position:relative;
height:33px;
font-size:12px;
/* text-transform:uppercase; */
font-weight:bold;
background: #00344d url(../images/dolphin_bg.gif) repeat-x bottom left;
padding:0 0 0 20px;
}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(../images/dolphin_bg-OVER.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#1D6893 url(../images/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(../images/dolphin_right-ON.gif) no-repeat top right;height:33px;}

/* ---------------------- END Dolphin nav ---------------------- */

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

#home #dolfinnav ul li a.home,
#benefits #stylefour ul li a.benefits
{
color:#fff;background:#1D6893 url(../images/dolphin_left-ON.gif) no-repeat top left;line-height:275%;
} 

/* End styling for current location on main navigation */

/* End Primary Navigation */

#mainMessage {
	position: relative;
	height: 280px;
	background: #00344d url(../images/mainmessage_bg.gif) no-repeat bottom left;
	margin-top: 20px;
}

.mainmarketingmessage {
position: absolute;
top: 35px;
left: 155px;
}

.seasonmembershipdiscount {
position: absolute;
top: 245px;
left: 0px;
}

.positionjoinus {
position: absolute;
top: 120px;
left: 300px;
}

.thinksnow {
position: absolute;
top: 0px;
left: 810px;
}

/* Start Column Content Container surrounding Secondary Content, Tertiary Content and Quaternary Content */

#contentColumnContainer {
	/* background-color: green; */
}

/* End Content Column Container surrounding Secondary Content, Tertiary Content and Quaternary Content */

/* Start Primary Content */

#primaryContent {
	/* background-color: blue; */
}

#primaryContent p {
	padding-bottom: 1.5em;
}

#primaryContent img {
	/* margin-bottom: 1.5em; */
}

#primaryContent ul {
padding-bottom: 1.5em;
}

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

#primaryContent ol  {
	padding-bottom: 1.5em;
	margin-left: 1.8em;
}

#primaryContent .highlightreasons {
margin-top: 25px;
color: #fff;
background-color: #00344d;
padding-left: 25px;
}

#primaryContent .emphasislarge {
font-size: 18px;
}

/* Start Features Table */

#primaryContent .checkmark {
padding: 3px 0px 0px 17px;
}

#primaryContent .access {
width: 115px;
}

#primaryContent .included {
width: 55px;
}

#primaryContent .featurestable {
	border: 1px solid rgb(230,230,230);
	border-collapse: collapse;
}

#primaryContent .featurestable th {
	background-color: #98af3a;
	font-weight: bold;
	text-align: left;
	padding: 5px 2px 5px 4px;
	color: white;
}

#primaryContent .featurestable td {
	border: 1px solid rgb(230,230,230);
	padding: 4px 8px 4px 4px;
}

/* End Features Table */

/* Start Membership Fee Table */

#primaryContent .feetable {
	border: 1px solid rgb(230,230,230);
	border-collapse: collapse;
}

#primaryContent .feetable th {
	background-color: #98af3a;
	font-weight: normal;
	text-align: left;
	padding: 5px 2px 5px 4px;
	color: white;
	font-size: 11px;	
}

#primaryContent .feetable td {
	border: 1px solid rgb(230,230,230);
	padding: 4px 8px 4px 4px;
	font-size: 11px;
}

.agewidth {
width: 75px;
}

/* End Membership Fee Table */

/* End Primary Content */

/* Start horizontal boxes */

#boxes {

} 

.boxleft {
	margin: 0;
	padding: 0;
	background-color: green;
	width: 48%;
	float: left;
	margin-bottom: 20px; 
}

.boxright {
	margin: 0;
	padding: 0;
	background-color: green;
	width: 48%;
	float: right;
	margin-bottom: 20px;
}

/* End horizontal boxes */

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

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

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


#monthsofyear li{
	margin:0;
	padding:  0 10px 0 0;
	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 10px 20px 15px;
	margin: 0;
	background:url(../images/0063_puce_atypik.png) no-repeat left 22%;
}

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

/* Start Calendar Of Events Table */

.eventstable {
	margin:0;
	padding: 10px 0 15px 20px;

}

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

#primaryContent .datatable th {
	background-color: #98af3a;	
	font-weight: normal;
	text-align: left;
	padding: 2px 2px 2px 4px;
	color: white;
	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: 100px;
}

#primaryContent .timewidth {
	width: 175px;
}

#primaryContent .locationwidth {
	width: 200px;
}

/* End Calendar Of Events Table */

/* Start Google Map on Location page */

#map {
	width: 950px;
	height: 600px;
	margin-bottom: 20px;
}

/* End Google Map on Location page */

#secondaryContent {
  	/* background-color:purple; */
}

#secondaryContent h3 {
font-size:1.5em;
line-height:1;
margin-bottom:.4em;
}

#secondaryContent p {
	padding-bottom: 1.5em;
}

#secondaryContent img {
	margin-bottom: 1.5em;
}

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

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

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


#tertiaryContent {
  	/* background-color:yellow; */
}

#tertiaryContent h3 {
font-size:1.5em;
line-height:1;
margin-bottom:.4em;
}

#tertiaryContent p {
	padding-bottom: 1.5em;
}

#tertiaryContent img {
	margin-bottom: 1.5em;
}

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

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

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

#tertiaryContent a.list {
	color: #7c9d30;
	text-decoration: underline;
	font-weight: bold;
}

#tertiaryContent a:hover.list {
	color: #a4b83d;
	text-decoration: none;
	font-weight: bold;
}

#tertiaryContent .spaceslideshow {
margin-bottom: 20px;
}

/* Start Newsletter section */

#tertiaryContent form {
padding-left: 10px;
}

#tertiaryContent input {
width: 185px;
}

/* #newsletter .submit {
width: auto;
margin-left: 50px;
}  */

#tertiaryContent .newsletter {
color: #fff;
background: #3d6e8f url(../images/round-bottom-newsletter.gif) no-repeat left bottom;
margin-top: 5px;
margin-bottom: 25px;
}

#tertiaryContent .newslettertitle {
color: #ff9a00;
font-size: 160%;
font-weight: normal;
padding-top: 10px;
padding-left: 10px;
background: url(../images/round-top-newsletter.gif) no-repeat left top;
}

#tertiaryContent p.space {
	padding: 5px 10px 10px 10px;
}

#tertiaryContent p.spacecenter {
	padding: 5px 10px 10px 45px;
}

.button {
	margin-top: -20px;
    border: none;
	height: 30px;
	background: url(../images/subscribenow.gif) no-repeat center;
	cursor: pointer;
}

/* End Newsletter section */ 

/* Start Join Us section */

#tertiaryContent p.joinus {
	background-color: #e3decb;
	margin: 0;
	margin-top: -20px;
	margin-bottom: 20px;
	padding: 5px 10px 10px 10px;
}

#tertiaryContent .emphasisorange {
color: #f3c33e;
font-weight: bold;
font-style: italic;
}

#tertiaryContent .emphasisgreen {
color: #AEBC21;
font-weight: bold;
}

/* End Join Us section */

/* Start Sponsor Slide Show */

#slide-show {
	margin-top: 10px;
	margin-left: 25px;
}

#slide-images{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:210px;
	height:140px;	
	overflow:hidden;
}

#slide-images li{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

#slide-images li img{
	display:block;
	background-color:#FFFFFF;
}

/* End Sponsor Slide Show */


#quaternaryContent {
	position: relative;
	font-size: 95%;
	background-color: rgb(230,230,230);
	background: #e6e6e6 url(../images/round-bottom-news.gif) no-repeat left bottom;
	padding-bottom: 15px;
 }
 
.newspaper {
	position: absolute;
	top: 7px;
	left: 340px;
}
 
#quaternaryContent h3 {
	margin: 0;
	font-size:1.5em;
	line-height:1;
	margin-bottom:1em;
	padding-top: 20px;
	text-transform: uppercase; 
	letter-spacing: 2px;
	font-family: Century Gothic, Apple Gothic, sans-serif;
	background: url(../images/round-top-news.gif) no-repeat left top;
}

#quaternaryContent h4 {font-size:1.2em;line-height:1.25;margin-bottom:.5em;}
 
#quaternaryContent p { 
	padding-bottom: 1.5em;
	width: 370px;
}

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

/* Start Scrolling Lastest Annoucements */

#marqueecontainer{
position: relative;
width: 350px; /*marquee width */
height: 100px; /*marquee height */
background-color: rgb(230,230,230);
overflow: hidden;
}

#marqueecontainer p {
margin: 0;
padding: 0;
padding-bottom: .3em;
}

/* End Scrolling Lastest Annoucements */

/* Start Footer */

#footer {
	position:relative;
	color: #fff;
	height: 0px;
	background-color: #fff;	
}

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

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

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

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

#footer .subtitle {
	color: #a0b842;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 3px;
}

#falsefooter {
	height: 340px;
	background-color: #00344d;	
}

/* End Footer */

/* Start action footer position columns */

.positionreadsmallprint {
position: absolute;
left: 0px;
top: 30px;
}

.positionadministration {
position: absolute;
left: 360px;
top: 30px;
}

.positioncontactus {
position: absolute;
left: 715px;
top: 30px;
}

/* End action footer position columns */

/* Start action footer position icons */

.positionmagnifyglass {
position: absolute;
top: 30px;
left: 180px;
}

.positionfilefolders {
position: absolute;
top: 33px;
left: 528px;
}

.positionblackberry {
position: absolute;
top: 25px;
left: 838px;
}

/* End action footer position icons */

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

body {
  	text-align: center; 
}

#wrapper {
  	width: 950px; 
  	margin: 0 auto; 
  	text-align: left;
	/* background: url(../images/main_bg.gif) repeat-y; */
}

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

#primaryContent { 
	width: 490px;
  	float: left;	
}

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

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

#quaternaryContent {
	width: 420px;
	margin-top: 30px;
 }

#footer { 
  	clear: both; 
} 

#oneColLayout #primaryContent {
	width: 950px;
	background-color: #ffffff;
}

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

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

#primaryContent {
padding-top: 30px;
}

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

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

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

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

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

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

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

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