/* CSS Document */
/* default varibles set in body*/
body{
 background-image: url('images/banner-logo.gif');
 background-repeat: no-repeat;
 background-color:black;
 width: 781px;
 font-family:arial;
 margin-left:0;
 margin-top:0;
 padding:0;
}
/*all links in the document will be this color*/
a:link{
 color:#0099CC;
}
/*prevents links from changing to blue after visited*/
a:visited{
 color:#0099CC;
}
/*sets top links to a different color and style then the rest of the body*/
div.toplinks{
 position: absolute;
 left: 340px;
 top: 3px;
 font-size: 13px;
 color: #018080;
}

a.topLinks {
 color: #018080;
 text-decoration: underline;
}
a.topLinks:link{
 color: #018080;
}
a.topLinks:visited{
 color: #018080;
}
a.topLinks:hover {
 color: black;
 text-decoration: underline;
}

/*holds the roll over banner*/
div.banner
{
 position:absolute;
 left:340px;
 top:38px;
}
/*contains the main content of the site*/
div.core{
 position:absolute;
 background-color:#e6e6e6;
 top: 156px;
 left:0px;
 width:781px;
 height:auto;
 min-height:700px;
}

/* holds the teal strip with the title for each page*/
div.heading
{
 position:relative;
 display:block;
 background-color:#018080;
 font-size:16px;
 font-weight:bold;
 text-align:center;
 color:white;
 width:625px;
 top: 27px;
 left:0px;
}

/*contents the left menu*/
div.menu{
 z-index:1;
 background-color:blue;
 position:absolute;
 width:120px;
 height: 100%;
 background-image: url('images/tealSidePanel.gif');
 background-color: #e6e6e6;
 background-repeat: repeat-y;
}

/*holds the content of the core*/
div.content{
 display:block;
 background:#e6e6e6;
 position:relative;
 left:137px;
 width: 625px;
 height:auto;
}

/*anchor of every page*/
div.bottom{
 position:absolute;
 font-size:10px;
 font-family:Arial;
 text-align:center;
 bottom:1px;
 left:137px;
 width: 625px;
}
/*style for "back to the top anchor"*/
div.back{
font-size:14px;
}

/*menu*/
#navcontainer ul
{
 z-index:1;
 font: bold 12px arial;
 position: absolute;
 left: 10px; 
 top: 30px;
 margin: 0px;
 padding: 0px; 
 border: 0px;
 list-style-type: none;
 margin-top:0px;
 margin-left:0px;
}
/* Links */
#navcontainer a
{
 display: block;
 color: white;
 background-color: #018080;
 width: 94px;
 padding-bottom:10px;
 padding-top:10px;
 text-decoration: none;
 margin-top:0px;
 margin-left:0px;
}

/*changes the background and color of the block*/
#navcontainer a:hover
{
 background-color: white;
 color: #018080;
 width:94px;
}

#navcontainer li
{
 position: relative;
 list-style-type: none; /* kills the list item "bullet" markers */
 margin: 0px;
 padding: 0px; 
 border: 0px;
 vertical-align: bottom; /* for IE5/win, this got rid of the white border around the list item*/
}

/* Nested menu (submenu) */
#navcontainer ul ul
{
 background-color: #018080;/* flyout elements need a background image or color to avoid bugs in IE/win */ 
 position: absolute;
 left: -100px;
 top:-500px;
 width:94px;
} /* provides hidden (offscreen) submenu */


#navcontainer ul li:hover ul {
  left:  94px;
  top: 4px;
  position:absolute;
  width: 94px;
  padding-left:10px;
} /* show the submenu when over the parent's LI */

/* edited shit */
/* Nested menu (subsubmenu) */
#navcontainer ul ul ul
{
 background-color: #018080;/* flyout elements need a background image or color to avoid bugs in IE/win */ 
 position: absolute;
 left: -3000px;
 display: none;/*so the subsubmenu doesnt show up when the submenu shows*/
 width:94px;
} /* provides hidden (offscreen) submenu */


#navcontainer ul ul li:hover ul {
  position:absolute;
 left: 94px;/* put 10em for now for testing...should be 9em*/
 top: 4px;
 display: block;
 width:94px;
} /* show the submenu when over the parent's LI */

/*rollover banner*/
#pic1 a{
background-image:url("images/film/film1.jpg");
position:absolute;
left:0px;
height:65px;
width:65px;
}
#pic1 a:hover {
background-image:url("images/film/film7.jpg");
position:absolute;
left:0px;
height:65px;
width:65px;
}
#pic2 a{
background-image:url("images/film/film2.jpg");
position:absolute;
left:70px;
height:65px;
width:65px;
}
#pic2 a:hover {
background-image:url("images/film/film8.jpg");
position:absolute;
left:70px;
height:65px;
width:65px;
}
#pic3 a{
background-image:url("images/film/film3.jpg");
position:absolute;
left:140px;
height:65px;
width:65px;
}
#pic3 a:hover {
background-image:url("images/film/film9.jpg");
position:absolute;
left:140px;
height:65px;
width:65px;
}
#pic4 a{
background-image:url("images/film/film4.jpg");
position:absolute;
left:210px;
height:65px;
width:65px;
}
#pic4 a:hover {
background-image:url("images/film/film10.jpg");
position:absolute;
left:210px;
height:65px;
width:65px;
}
#pic5 a{
background-image:url("images/film/film5.jpg");
position:absolute;
left:280px;
height:65px;
width:65px;
}
#pic5 a:hover {
background-image:url("images/film/film11.jpg");
position:absolute;
left:280px;
height:65px;
width:65px;
}
#pic6 a{
background-image:url("images/film/film6.jpg");
position:absolute;
left:350px;
height:65px;
width:65px;
}
#pic6 a:hover {
background-image:url("images/film/film12.jpg");
position:absolute;
left:350px;
height:65px;
width:65px;
}

textarea {
font-family:Arial;
}