html { height: auto; min-height: 100%; }
body {  font-family: arial; padding: 0; margin: 0; background: #009494; color: #fff; font-size: 12px; height: auto; min-height: 100%; background: #009494 url(../img/background.jpg) repeat-y center center;}
img { border: 0; }

#container { width: 900px; height: 100%; margin: 0 auto; background: url(../img/background.jpg);} 

#header { float: left; display: inline; padding: 0; margin: 0 0 0 0; width: 900px;}

#header #movie {	width: 900px; height: 164px; padding: 0; margin: 0; float: left; display: block;  }
#header #movie  object {	width: 900px; height: 164px; padding: 0; margin: 0; float: left; display: block;  }
#header #movie  embed {	width: 900px; height: 164px; padding: 0; margin: 0; float: left; display: block;  }
#header #menu {margin: 0 0 0 0; padding: 0 0 0 40px; list-style: none; width: 860px; float: left; display: inline; border-top: solid 1px white; border-bottom: solid 1px white;}
#header #menu li { height: 26px; border: solid 0px black; text-align: right; padding: 0px 0 0px 0px; margin: 0 6px 0 0; font-size: 1px;  font-weight: normal; float: left;}
#header #menu li a {height: 22px; padding: 5px 14px 0 14px; float: left; display: block; white-space: nowrap; font-size: 12px; color: #909191; text-align: center;  font-weight: bold; text-decoration: none; }
#header #menu li a:hover { font-weight: bold; text-decoration: none; color: white; }
#header #menu li a.current { font-weight: bold; text-decoration: none; color: white; }
#header #menu li.last { margin: 0 0 0 0; }



#main { float: left; width: 884px; padding: 0; margin: 16px 0 16px 16px;}

#main #submenu {padding: 0 0 0 0; margin: 0 16px 0 0; list-style: none; width: 308px; float: left; display: inline;}
#main #submenu li { height: 26px; border: solid 0px #80caca; text-align: right; padding: 0px 0 0px 0px; margin: 0 0 0 0; font-size: 1px;  font-weight: normal; float: left; width: 308px;}
#main #submenu li a {height: 22px; padding: 4px 0 0 8px; float: left; display: block; white-space: nowrap; font-size: 13px; color: #909191; text-align: left; font-weight: bold; text-decoration: none; width: 300px;}
#main #submenu li a:hover { font-weight: bold; color: white; }
#main #submenu li a.current { font-weight: bold; text-decoration: none; color: white; }
#main #submenu li.last { margin: 0 0 0 0; }

#main #content { float: left;  display: block; width: 308px; padding: 12px 8px 12px 8px; margin: 0 16px 0 0;}
#main #content h1 { color: #fff; font-size: 18px; font-weight: bold; height: 16px; padding: 0 0 8px 0; margin: 0 0 0 0; }
#main #content h2 { color: #fff; font-size: 16px; margin: 0px 0 0 0px; padding: 0; }
#main #content h3 { color: #fff; font-size: 12px; margin: 0px 0 0 0px; padding: 0; }
#main #content p { color: #fff; font-size: 12px; margin: 0px 0 0 0px; padding: 0;}
#main #content p.intro { color: #fff; font-size: 12px; font-weight: normal; margin: 0 0 0 0; padding: 0;}
#main #content p a { color: #fff; font-size: 12px; text-decoration: underline;  margin: 0 0 0 0px;}
#main #content p a:hover { color: #fff; font-size: 12px; text-decoration: underline;  margin: 0 0 0 0px;}
#main #content p strong {color: #009494; }

#main #visual { float: left; display: block;  width: 532px; }
#main #visual img { float: left; display: inline; border: solid 2px #009494; width: 530px;} 

#main #visual h2 { width: 514px;  color: #fff; font-size: 14px; font-weight: bold; margin: 12px 0px 6px 0px; padding: 0; float: left; display: block;}
#main #visual p { width: 514px; color: #fff; font-size: 12px; margin: 0px 0px 0px 0px; padding: 0; float: left; display: block;}

#main #navbar {font-size: 10px; color: black; padding: 0 0 0 0; margin: 0 0 0 0; height: 30px; float: left; display: inline;} 
#main #navbar #previous {float: left; display: block; color: #fff; font-size: 10px; color: black; width: 265px; padding: 0 0 0 0px; margin: 0px 0 0 0; } 
#main #navbar #next { float: left; display: block; color: #fff; font-size: 10px; color: black; width: 265px; padding: 0 0px 0 0; margin: 0px 0 0 0;  text-align: right; } 
#main #navbar a { text-decoration: none; font-size: 13px; width: 20px; text-align: right; color: #909191;}
#main #navbar a:hover {font-size: 13px; width: 20px; text-align: right; color: #fff;}

#main .linkbox { background: none; float: left;  display: block;  width: 163px; height: 167px; margin: 0 13px 13px 0;}
#main .linkbox img { float: left;  display: block;  width: 140px; height: 140x; padding: 10px; }
#main .linkbox  .title { float: left;  display: block; color: #0084ab; font-size: 12px; padding: 10px 0 0 10px; margin: 0; font-weight: bold; text-decoration: none; }

#footer {background: black; float: left;  margin: 0 0 0 0;}


table {padding: 0 0 0 0px; margin: 10px 0 0 0px; font-size: 12px; border: solid 1px #009494; border-collapse: collapse;}
table tr {padding: 0 0 0 0px; margin: 0 0 0 0px; font-size: 12px;}
table tr td {padding: 6px; margin: 0 0 0 0px; color: white; font-size: 12px; }



#copyright { float: left; width: 614px; margin: 0 0 100px 0;}