@charset "UTF-8";
/* CSS Document */


/*   global 
----------------------------*/

html, body, form, h1, h2, h3, p, ul, li {
	
	margin: 0px;
	padding: 0px;
	text-decoration: none;	
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;		
}

img  {
	border: 0;
}


p {
	font-size: 88%;
	word-spacing: 0.2em;
	letter-spacing: .1em;
	color: #431A07;
}


a:link {
	color:#2c4970;
}
a:hover {
	color: #6b82a4;
	text-decoration: none;	
}
a:visited {
	color: #336699;
}

body  {
	font: 103% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	

	background-image: url(http://www.jacksonholenordic.org/images/bodyBg.gif);
	background-repeat: repeat-x;
	background-color: #ffffff;

}



 
 
th, td /* Needed for NN4 and Quirks mode in Moz/FF as its tables do not inherit styles */ 
{ 
    font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans; 
    /* font-family: Georgia, "Bitstream Vera Serif", "New York", Palatino, serif; */ 
    font-size: 103%;
} 
 
/* Headings */ 
 
h1 
{
	font-size: 0%;
	color: #2f4d72;
} 
 
h2 
{
	font-size: 130%;
	color: #1A4159;
	font-weight: normal;
	
	clear: left;
} 

.mainH2 a{
	color:#2c4970;

}

.mainH2 a:hover{
	color: #6b82a4;

}

.mainH2 {
	padding: 0;
		

}
h3 
{
	font-size: 108%;
	color: #1A4159;
	font-weight: normal;
	/*background-image: url(images/h3Bg.gif);
	background-repeat: repeat-x;*/
	
	margin-top: 0px;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #9f9e7b;
	border-bottom-color: #9f9e7b;	
} 


h4 
{
	font-size: 105%;
	font-weight: normal;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
} 
/* Standard sizes */ 
 
.small 
{ 
    font-size: 88%; 
} 
 
.smaller 
{ 
    font-size: 77%; 
} 
 
.smallest 
{ 
    font-size: 60%; 
} 

.lighter {
	color: #4e4e4e;
}

.lightest {
	color: #ccc;
}

.darker {
	color: #1A4159;
}
.bigger {
	font-size: 105%;
}
.underline {
	border-top: solid 1px #ccc;
}
#container {
	width: 785px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #cccccc;*/
	text-align: left;
	padding: 0;
}

/* TopNav
------------------------------------------------------------------*/ 

#topNav {
	font-size: 77%;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 5px;
	background-color: #8699B7;
	
}

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

#topNav ul li {
	display: inline;
	padding:0 13px 0 14px;
}

#topNav a {
	border:0;
	text-decoration:none;
	color: #EBEBEB;
	}
	
#topNav a:hover {

	text-decoration:none;
	color: #ffffff;
	}
	
#skip ul{
	float:right;
	text-align:right;
	padding:0 0px 0 14px;
	}
	
/* end TopNav
------------------------------------------------------------------*/	
	
#header {
	background-color: #DDDDDD;
	background-image: url(http://www.jacksonholenordic.org/images/nordicBackground6.jpg);
	background-repeat:no-repeat;
	height: 218px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 20px;
	margin: 0;
} 

#headerOrange {
	background-color: #DDDDDD;
	background-image: url(http://www.jacksonholenordic.org/images/nordicBackground4.jpg);
	background-repeat:no-repeat;
	height: 242px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 20px;
	margin: 0;
} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding:  0;
	color: #244466;

}

/* ------main nav bar ----------------------------------------------------------------*/
#mainNavWrapper {
	margin: 0;
	padding: 0;
}

#mainNav {
	line-height: 0px;
	margin: 0;
	padding: 0 0 0 25px;
	float: left;
	width: 760px;
	height: 35px;
	/* background-image: url(images/orangeNavBg.gif);*/
	background-image: url(http://www.jacksonholenordic.org/images/orangeNavBg.gif);
	background-repeat: repeat-x;
	background-position: center center;
	font-family: Arial;
	font-size: 95%;
}

#mainNav ul li {
	display: inline;
}

#mainNav ul li a {
	float: left;
	color: #ffffff;
	padding: 20px 10px 5px 10px;
	text-decoration: none;
	border-right: 1px solid white;
	height: 10px;
	display: block;
	
}

#mainNav ul li a:hover {
	color: #f1f1f1;
	background: url(http://www.jacksonholenordic.org/images/navBg.gif) center center repeat-x;
		background-repeat: repeat-x;
		text-decoration: none;
	border-right: 1px solid white;
}

#mainNav .current {
		background-repeat: repeat-x;
	color: #143D55;
	background: url(http://www.jacksonholenordic.org/images/currentBg.gif) center center repeat-x;
	
}


/* -------SIDEBAR ----------------------------------------------------------------*/
#sidebar {
	float: right; /* since this element is floated, a width must be given */
	width:150px;
	padding: 0 20px 0 10px;
	border-left-width: thin;
	border-left-style: dotted;
	border-left-color: #9f9e7b;	
	
	margin: 0;	
	
	height: 1%;
	

}

#sidebar h3 
{
	font-size: 85%;
	color: #669933;
	font-weight: normal;
	margin-top: 20px;
} 

.sideTitle {
	font-size: 100%;
	color: #6A491D;
	margin: 0;
}
.flakeFlourish {
	background-image: url(http://www.jacksonholenordic.org/images/snowFlourish.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 200px;
	background-position: center;
	border: 0px 0 0;
}

.skiArrow {
	background-image: url(http://www.jacksonholenordic.org/images/skiArrow.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 450px;
	background-position: center;
	border: none;
}

.sideRight {
	font-size: 70%;
	padding-left: 0px;
	padding-bottom: 10px;
	text-align: right;
	/*background-image: url(images/snowflakeBg.jpg);
	background-repeat: no-repeat;*/
	padding-top: 10px;
	padding-right: 25px;
}

/* -------ends SIDEBAR ----------------------------------------------------------------*/

#mainContent {
	background-color: #fff;
	margin: 0 170px 0 0;
	
	padding: 0 20px 0 20px ;
	
	width: 560px;
} 

/*
-------FOOTER ----------------------------------------------------------------*/
#footer {
	font-size: 77%;
	background-image: url(http://www.jacksonholenordic.org/images/footer.jpg);
	background-repeat: no-repeat;
	height: 57px;
	padding: 20px 0px;
	color:#666666;
} 
#footer ul {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: center;
}
#footer li {
	display: inline;
	padding: 0px 5px 0 5px;
	}

#footerLeft {
	padding: 0px 550px 0 10px;
	}
/* ------------ end footer also see skip in topNAv ---------------*/	

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#podWrapper {
	margin: 0;
	padding: 0;
	
}

#pod {
	float: right;
	width: 365px;
	padding: 10px 10px 30px 10px;
	border: #9f9e7b thin solid;
	margin: 0;
	
}
#pod a {
	text-decoration: none;
}
.podTitle {
	padding-left: 0px;
	font-size: 95%;
}
#podImage {
	float: right; 
   padding: 10px 10px 10px 10px;
	text-align: right;
	width: 150px;
	
	
}
#podImage ul  {
	margin: 0;
	padding: 0;
	
}
#podImage ul li  {
	margin: 0;
	padding: 0;
	
}
#podImage ul li a {
	
	color: #553D19;
	font-size: 77%;
	padding: 5px 0 2px 0;
	
}
#podImage ul li a:hover {
	color: #1c6575;
	
	
	
	
}
#schedule {
	font-size: 85%;
}
#schedule ul li {
	padding-top: 35px;
	color: #006666;
}
#schedule .raceDate {
	color: #C32600;
	margin-top: 10px;
	display: block;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

.posted {
	font-size: 77%;
	padding-bottom: 10px;
	/*border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #6A4B1E;
*/
}

.postDate {
	font-size: 70%;
	padding: 0 0 10px 0;
	color: #8DAE3F;
}

.photoDate {
	font-size: 70%;
	padding: 0;
	color: #8DAE3F;
}
.mainTitle {
	font-size: 138%;
	color: #143d55;
	padding-top: 55px;
	margin: 0px;
	display: block;
}
.title {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	display: inline;
}
#schedule .race {
	color: #996600;
}

.summ {
	padding: 0 0 10px 0px;
	font-size: 88%;
	
}
#summ {
	padding: 0 0 10px 0px;
	font-size: 88%;
	
}
#summ img {
	padding: 0 10px 10px 0;
	float: left;
	height: 90px;
}
.other {
	font-size: 80%;
	clear: left;

}
#wax {
	text-align: right;
	
}
#wax ul {
	text-align: right;
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	list-style-image: url(http://www.jacksonholenordic.org/images/star.jpg);
	
}	
#members {
	text-align: right;
	
}
#members ul{
	
	line-height: 100%;
	font-size: 70%;
}
#search {
	text-align: right;
	
}
#weather {
	text-align: right;
	
}

#weather ul {
	font-size: 70%;
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	

}

#weatherul li {
	
}
.weather_title {
	color: #1A4159;
}
#schedule  {
	color: #333333;
	margin-left: 10px;
}
#schedule .timePlace {
	color: #666666;
	font-size: 90%;
	margin-top: 4px;
	margin-bottom: 5px;
	margin-left: 4px;
}
#schedule .date {
	color: #FF0000;
}
.date {
	color: #FF0000;
}
#schedule  li  {
	padding-top: 5px;
	padding-bottom: 5px;
}

.mainComments {
	margin-left: 55px;
}
#contentWrapper {
	background-color: #FFFFFF;
}

.one {
	color:#CCCCCC;
	background-color:#f1f1f1;
	padding: 3px 0 10px 10px;
	
	margin: 0;

}
.two {
	color:#999999;
	padding: 3px 0 10px 10px;
	border: thin solid #9f9e7b;
	margin: 0;
	
}

.three {
	
	background-color:#f1f1f1;
	border-bottom: 4px solid #fff;
	

}
.four {
	background-color: #d8e4f7;
	border-bottom: 4px solid #fff;

	
}

.submit {
	padding: 0px;
	margin: 0px;
	font-size: 70%;

}
#raceSchedule {
	font-size: 100%;
	color: #2c4970;
}
hr {
	border: none;
	
}
#schedule a {
	color: #FF0000;
}
#schedule a:hover {
	color: #810A0A;
}
.groomingH2 {
	font-size: 100%;
}
#groomSumm {
	width: 100%;
	
	padding: 0 0 10px 0;
	font-size: 88%;
}
#groomSumm .text{

	padding: 0 0 10px 0;
}
.groomPhoto {
	
	 
}



#trailCreek {
	width: 90%;
	border: thin solid #9f9e7b;
	
		margin: 0px;
		padding: 10px;
		
}
#county {
	width: 90%;
	border: thin solid #9f9e7b;
	
		margin: 0px;
		padding: 10px;
		
}
.groomingH3 {
	background-color: #9f9e7b;
}
#park {
	width: 90%;
	border: thin solid #9f9e7b;
	
		margin: 0px;
		padding: 10px;
		

}
#pines {
	width: 90%;
	border: thin solid #9f9e7b;
	
		margin: 0px;
		padding: 10px;
		
}
#jhmr {
		width: 90%;
	border: thin solid ##9f9e7b;
	
		margin: 0px;
		padding: 10px;
		
}
#cat {
		width: 90%;
	border: thin solid #9f9e7b;
	
		margin: 0px;
		padding: 10px;
		
}
#archiveList {
	border: thin solid #9f9e7b;
	margin: 0;
	padding: 10px;
}

.archiveListH3 
{
	font-size: 105%;
	color: #333;
	font-weight: normal;
} 
#archiveList ul li a {
	color:#9f9e7b;
	padding: 0;
	margin: 0;
}
#archiveList ul li a:hover {
	color:#727153;
	text-decoration: none;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}


#entry {
	border: 1px solid #9f9efb;
	background-color: #f1f1f1;
	margin: 0;
	padding: 10px;
	vertical-align:top;
}


#groomWrapper {
	overflow: hidden;
	margin: 0;
	padding: 0;
	display: block;
	height: 200px;
}
/* ----------------------------------*/

#results  {
	color: #333333;
	margin-left: 10px;
	font-size: 90%;
	
	
}

.header {
	border-top: 1px solid #9f9efb;
	border-right: 1px solid #9f9efb;
	border-left: 1px solid #9f9efb;
	background-color: #f1f1f1;
	padding: 10px 5px;
	
}

.name {
	color: #222;
	margin: 4px 0 5px 4px ;
	padding: 0 0 0 10px;
	border-right: 3px solid #fff;
	
}
.time {
	color: #431a07;
	margin: 4px 0 5px 4px;
	border-right: 3px solid #fff;t
	text-align: center;
   
}
#results .other {
	color: #9f9efb;
	margin: 4px 0 5px 4px;
	border-right: 3px solid #fff;

    
}


#results .time {
	color: #454545;
	margin: 4px 0 5px 4px;
	
   
}
.padding {
	padding: 5px 0 10px 0;
	}
	
#results .heading {
	background-color: #454545;
	border-right: 3px solid #fff;
	color: #f1f1f1;
	font-size:83%;
	padding: 10px 0 0 3px;
}
#results .winner {
	background-color: #f1e192;
	border-right: 3px solid #fff;
	font-size: 80%;
}
#results .resultsBg {
	background-color: #F1f1f1;
	font-size: 80%;
	
}
#results .resultsBgAlt {
	background-color: #d8e4f7;
	font-size: 80%;
	
}
#results .endCat {
	border-top: 1px solid #9f9efb;;
	
}

.map {
	text-align: right;
	padding: 0 0 0 350px;
	font-size: 70%;
}

#sub {
	text-align: right;
	margin:10px 0 0 0;
}

#flickr {
	width:150px;
	height:150px;
	padding:0x;
	display: block;
	margin:15px 0 0 5px;
	text-align: right;

}

#flickr img {
    float:left;
     margin:0 5px 5px 0px;
    background:#3f4e4e;
    padding:2px;
    width: 65px;
    height: 65px;
 }
 .tweet {
 	border: solid 1px #f1f1f1;
 }