html
{margin: 0; padding: 0; background: #9a4900 url(../images/leaf-outline4.gif) no-repeat; background-position: 91% 50px;}
body
{margin: 0; min-height: 500px; color: #000; font: normal normal 80% arial, helvetica, sans-serif; background:  url(../images/leaf-white-large.gif) no-repeat; background-position: top left;}


/*alt colour 9a4900*/
h1
{position: relative; top: 30px; margin: 0 auto; background: url(../images/h1-branding.gif) no-repeat; width: 740px; height: 100px; text-indent: -9999px; z-index: 4;}

h2
{display: block; width: 100%; padding: 0; margin: 0; position: absolute; top: 0px; background: #000000; text-align: center; padding: 4px 0; color: #ffffff;}

h3
{position: absolute; top: 45px;}
a:link
{color: white;}

a:hover
{color: black}

a:visited
{color: white;}

 blockquote
{font-style: italic;}
cite
{font-style: normal;}
.biography blockquote
{padding: 0; margin: 0; font-style: italic; display: inline}
.biography cite
{ text-align: left; display: block;}


#navigation
{position: absolute; left: 310px;  margin: 0 auto; width: 600px; height: 50px; font-size: 1.2em; z-index: 5;}

#navigation ul
{list-style-type: none; position: relative; top: 20px}

#navigation ul li
{display: inline; padding-left: 20px; font-family: arial, sans-serif;  text-align: right}

#navigation ul li a
{position: relative; padding-left: 20px; text-align: right; text-decoration: none;font:normal normal 1.1em courier, sans-serif;}
#navigation ul li a:hover
{background: url(../images/heart-hover.jpg) no-repeat; background-position: left bottom; color: #000000;}
#navigation ul li a:visited
{text-decoration: none;}

#navigation ul li a.activeLink
{background: url(../images/heart-active.jpg) no-repeat; background-position: left bottom;}


#main_content
{min-height: 580px; width: 840px; margin: 0 auto; position: relative;}

#optic
{position: absolute; left: 310px; top: 74px; width: 304px; color: white;}



.home
{margin: 0;  width: 840px; background: url(../images/home1.jpg) no-repeat; background-position: bottom right;}

.about
{margin: 0;  width: 840px; background: url(../images/about1.jpg) no-repeat; background-position: bottom right;}

.biog
{margin: 0;  width: 840px; background: url(../images/biog1.jpg) no-repeat; background-position: bottom right;}

.links
{margin: 0;  width: 840px; background: url(../images/links1.jpg) no-repeat; background-position: bottom right;}

dl#crew
{position: relative;  left: 0px; margin: 0 auto; width: 330px; font-size: 1.1em;}
dl#crew  dt
{display: block; padding: 10px 0 5px 0; margin: 0; float: left; width: 180px;}

dl#crew > dd
{clear: left; padding: 0; margin: 0;}


dl#crew dt.clear
{clear: both}


 #trailer, #textWindow
{font-size: 0.9em; position: absolute; top: 86px; left: -29px; width: 330px;  height: 467px; border-color: white;  border-style: dashed; border-width: 3px; padding: 9px; overflow: auto;}

 #textWindow
{font-size: 1em;}

/*
#textWindow
{position: relative; top: 30px; width: 346px; height: 480px; overflow: auto;  border-color: white;  border-style: dashed; border-width: 3px; padding: 9px }
*/


#awards
{position: absolute; top: 80px; left: -30px}
#officialSelection
{position: absolute; top : -13px; left: 803px}


#site_information
{height: 100px; position: relative; top: 30px; right: 40px; margin: 0 auto; width: 840px; text-align: right;}
#site_information img 
{position: relative; left: 90px;}

