html, body { height:100%; max-height:100%; margin:0; padding:0; border: 0; }

html {/* hide overflow:hidden from IE5/Mac */
   /* \*/ overflow: hidden; /* */

   scrollbar-base-color: #1e2228; scrollbar-face-color: #263040; scrollbar-track-color: #000;
   scrollbar-3dlight-color: #1e2228; scrollbar-darkshadow-color: #1e2228;
   scrollbar-highlight-color: #13161a; scrollbar-shadow-color: #13161a;
   scrollbar-arrow-color: #ff9a0d; }

body { overflow: hidden; color: #bfd0ff; background: #000; font:75%/149% Verdana, Helvetica, sans-serif; }

body * { text-align:left; }   /* Resets all text aligns to the left */

a { text-decoration: none; color: #ff9a0d; font-style: italic; }

a:hover { text-decoration: underline; }

a.mp3 { font-weight: bold; color: #80aaff; padding: 0 5px; }

a.mp3:hover { text-decoration: none; color: #ff9a0d; padding: 0 5px; background: none;}

img { border: none; margin: 0; padding: 0;}

.blockbg { background: url(images/blockbg.png) 0 0 repeat-x; }

.orange { color: #ff9a0d; }

.blue { color: #80aaff; }

h1 { text-align: center; font-size: 1.2em; color: #ff9a0d; margin: 1.5em 0 5px 0; }

h2 { background: url(images/h2hex.gif) 12px 28px no-repeat; font-weight: bold;
   font-style: italic; font-size: 1.1em; color: #80aaff; margin: 0 0 -1em 0; padding: 20px 0 0 21px;}

h3 { color: #80aaff; }

em { font-style: italic; font-weight: bold; color: #80aaff;}

/***********************   Main Content    ***********************/

#container { position: absolute; overflow: auto; overflow-x: hidden; left: 50%; margin: 0 0 0 -388px;
   bottom: 35px; top: 180px; width: 777px; background: url(images/containerbg.png) 0px repeat-y; z-index:5; }

* html #container { top:0; bottom:0; width:777px; height: 100%; border-top:180px solid #000;
   border-bottom: 35px solid #000; }

#container ul { padding: 15px 15px 0 30px; margin: 0; list-style-type: none; line-height: 180%;}

#container ul.links { padding: 15px 15px 0 60px; color: #80aaff; }

#container p { text-align: justify; padding: 15px 25px 0 25px; margin: 0; }

#container p.note {  font-size: 91%; line-height: 140%; padding: 15px 33px 0 30px; color: #80aaff; }

#main { position: absolute; float: left; width: 457px; margin: 0; padding: 0;}

#side { position: absolute; float: left; width: 303px; margin: 0 0 0 457px; padding: 0;}

.caption { text-align: right; font-size: 72%; margin: -0.5em 3px 0 0; padding: 0; color: #ff9a0d; }

.credit { text-align: right; font-size: 72%; margin: 0 33px 0 0; padding: 0; color: #ff9a0d; }

.eoc { text-align: center; } /* Centre end of column flourish */

/***********************   Header   ***********************/

#header { position:absolute; top:0; left: 50%; margin-left: -388px; height: 180px; width: 760px;
   min-width: 760px; background: url(images/banner.jpg) no-repeat; z-index: 10; }

#header h1 { display:none; }

/***********************   Navigation Bar    ***********************/

#navigation { width: 760px; border-bottom: 1px dotted #ff9a0d; padding: 0 0 6px 0;
   position: absolute; bottom: 2px; z-index: 2; text-align: right; }

a.nav, a.nav:link, a.nav:visited, .chosen, .end { font-weight: bold;
   font-style: normal; text-decoration: none; padding: 2px 15px 4px 15px; color: #80aaff; }

a.nav:hover, a.nav:active { color: #ff9a0d; }

.chosen { color: #ff9a0d; }

/***********************   Footer Section    ***********************/

#footer { position:absolute; left:50%; bottom: 0; width:760px; min-width:760px; color: #80aaff; font-weight: bold;
   background: url(images/footerbg.png) 0 repeat-x; margin-left: -388px; z-index: 9; height: 33px;
   border-top: 1px dotted #ff9a0d;}

* html #footer { bottom: 0; width:760px; }

#footer span { font-size: 86%; margin: 0;}

#copy { float: left; padding: 10px 0 0 0; }

#contact { float: left; padding: 10px 0 0 60px; }

#afl { float: right; padding: 10px 6px 0 0; }

#afllogo { float: right; position: relative; margin: -30px -5px 0 0; }

#hexlogo { float: left; position: relative; margin: -40px 0 0 -20px; }

/***********************   Guestbook    ***********************/

table {font-size: 1.1em; width: 260px; color: #80aff; }

td { text-align: right; font-size: 76%; font-weight: bold;}

form { padding: 0 0 0 30px; font-weight: bold; color: #80aaff; }

input, .textbox, .submit { background-color: #000; color: #bfd0ff; border: 1px solid #263040; }

textarea { font-family: Verdana, Helvetica, sans-serif; }

.submit { text-align: center; color: #ff9a0d; font-weight: bold; cursor: hand; }