/*-----------------------------------------------------------------------------
2010 Haywood Ski Nationals
Floated 2 Column Fixed Width 860px (Main Content Left)

version:   1.0
date: June 28, 2009
author:    darryl bray
email:     darrylbray@elviowebdesign.com
website:   http://www.elviowebdesign.com/
-----------------------------------------------------------------------------*/

body {
  background: url(../images/body_bg2.jpg) repeat-x;
  color:#0095DA;
}

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

/* Start BluePrint Screen CSS Over Rides */

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

table {margin-bottom:0em;} /* Remove margin */

/* End BluePrint Screen CSS Over Rides */

h1 {
  font-size: 2.9em;
  font-weight: normal;
  color: #000;
  font-family: "Times New Roman", Times, serif;
  border-bottom: dotted 1px #cccccc;
  padding-bottom: .2em;
}

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

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

#secondaryContent h4 {
  color: #996600;
  margin-bottom: .1em;
}

a {
color: #0095DA;
}

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

.imageborder {
border: 1px solid rgb(240,240,240);
}

.spacetop {
margin-top: 20px;
}

.spacebottom {
margin-bottom: 20px;
}

.signature {
color: #675e4d;
font-size: 13px;
font-weight: bold;
}

.displayblock {
display: block;
}

.spacer {
color: #f9af20;
font-weight: bold;
padding: 0 5px 0 5px;
}

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

.newsheadline {
color: #c37c00;
text-transform:none;
font-size: 1.4em;
}

.redmarker {
color: #fe766a;
font-weight: bold;
}

#wrapper {
	/* background-color: #fff; */
}

/* Start Splash Page */

.splashlogo {
position: absolute;
top: 100px;
left: 192px;
}

.english-button {
position: absolute;
top: 375px;
left: 170px;
}

.french-button {
position: absolute;
top: 375px;
left: 490px;
}

#skinationalslink {
	position: absolute;
	top: 500px;
	left: 325px;
	/*font-weight: bold;*/
}

#paranordic {
position:absolute;
top:466px;
left:184px;
}

/* End Splash Page */

#branding {
	position: relative;
 	height: 121px;
	height: 190px;
  	/* background-color:#b0b0b0; */
}

.positionlogo {
position: absolute;
top: 7px;
left: 40px;
}

.thinksnow {
position: absolute;
top: 50px;
left: 710px;
}

.locationdate {
position: absolute;
top: 85px;
left: 615px;
}

.francais {
position: absolute;
top: 155px;
left: 805px;
}

/* Start English Primary Navigation */

#menuenglish{
	margin:0 auto;
	width:860px;
	height:49px;
	background:url(../images/menu_004_bg.jpg) repeat-x;
}

#menuenglish ul{
	list-style:none;
	margin-left:  0;
}

#menuenglish li{
	list-style:none;
	display:block;
	float:left;
	height:49px;
	border-right:1px solid #ffd488;
	line-height:49px;	
}

#menuenglish li a{
	display:block;
	float:left;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	line-height:49px;
	text-decoration:none;
	padding:0 35px;				
}

#menuenglish li a:hover{
	color:#fff;
	background:url(../images/menu_004_h.jpg) repeat-x;
}

#menuenglish li a.current{
	display:block;
	float:left;
	background:url(../images/menu_004_h.jpg) repeat-x;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	line-height:49px;
	text-decoration:none;
	padding:0 35px;	
}

#menuenglish li a:hover.current{
	color:#fff;
}

/* End English Primary Navigation */

/* Start French Primary Navigation */

#menufrench {
	margin:0 auto;
	width:860px;
	height:49px;
	background:url(../images/menu_004_bg.jpg) repeat-x;
}

#menufrench ul{
	list-style:none;
	margin-left:  0;
}

#menufrench li{
	list-style:none;
	display:block;
	float:left;
	height:49px;
	border-right:1px solid #ffd488;
	line-height:49px;
}

#menufrench li a{
	display:block;
	float:left;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	line-height:49px;
	text-decoration:none;
	padding:0 20px;				
}

#menufrench li a:hover{
	color:#fff;
	background:url(../images/menu_004_h.jpg) repeat-x;
}

#menufrench li a.current{
	display:block;
	float:left;
	background:url(../images/menu_004_h.jpg) repeat-x;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	line-height:49px;
	text-decoration:none;
	padding:0 20px;	
}

#menufrench li a:hover.current{
	color:#fff;
}

/* End French Primary Navigation */

#mainMessage {
position: relative;
height: 275px;
/* background-color: #e3decb;
background-color: #794e00;
background-color: #996600; */
background: url(../images/main-message-bg.gif) no-repeat;
margin-top: 15px;
}

.positionskier {
position: absolute;
top: 20px;
left: 480px;
}

.positionmainmarketingmessage {
position: absolute;
top: 35px;
left: 30px;
}

.startplanning {
position: absolute;
top: 150px;
left: 130px;
z-index: 100;
}

.registrationopens {
position:absolute;
top:  230px;
left: 132px;
}

#primaryContent {
  	/* background-color: green; */
	position: relative;
}

#primaryContent ul {
margin: 0 0	1.5em 1.5em;
}

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

/* Start Map on Find Us web page */

#map {
	width: 560px;
	height: 400px;
	margin-bottom: 20px;
}

/* End Map on Find Us page */

/* Start Map on Location web page */

#map2 {
	width: 860px;
	height: 700px;
	margin-bottom: 20px;
}

/* End Map on Location web page */

/* Start Race Schedule Table */

#raceschedule {
border: 1px solid #cccccc;
font-size: 11px;
margin-top: 25px;
margin-bottom: 20px;
width: 860px;
}

#raceschedule th {
font-weight: bold;
border: 1px solid #cccccc;
}

#raceschedule td {
border: 1px solid #cccccc;
width: 78px;
}

#raceschedule caption {
text-align: center;
font-size: 14px;
font-weight: bold;
}

.yellow {
background-color: #feff0b;
}

.blue {
background-color: #a6d4ff;
}

.lightpink {
background-color: #f8e7df;
}

.green {
background-color: #7bd247;
}

.darkgreen {
background-color: #a8a965;
}

/* End Race Schedule Table */

/* Start Overall Schedule Table */

#overallschedule {
border: 1px solid #cccccc;
font-size: 11px;
margin-top: 25px;
margin-bottom: 20px;
width: 560px;
}

#overallschedule th {
font-weight: bold;
border: 1px solid #cccccc;
}

#overallschedule td {
border: 1px solid #cccccc;
width: 184px;
}

#overallschedule caption {
text-align: center;
font-size: 14px;
font-weight: bold;
}

.aqua {
background-color: #18faf5;
}

.grey {
background-color: #d9d9d9;
}

.green {
background-color: #92d050;
}

.yellow {
background-color: #ffff66;
}

.rose {
background-color: #ff9999;
}

/* End Overall Schedule Table */


/* Start Course and Stadium Maps Table */

.coursestadiummaps {
border: 1px solid #cccccc;
font-size: 11px;
margin-top: 25px;
margin-bottom: 20px;
width: 560px;
}

.coursestadiummaps th {
font-weight: bold;
border: 1px solid #cccccc;
}

.coursestadiummaps td {
border: 1px solid #cccccc;
width: 184px;
}

.coursestadiummaps caption {
text-align: center;
font-size: 14px;
font-weight: bold;
}

/* End Course and Stadium Maps Table */

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

#secondaryContent h3 {
  font-size: 1.4em;
  font-weight: bold;
  font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
  color: #000;
  text-transform: uppercase; 
  letter-spacing: 1px;
  margin-bottom: 1.5em;
}

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

#secondaryContent hr {
margin-bottom: 1.7em;
margin-top: 1.7em;
height: 1px; /* Blue Print Over Ride */
color: #b1a38b; /* Blue Print Over Ride */
background: #b1a38b; /* Blue Print Over Ride */
}

object {
margin: 0;
padding:0;
margin-bottom: 1.5em;
} 

/* Start jQuery accordian on Travel Planning page */

#main h2 {
	background: url(../images/open.png) no-repeat 0% 45%;
	cursor: pointer;
	padding-left: 25px;
}

#main h2.close {
	background-image: url(../images/close.png);
}

#main .answer {
  background-color: white;
}

#main h2 a {
color: #996600;
}

/* End jQuery accordian on Services page */

/* Start Scrolling Lastest Annoucements */

#marqueecontainer{
position: relative;
width: 250px; /*marquee width */
height: 100px; /*marquee height */
overflow: hidden;
margin-bottom: 20px;
font-size: 95%;
}

#marqueecontainer .posted {
font-weight: bold;
margin-bottom: 0em;
}

/* End Scrolling Lastest Annoucements */


/*Start Nested Side Bar Menu */
/*URL: http://www.dynamicdrive.com/style/csslibrary/item/nested_side_bar_menu/  Credits: Dynamic Drive CSS Library*/

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 12px Arial;
width: 250px; /* Main Menu Item widths */
/* border-bottom: 1px solid #ccc; */
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #c6b9a3;
background-color: #c27c00;
background-color: #b1a38b;
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: #794e00;
background-color: #c27c00;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 250px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(../images/right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }

/* End Nested Side Bar Menu */

#footer {
	height: 0;
	position: relative;	
}

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

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

#falsefooter {
	height: 220px;
	background-color: #efe6d5;
}

/* .footerinfo {
position: absolute;
top: 0px;
left: 0px;
} */

.hostedby {
position: absolute;
top: 30px;
left: 120px;
font-weight: bold;
}

.sanctionedby {
position: absolute;
top: 30px;
left: 660px;
font-weight: bold;
}

.wccsclogo {
position: absolute;
top: 60px;
left: 0px;
}

.ccclogo {
position: absolute;
top: 60px;
left: 580px;
}

.fislogo {
position: absolute;
top: 60px;
left: 750px;
}

.contactinfo {
position: absolute;
top: 185px;
left: 40px;
}

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

body {
 	text-align: center; 
}

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

#splashPageLayout {
  background: none;
}

#splashPageLayout #primaryContent {
width: 860px;
}


#primaryContent { 
  	width: 560px;
  	float: right; 
}

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

#footer { 
  	clear: both;
} 

#oneColLayout {
  background: url(../images/body_bg2.jpg) repeat-x;
}

#oneColLayout #primaryContent {
width: 860px;
}



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

#primaryContent {
  	padding-top: 25px;
}

/* #primaryContent h1, #primaryContent h2, #primaryContent h3, #primaryContent p, #primaryContent ul, #primaryContent img {
padding-left: 0px;
padding-right: 0px;
} */

#primaryContent img {
/* padding-bottom: 15px; */
}

#secondaryContent {
  	padding-top: 35px;
}

#secondaryContent h1, #secondaryContent h2, #secondaryContent h3, #secondaryContent p, #secondaryContent img {
padding-left: 0px; 
padding-right: 0px;
}

#secondaryContent img {
/* padding-bottom: 10px; */
}