/* Start of CMSMS style sheet 'Inner pages 09-10' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-size: 85.01%;
   line-height: 140%;
   font-family: Verdana, Arial, Helvetica, Sans-serif;
   text-decoration: none;
   background-color: #002654;
   background-image: url(media/graphics/Blacktail_background.jpg);
   background-repeat: no-repeat;
   background-position:top center;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #fcf950; 
}
a:visited {
   text-decoration: none;
   background-color: inherit;
   color: #f7fb86;                /* a different color can be used for visited links */
}
div#realtime a {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #fff; 
}
div#realtime a:visited {
   text-decoration: none;
   background-color: inherit;
   color: #fff;                /* a different color can be used for visited links */
}
div#reeltime a {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #fff; 
}
div#reeltime a:visited {
   text-decoration: none;
   background-color: inherit;
   color: #fff;                /* a different color can be used for visited links */
}
/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   background-color: transparent;
   color: #fff;
}

/*****************
basic layout 
*****************/


/* center wrapper, min max width */
div#pagewrapper {
   margin: 0 auto;     /* this centers wrapper */
   max-width: 904px; /* IE wont understand these, so we will use javascript magick */
   min-width:904px;
   color: #fff;
   position: relative;
   height: 900px;
   background: #002f5d url(media/graphics/Blacktailinnerpagewrapper.jpg) no-repeat 0 0px; 
}


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header {
   height: 113px; /* adjust according your image size */
   background: transparent; 
}

div#header h1 a {
/* you can set your own image here */
   display: block;
   position: absolute; 
   margin-left: 10px;
   margin-top: 50px;
   width: 235px;  
   height: 190px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

div#content {
   margin: 1.5em auto 2em 0; /* some air above and under menu and content */
}

div#main { 
   position: relative;
   left: 260px;
   height: 640px;
   width: 625px;
   padding-right: 10px;
}

div#fullmain { 
   position: relative;
   left: 260px;
   height: 640px;
   width: 625px;
   padding-right: 10px;
   overflow-y: scroll;
}

div#snowreportmain { 
   position: relative;
   left: 260px;
   height: 400px;
   width: 625px;
   padding-right: 10px;
}

div#trailmapmain { 
   position: relative;
   left: 260px;
   height: 285px;
   width: 625px;
   padding-right: 10px;
}

div#footer { 
    margin: auto;
    color: #fff;
    width: 650px;
}

div#realtime {
    position: absolute; 
    top: 60px;
    left: 270px;
    color: #fff;
    width: 620px;
}

div#leftcolumn {
    position: absolute;
    left: 15px;
    top: 450px;
    width: 250px;
    height: 260px;
}

div#leftcolumn img {
    border: 1px white;
}

div#rightcolumn {
    margin-top: 25px;
    width: 620px;
    height: 250px;
}

div#snowreport {
    position: relative;
    left: 15px;
    margin-top: 35px;
    width: 870px;
    height: 210px;
    color: #fff;
}

div#trailmap {
    position: relative;
    left: 15px;
    margin-top: 35px;
    width: 870px;
    height: 320px;
    color: #fff;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.tablefont, .tablefont th, .tablefont td {
   font-size: 90%;
   line-height: 100%; 
   cellpadding: 2px;
   border: 1px #fff;
}

.tablefont th {
   text-align: left;
}

.tablefont td {
   text-align: center;
}

ul.runs {
	font-size: 8pt;
	text-indent: 0px;
	text-align: left;
	padding: 0;
	margin: 0px;
	list-style-type: none;
}

.easyruns {
	color: #009900;
}

.intmdruns {
	color: #4B4FE7;
}

.expertdruns {
	color: #000000;
}

.chairlifts {
	color: #F72E2E;
}
/* End of 'Inner pages 09-10' */