html { overflow: -moz-scrollbars-vertical !important; overflow: auto;}
body { background-color: #F3F9FB; background-image: url(images/main-bg-tile.jpg); background-position: 50% 0px; background-repeat: repeat-x; margin: 0px;  }
div#header { background-image: url(images/header-bg.jpg); background-repeat: no-repeat; width: 100%; height: 164px;  background-position: center; }

a { text-decoration: none; font-weight: bold;}
a img { border: none;}
a:link { text-decoration: none; color: #2A2A2A;}
a:visited { text-decoration: none; color: #2A2A2A; }
a:hover { text-decoration: none; color: #EC008C;}
a:active { outline: none;!IMPORTANT }
a:active img { outline: none;!IMPORTANT }
a:focus { -moz-outline-style: none; !IMPORTANT }

p, div, span, h3, h2, h1, ul, li {font-family:  verdana, arial, helvetica, sans-serif; }

h3 { font-size: 70%; margin-top:30px; }

div#nav { width: 826px; height: 80px; margin-left: auto; margin-right: auto; padding: 0px 0px 0px 3px;}
div#nav ul { display: inline; list-style: none;  float: left; padding: 21px 33px 0px 12px;}
div#nav ul li { float: left;}
div#logo { display: inline; float: left; position: relative; top: 10px;} 
div#blog { display: inline; float: left; padding: 0px 0px 0px 10px; position: relative; left: 1px; top: 0px; } 

div#contentHolder { width: 831px; margin-left: auto; margin-right: auto; padding-top: 20px; position: relative; left: 9px;}
div#mainContent { width: 625px;  padding: 30px 10px 0px 10px; background-color: #FFFFFF; float: left; background-image: url(images/main-content-bgt.jpg); background-repeat:no-repeat;}
div#extraContent { width: 157px ;float: right; padding: 30px 10px 10px 10px; background-color: #5BC0DA; background-image: url(images/extra-content-bgt.jpg); background-repeat:no-repeat}

div#mainContent p { margin-left: 10px; font-size: 80%; padding: 0px 20px 0px 40px; color: #2A2A2A;}
div#mainContent h2 {  margin-left: 10px; text-style: bold; color: #0099CC; font-size: 95%; padding: 0px 40px 0px 40px;}
div#mainContent h3 {  margin-left: 10px; text-style: bold; color: #0099CC; font-size: 75%; padding: 0px 40px 0px 40px;}

div#filmContent { width: 811px;  padding: 30px 10px 0px 10px; background-color: #FFFFFF; float: left; background-image: url(images/film-content-bgt.jpg); background-repeat:no-repeat}
div#filmContent p { margin-left: 10px; font-size: 80%; padding: 0px 20px 0px 40px; color: #2A2A2A;}
div#filmContent h2 {  margin-left: 10px; text-style: bold; color: #0099CC; font-size: 95%; padding: 0px 40px 0px 40px;}
div#filmContent h3 {  margin-left: 10px; text-style: bold; color: #0099CC; font-size: 75%; padding: 0px 40px 0px 40px;}

div#filmContent ul { font-size: 80%;  display: inline; list-style: none;  float: left; padding: 0px 0px 0px 0px; margin: 15px 0px 0px 20px; line-height: 39px;}
div#filmContent li { color: #FFFFFF; clear: none; float: left; width: 181px; height: 39px;}
div#filmContent li a, div#filmContent li a:link,div#filmContent li a:visited{ font-weight: normal; color: #FFFFFF; display: block; padding: 0px 0px 0px 22px; background-image:url(images/tab-link.jpg); background-repeat:no-repeat; width: 159px; height: 39px;}
div#filmContent li a:hover { color: #FFFFFF; display: block; padding: 0px 0px 0px 22px; background-image:url(images/tab-link.jpg); background-repeat:no-repeat; width: 159px; hover: 39px; background-position: -181px 0px; }


div#extraContent p { margin-left: 10px; font-size: 80%; color: #FFFFFF;} 
div#extraContent h2 {  margin-left: 10px; text-style: bold; font-size: 95%; color: #0A71AB;}
div#extraContent a:link { text-decoration: none; color: #FFFFFF;}
div#extraContent a:visited { text-decoration: none; color: #FFFFFF; }
div#extraContent a:hover { text-decoration: none; color: #FF3AA5;}

p#copyright { color: #C2E2F0; font-size: 50%; padding-top: 20px; }

div#aliencars { background-image: url(images/aliencars.jpg); background-repeat: no-repeat; width: 100%; height:233px; margin: 0px 0px 0px 50px; }
div#aliencars p {color: #0A71AB; font-size: 65%; float: right; width: 350px; padding: 80px 100px 0px 0px;}
div#aliencars a:link { text-decoration: none; color: #0A71AB;}
div#aliencars a:visited { text-decoration: none; color: #0A71AB; }
div#aliencars a:hover { text-decoration: none; color: #EC008C;}

ul#links { list-style: none; display: inline; width: 160px;}
ul#links li { float: left; padding-left: 7px; }

div#chef {  background-image: url(images/chef.jpg); background-repeat: no-repeat; width: 100%; height:350px; margin: 60px 0px 0px 5px;}
div#chef p {color: #0099CC;}

ul.menu { font-size: 60%; width: 300px; }
ul.menu li { padding-bottom: 10px; }

table.schools { border-style: none; color: #0099CC; font-size: 60%; margin: 30px 30px 0px 14px; width: 380px; }
table.schools td { padding: 0px; vertical-align: top; }

div#extraContent.quotes { font-style: italic; margin-bottom: 0px; padding-bottom: 39px; padding-top: 35px; font-size: 95%;}
div#extraContent.quotes p { padding: 0px 10px 15px 0px;}

table.contact { border-style: none; color: #0099CC; font-size: 80%; margin: 20px 0px 30px 47px; width: 300px;}
table.contact td.grey { color: #2A2A2A;}
