/* Thank you Jeffrey Zeldman. For more info about developing using standards, please check out www.zeldman.com and www.alistapart.com. For even more info, check out Eric Meyer at www.meyerweb.com. PS third-party thanks to Todd Fahrner and Porter Glendinning */


/* Compass (nav indicator) */

#compassholder {
/* float: left; */
   clear: right
   position: absolute;
	left: 0;
	top: 18px;
	border: 0;
	margin: 0;
	padding: 0 0 0 0;
	background: #ffffff;
	color: #000;
	}
	
	#compasscontent {
	 border: 0;
	 margin: 0;
	 margin-top: 0;
	 margin-left: 36px;
	 width: 288px;
	 height: 20px;
	 }
	 
	 .compass {
	font : 9px "Helvetica", "Arial", "Sans-Serif";
}

/* Sidebar Styles */
	
#leftsidebar {
	/* float: left; */
	position: absolute;
	top: 144px;
	left: 0;
	margin: 0;
	padding: 0;
	background: #ffffff;
	border: 0;
	width: 220px;  /* False value for IE4-5.x/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 170px;   /* Actual value for conformant browsers */
	height: 410px;
	}
	
html>#leftsidebar {
	width: 255px;  /* Be nice to Opera */
	}

#sidebarcontent {
	 border: 0;
	 margin: 0;
	 margin-top: 20px;
	 margin-left: 10px;
	 width: 144px;
	 height: 162px;
	 }
		
#fac59container {
	border: 0;
	padding: 0;
	margin: 0;
	background:  no-repeat;
	width: 144px;
	height: 162px; 
	}


	
/* side nav with rollovers */

#f59bar {
 /* Opera uses this background for the rollover effect. */
 	background:  no repeat;
 	width: 144px;
	height: 162px;
 	}	
	
#f59 {
	background:  no-repeat;
	width: 144px;
	height: 162px;
	}
	
#f59:hover {
	background:  no-repeat;
	width: 144px;
	height: 162px;
	}
	
	
	
/* Navigation Styles */  
	
#navbar1, #navbar2, #navbar3, #navbar4, #navbar5  {
	margin: 0;
	padding: 0;
	margin-top: 15px;
	margin-left: 7px;
	border: 0;
	width: 149px;
	height: 22px;
	}
	

#navbar1 {
 /* Opera uses this background for the rollover effect. */
 	background:  no repeat;
 	width: 150px;
	height: 22px;
 	}
 	
 #navbar2 {
 /* Opera uses this background for the rollover effect. */
 	background:  no repeat;
 	width: 149px;
	height: 22px;
 	}	
 	
 #navbar3 {
 /* Opera uses this background for the rollover effect. */
 	background:  no repeat;
 	width: 149px;
	height: 22px;
 	}
 	
 	
 #navbar4 {
 /* Opera uses this background for the rollover effect. */
 	background:  no repeat;
 	width: 150px;
	height: 22px;
 	}
 	
 #navbar5 {
 /* Opera uses this background for the rollover effect. */
 	background:  no repeat;
 	width: 150px;
	height: 22px;
 	}
 	
 #nav1, #nav2, #nav3, #nav4, #nav5 {
 	display: block;
 	padding: 0;
 	border: 0;
 	background:  no-repeat;
 	/*start hiding from macie\ */
 	background-position: 0px; /* stop hiding */
 	width: 149px;
 	height: 22px;
 	}
 	
 html>body #nav1, html>body #nav2, html>body #nav3, html>body #nav4, html>body #nav5 {
 	width: 149px;
 	height: 22px;
 	}
 			
	
#nav1 {
	background:  no-repeat;
	width: 149px;
	height: 22px;
	}
	
#nav1:hover {
	background-image:  no-repeat;
	width: 149px;
	height: 22px;
	}
	
#nav2 {
	background:  no-repeat;
	width: 149px;
	height: 22px;
	}
	
#nav2:hover {
	background-image:  no-repeat;
	width: 149px;
	height: 22px;
	}
	
#nav3 {
	background:  no-repeat;
	width: 149px;
	height: 22px;
	}
	
#nav3:hover {
	background-image:  no-repeat;
	width: 149px;
	height: 22px;
	}
	
#nav4 {
	background:  no-repeat;
	width: 149px;
	height: 22px;
	}
	
#nav4:hover {
	background-image:  no-repeat;
	width: 149px;
	height: 22px;
	}
	
#nav5 {
	background:  no-repeat;
	width: 149px;
	height: 22px;
	}
	
#nav5:hover {
	background-image:  no-repeat;
	width: 149px;
	height: 22px;
	}



/* Main Page Styles */


#mainpage {
	/* float: none; */
	position: absolute;
	left: 9px;
	top: 91px;
	border: 0;
	margin: 0;
	padding: 0 0 0 0;
	background: #ffffff;
	color: #000;
	width: 720px;  /* False value for IE4-5.x/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 670px;   /* Actual value for conformant browsers */
	height: 710px;
	}
	
#facscreen {
	border: 0;
	margin: 0;
	margin-left: 35px;
	background: #ffffcc  no-repeat;
	width: 365px;
	height: 110px;
	}
	
.alt {
	display: none;
	}
	
#logo {
	margin: 0;
	padding: 0;
	margin-top: 30px;
	margin-left: 50px;
	border: 0;
	background:  no-repeat;
	width: 72px;
	height: 90px;
	}
	
#primarycontent   {
	border: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	margin-top: 10px;
	margin-left: 20px;
	width: auto;
	}
	
#contentoneseventy   {
	margin: 0;
	border: 0;
	padding: 0;
	margin-left: 20px;
	margin-top: 30px;
	width: 220px;  /* False value for IE4-5.x/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 180px;  /* Actual value for conformant browsers */
	
	}
	
html>#contentoneseventy {
	width: 170px;  /* Be nice to Opera */
	}
	
	#contentsevenhundred   {
	position: absolute;
	margin-top: 0px;
	margin-left: 50px;
	border: 0;
	padding: 0;
	margin-left: 50px
	background-color: #ffffcc;
	width: 780px;
	
	width: 315px;  /* Actual value for conformant browsers */
	}
	
	html>#contentsevenhundred {
	width: 700px;  /* Be nice to Opera */
	}
	
	#contentsixhundred   {
	position: absolute;
	margin-top: 50px;
	margin-left: 50px;
	border: 0;
	padding: 0;
	margin-left: 50px
	background-color: #ffffcc;
	width: 700px;
	
	width: 700px;  /* Actual value for conformant browsers */
	}
	
	html>#contentsixhundred {
	width: 700px;  /* Be nice to Opera */
	}

	
#contentfifteen   {
	position: absolute;
	margin-top: -170px;
	margin-left: 400px;
	border: 0;
	padding: 0;
	margin-left: 400px
	background-color: #ffffcc;
	width: 580px;
	
	width: 580px;  /* Actual value for conformant browsers */
	}
	
html>#contentthreefifteen {
	width: 518px;  /* Be nice to Opera */
	}
	
#cogs {
	display: inline;
	background:  no-repeat;
	width: 315px;
	}
	
#contentfourhundred   {
	margin: 0;
	border: 0;
	padding: 0;
	margin-left: 20px;
	margin-top: 40px;
	width: 430px;  /* False value for IE4-5.x/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 380px;  /* Actual value for conformant browsers */
	}
	
html>#contentfourhundred {
	width: 380px;  /* Be nice to Opera */
	}
	
p {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: left;
	font: 14px/18px "Trebuchet MS", "Verdana", "Helvetica", "Arial", "Sans-Serif";
	color: #000000;
	}
	
p.....+p {
	text-indent: 2em;
	margin-top: -1em;
	color: #000000;
	}
	
cite {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: left;
	font: 10px/12px "Geneva", "Courier", "Sans-Serif";
	color: #000000;
	}
	

strong {
   font-weight : bold; 
}

ol {
   font : 14px/18px "Trebuchet MS", "Verdana", "Helvetica", "Arial", "Sans-Serif"; 
    
}

li {
   font : 14px/18px "Trebuchet MS", "Verdana", "Helvetica", "Arial", "Sans-Serif"; 
    
}

h5 {
	font : 12px "Trebuchet MS", "Verdana", "Helvetica", "Arial", "Sans-Serif";
	font-weight: normal;
	color : #000;
	background-color : #fff;
	margin-top : 0;
	margin-bottom : 6px;
}

h4 {
   font : bold 14px "Trebuchet MS", "Verdana", "Helvetica", "Arial", "Sans-Serif"; 
   color : #000; 
   background-color : #fff; 
   margin-top : 0; 
   margin-bottom : 18px; 
}

h3 {
   font : bold 22px "Trebuchet MS", "Verdana", "Helvetica", "Arial", "Sans-Serif"; 
   color : #000; 
   background-color : #fff; 
   margin-top :18px; 
   margin-bottom : 18px; 
}

h2 {
   font : bold 24px "Trebuchet MS", "Verdana", "Helvetica", "Arial", "Sans-Serif"; 
   color : #000; 
   background-color : #fff; 
   margin-top :18px; 
   margin-bottom : 18px; 
}

h1 {
   font : bold 30px "Trebuchet MS", "Verdana", "Helvetica", "Arial", "Sans-Serif"; 
   color : #000; 
   background-color : #fff; 
   margin-top : 0px; 
   margin-bottom : 18px; 
}

b {
   font-weight : bold; 
}

img {
	margin-top : 0;
	margin-bottom : 9px;
}

address {
   font : normal 9px geneva, san-serif; 
   margin-top : 10px; 
   margin-bottom : 10px; 
}
a:visited {
	color : #000066;
	background-color : #FFF;
   font-weight : normal; 
   text-decoration : none; 
}
a:link {
    
   font-weight : normal;
   color : #660000;
   background-color : #FFF;
   text-decoration : none; 
}
a:hover {
   color : #666633;
   background-color : #FFF;  
   text-decoration : none; 
}
a:active {
   font-weight : normal; 
   text-decoration : none; 
}
.academy {
   font : 14px/18px "Trebuchet MS", "Verdana", "Helvetica", "Arial", "Sans-Serif"; 
   margin-bottom : 10px;
   margin-left : 20px; 
}

.films {
	font : 14px/18px "Trebuchet MS", "Verdana", "Helvetica", "Arial", "Sans-Serif";
	color : #000;
	background-color : #FFF;
	margin-top : 20px;
	margin-bottom : 20px;
	margin-left : 180px;
}

.nav {
	font : 10px/12px "Trebuchet MS", "Verdana", "Helvetica", "Arial", "Sans-Serif";
	color : #000;
	background-color : #FFF;
	margin-top : 144px;
	margin-bottom : 20px;
	margin-left : 20px;
}

.index {
	font : 14px/18px "Trebuchet MS", "Verdana", "Helvetica", "Arial", "Sans-Serif";
	color : #000;
}


.caption {
	font : 10px "Geneva", "Arial", "Sans-Serif";
}

.askus {
/* float: left; */
	left: 200px;
	top: 0;
	border: 0;
	margin-top: 54px;
	padding: 0 0 0 0;
	background: #ffffff;
	color: #000;
	width: 720px;  /* False value for IE4-5.x/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 670px;   /* Actual value for conformant browsers */
	
	}
	
.sitemap {
/* float: left; */
	position: absolute;
	left: 108px;
	top: 72px;
	border: 0;
	margin: 0;
	padding: 0 0 0 0;
	background: #ffffff;
	color: #000;
	width: 720px;  /* False value for IE4-5.x/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 670px;   /* Actual value for conformant browsers */
	}

.backtotop {
	font : 12px "Trebuchet MS", "Verdana", "Helvetica", "Arial", "Sans-Serif";
	font-weight: normal;
	color : #000;
	background-color : #fff;
	margin-top : 0;
	margin-bottom : 24px;
}	
		
.foot {
	
	left: 200px;
	top: 108px;
	border: 0;
	margin: 0;
	padding: 0 0 0 0;
	background: #ffffff;
	color: #000;
	}



/* Bottom Images Styles */


#bot1 {
	
	position: absolute;
	left: 15px;
	top: 495px;
	border: 0;
	margin: 0;
	padding: 0 0 0 0;
	background: #ffffcc;
	color: #000;
	}
	
#bot2 {
	
	position: absolute;
	left: 115px;
	top: 495px;
	border: 0;
	margin: 0;
	padding: 0 0 0 0;
	background: #ffffcc;
	color: #000;
	}
	
#bot3 {
	
	position: absolute;
	left: 215px;
	top: 495px;
	border: 0;
	margin: 0;
	padding: 0 0 0 0;
	background: #ffffcc;
	color: #000;
	}
	
#bot4 {
	
	position: absolute;
	left: 315px;
	top: 495px;
	border: 0;
	margin: 0;
	padding: 0 0 0 0;
	background: #ffffcc;
	color: #000;
	}
	
#bot5 {
	
	position: absolute;
	left: 415px;
	top: 495px;
	border: 0;
	margin: 0;
	padding: 0 0 0 0;
	background: #ffffcc;
	color: #000;
	}

	
	

#btmimg1, #btmimg2, #btmimg3, #btmimg4, #btmimg5  {
	
	margin: 0;
	padding: 0;
	margin-top: 0;
	margin-left: 0;
	border: 0;
	width: 47px;
	height: 53px;
	}
	

#btmimg1 {
 /* Opera uses this background for the rollover effect. */
 	background:  no repeat;
 	width: 47px;
	height: 53px;
 	}
 	
 #btmimg2 {
 /* Opera uses this background for the rollover effect. */
 	background:  no repeat;
 	width: 47px;
	height: 43px;
 	}	
 	
 #btmimg3 {
 /* Opera uses this background for the rollover effect. */
 	background:  no repeat;
 	width: 47px;
	height: 53px;
 	}
 	
 	
 #btmimg4 {
 /* Opera uses this background for the rollover effect. */
 	background:  no repeat;
 	width: 47px;
	height: 53px;
 	}
 	
 #btmimg5 {
 /* Opera uses this background for the rollover effect. */
 	background:  no repeat;
 	width: 47px;
	height: 53px;
 	}
 	
 #bmg1, #bmg2, #bmg3, #bmg4, #bmg5 {
 	display: block;
 	margin: 0;
 	padding: 0;
 	border: 0;
 	/*start hiding from macie\ */
 	background-position: 0px; /* stop hiding */
 	width: 47px;
 	height: 53px;
 	}
 	
 
 			
	
#bmg1 {
	background:  no-repeat;
	width: 47px;
	height: 53px;
	}
	
#bmg1:hover {
	background-image:  no-repeat;
	width: 47px;
	height: 53px;
	}
	
#bmg2 {
	background:  no-repeat;
	width: 47px;
	height: 53px;
	}
	
#bmg2:hover {
	background-image:  no-repeat;
	width: 47px;
	height: 53px;
	}
	
#bmg3 {
	background:  no-repeat;
	width: 47px;
	height: 53px;
	}
	
#bmg3:hover {
	background-image:  no-repeat;
	width: 47px;
	height: 53px;
	}
	
#bmg4 {
	background:  no-repeat;
	width: 47px;
	height: 53px;
	}
	
#bmg4:hover {
	background-image:  no-repeat;
	width: 47px;
	height: 53px;
	}
	
#bmg5 {
	background:  no-repeat;
	width: 47px;
	height: 53px;
	}
	
#bmg5:hover {
	background-image:  no-repeat;
	width: 47px;
	height: 53px;
	}