/****************************************
* global html tag selectors
*****************************************/
body { margin:0; padding:0; background:url(../images/backgroundreelalt.jpg); background-repeat:repeat-x; font-family: verdana, arial, sans-serif; line-height:18px; }
div, td { padding:0px; margin:0px; font-size:70%}
form, input { padding:0px; margin:0px; }
a { color: #FFCC00; text-decoration:none; }
a:hover { color:#FFCC00; text-decoration:underline; }
img{border:0; margin:0px; padding:0px; }
sup{vertical-align:text-top;}

/****************************************
* generic classes for alignment
*****************************************/
.fl{ float:left;}
.fr{ float:right;}
.fn{ float:none; }
.cb{ clear:both; }

.photofl { display:block; float:left; margin:0px; padding:5px; margin-left:20px; margin-right:20px; margin-bottom:20px; border-bottom:1px; border-top:1px; border-left:1px; border-right:1px; border-style:solid; border-color:#BBCEE1;}
.photofr {display:block; float:right; margin:0px; padding:5px; margin-left:20px; margin-right:20px; margin-bottom:20px; border-bottom:1px; border-top:1px; border-left:1px; border-right:1px; border-style:solid; border-color:#BBCEE1;}

/****************************************
* generic classes for image alignment
*****************************************/
.container { margin:0px; padding:0px; }
.imagealigncontainer { float:left; }
.imagealign { display:block; margin:0px; }


/****************************************
* classes for sitemap and date display
*****************************************/
.sitemappath { font-size:0.9em; width:auto; height:2.6em; padding-top:14px; padding-left:15px; color:#FFFFFF; background:url(../images/background_crumb.jpg); background-repeat:repeat-x;}
.sitemappath a {color:#FFFFFF;}
.sitemappath a:hover {color:#FFFFFF; text-decoration:underline;}

/****************************************
* classes for screenreaders
*****************************************/
.hidden {position: absolute; left: -20em; top: -20em; color:Red; border: solid 1px blue;}
.hidden h1 {position: absolute; left: -20em; top: -20em; color:Red; border: solid 1px blue; margin:0px; padding:0px;}
.hidden a {position: absolute; left: -20em; top: -20em; color:Red; border: solid 1px blue;}

/****************************************
* classes for content
*****************************************/
.header { font-size:0.9em; color:#EEA000; font-weight:bold;}
.maintable 
{
	width:760px; 
}

.mainnav { font-size:0.9em; border-bottom:1px; border-top:1px; border-left:1px; border-right:1px; border-style:solid; border-color:#BBCEE1;}
.mainnav a { font-weight:bold; margin:5px; }
.mainnav a:hover { margin:5px; }

.tableborder
{
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFCC00;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
		background-color:#663333;
	text-align:left;
}

.tableborder div {font-size:1.0em;}
.tableborder p { font-size:0.9em; line-height:1.4em; }

.time
{
	color: #339933;
	font-size: 0.8em;
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-weight: bold;
	text-decoration: none;
}
	
/* holds nav bar */
#navContainer
{
margin: 0px;
padding:0px;
padding-left:0px;
overflow:hidden;
width:760px;
height:44px;
z-index:10;
font-size:0.91em;
}
 
/* nav bar */
#nav, #nav ul
{
width:760px;
float:left;
list-style:none;
padding:0px;
margin:0px;
text-indent:0px;
}
 
/* nav bar items */
#nav a                 
{
display:block;
color: #000000;
text-decoration: none;
padding:0px;
}
 
/* item with submenu */
#nav a.hasSub
{background: url(../images/icon_navinactive.gif) center right no-repeat;}
 
/* nav bar items */
#nav li
{
float: left;
padding: 0px;
width:auto;
background-color:Transparent;   
}

/*current and inactive menus*/
#current .mainnav a{color:#000066;}
#inactive .mainnav a{color:#336699;}
 
/* drop down menus  */
#nav li ul
{
position: absolute;
left: -9999px;
height: auto;
width: 154px;
font-weight: normal;
border: #BBCEE1 solid;
border-width: 1px 1px 1px 1px;
margin: -6px 0px 0px 5px;
background: url(../images/navBG.gif);
background-color:#ffffff;   
}
 
/* drop down menu items */
#nav li li
{
font-family:arial,tahoma,verdana,sans;
text-align:left;
font-size:11px;
line-height:18px;
padding-left:11px;
width: 143px;
padding-top:0px;
padding-bottom:0px;
}
 
/* submenu */
#nav li ul ul
{margin: -20px 0px 0px 143px;}
 
/* hovers start here */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul
{left: -9999px;}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul
{left: auto;}
 
/* highlight hovered */
#nav li:hover, #nav li.sfhover
{/*background: url(../images/background_subnav.jpg);*/ background-color:#663333;}
 
/* highlight link text */
#nav a.hasSub:hover, #nav a:hover
{color:#EEA000; font-weight:bold;}
  

h1,h2,h3
{
padding:0px;
margin:0px;
padding-bottom:10px;
color:#EEA000;
font-weight:bold;
font-family:tahoma,verdana,arial,sans;
}


h1
{
width:740px;
padding:11px 0px 7px 0px;
margin:0px 0px 25px 0px;
font-size:1.0em;
text-indent:20px;
background-image:url(images/h1_BG.gif);
background-repeat:no-repeat;
}
h2 {  font-size:1.2em;  }
h3 {  }

p { font-size:0.7em; line-height:1.4em; }

.menusection { width:760px;}
.content {font-size:1.3em; height:330px; padding:10px; vertical-align:top; background-color:#271800; color:#FFFFFF;	}


.footer { font-size:.65em; color:#FFFFFF; margin-top:30px; padding-top:10px; padding-bottom:10px; margin-bottom:10px; }
.footer ul{margin: 0;padding: 0;cursor: default;list-style-type: none;display: inline;}
.footer a{font-size:1.8em; vertical-align:top; padding-left:0px; color:#FFFFFF; text-decoration:none; margin:0px; padding:0px;}
.footer a:hover{font-size:1.8em; color:#FFCC00; text-decoration:underline; margin:0px; padding:0px; }
.copyright {font-size:0.8em; color:#FFFFFF; margin-top:10px; padding-top:10px; padding-bottom:10px; background-color:#000000;}
.copyright b { color:#FFFFFF; }
.footer b  {color:#FFFFFF; font-weight:bold;}

.moviecontainer { float:right; padding-left:10px; padding-bottom:15px; height:350px; }


#animation {
    margin: 0 auto;
    text-align: left;
    width: 600px;
}