/* Start of CMSMS style sheet 'Homepage 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: #002f5d;
   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: #fbf950; 
}
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: #f7fb86;
}

/*****************
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/Blacktailhomepagewrapper.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: 10px;
   width: 325px;  
   height: 300px;        /* 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 { 
   margin-left: 345px;
   height: 205px;
   width: 550px;
}

div#bullets {
   position: absolute;
   top: 540px;
   left: 10px;
   height: 200px;
   width: 320px;
   padding-right: 2px;
   overflow-y: scroll;
}

div#hoursandinfo { 
   position: relative;
   margin: 5px;
   height: 180px;
   width: 300px;
}

div#socialnetworking { 
   left: 10px;
   float: right;
   margin: 10px;
   height: 180px;
   width: 190px;
   padding-left: 10px;
}

div#Slideshow {
   margin-left: 346px;
   margin-top: 5%
   height: 560px;
   width: 550px;
}

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

div#reeltime {
position: absolute; 
top: 20px;
left: 500px;
}

div#realtime {
    position: absolute; 
    top: 60px;
    left: 345px;
    width: 550px;
}
/* End of 'Homepage 09-10' */