html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit;  font: 14px Arial,Helvetica,sans-serif; }

:focus { outline: 0; }
ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; }
table.mainTable{ width: 80%;}
p.alignjust{text-align: justify; font-size: 11px; line-height: 18.7px;}
a { color: #aaa; text-decoration: underline; }
a:hover { color: #ffa227; text-decoration: none; }
td.mainTd{padding-left: 10px;padding-right: 10px;}
caption, th, td { text-align: left; font-weight: normal; vertical-align: top; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong { font-weight: bold; }

body { background: #3F4140 url('bg.gif') repeat-x top; color: #aaa; }

a { text-decoration: underline }
a:hover { color: #FFA227; text-decoration:underline ; }

#container { width: 90%; margin: 0; padding: 0; margin: 0 auto;  }
#logo { float: right; position: relative; top: -46px; right: -40px;  }



/*-------------------- HEADER --------------------*/

#header { clear: both; background: transparent; height: 80px;  }

h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Arial, sans-serif; }
h1 { display: block; font-size: 250%; font-weight: 700; padding: 0; color: #ffa227; }
h1 span { color: #fff; display: inline; font-size: 155%; font-family: Verdana, sans-serif; }
h1:first-letter, h2, #sidebar h3 { color: #ffa227; }
h2 { font-size: 22px; font-weight: bold; }
h3 { font-size: 150%; }

/*--------------------SIDEBAR --------------------*/

#sidebar { right:-530px; position: relative; float: right; width: 240px; margin: -20px 0 0 0; }
#sidebar h3 { font-weight: bold; }

#nav { float: right; text-align: left; width: 150px; padding: 0; }
#nav li { display: block; margin: 0; padding: 0px; font-weight: bold;}
#nav li a { font: bold 150% "Trebuchet MS", sans-serif; display: block; text-decoration: none; padding: 0 0 5px 0; }
#nav li a:first-letter { color: #ffa227; }

#current { color: #ffa227; }

/*--------------------SHOWS --------------------*/

#shows { float: right; width: 170px; margin-right: 10px; }
#shows ul { margin-bottom: 20px; }
#shows ul li { padding: 10px 0 10px 0; }

form { background: transparent; width: 170px; margin-top: 0; padding-top: 1em; }
fieldset { border: 0; padding: 0; margin: 0; width: 170px; }
input, .button  { font-size: 90%; }
label, input { float: left; display: block; margin-bottom: 10px; }
label { width: 100px; text-align: left; padding-right: 0px; font-size: 120%; font-weight: bold; }
input { width: 100px; border: 1px solid #fff; }
br { clear: both; }

/*-------------------- MAIN CONTENT --------------------*/

#main { background: transparent; float: left; width: 680px; padding: 0; margin: 0; }
#main h3 { font-size: 90%; margin-bottom: 20px; font-weight: normal; }
#main p { text-align: justify; line-height: 1.7em; font-size: 100%; }
#main ul { list-style-image: url('arrow.gif'); list-style-position: inside; margin-top: 10px; }

.divider { clear: both; background: transparent url('divider.gif') no-repeat; height: 3px; margin: 15px 0; }
input.button { width: 50px; color: #aaa; background: #0e0f0e; font-weight: bold; border: 1px solid #ffa227; padding: 2px; }

img.alignright { padding: 4px; margin: 0 0 2px 15px; display: inline; border: 0; }
img.alignleft { padding: 4px; margin: 0 15px 2px 0; display: inline; border: 0; }
img.centered { display: block; margin-left: auto; margin-right: auto; border: 0; }
.alignright { float: right; }
.alignleft { float: left }

a img.alignleft, a img.alignright, a img.centered { border: 3px solid #333; }
a:hover img.alignleft, a img.alignright, a img.centered { border: 3px solid #ffa227; }
.description{
    width: 20%;
    position: absolute;
    font-size: larger;
    padding: 0 20px 0 0;

}
#payload{
    height: 360px;
    width: 480px;
    position: absolute;
    left: 25%;
    padding: 0 0 0 30px;
    z-index: 1;
}
#payload object{
    z-index: 2;
    top:500px;
}
span.data{
    color: #ffa227;
    text-align: center;
    float: right;
    font-size: larger;
}

/*-------------------- CONTACT --------------------*/

#contact { clear: both; text-align: left; float: left; position: absolute; top:105%; width:80%; }
#contact ul{
    
}
#contact ul ul{
    padding-left: 20px;
}
#contact p { font-size: 90%; padding: 20px 0;  }
#contact p a{ color: #FFA227; font-style: italic;
font-size: 10px;
}
#contact_data { color: #FFA227; font-style: italic }

/*-------------------- FOOTER --------------------*/

#footer { clear: both; text-align: center; position: absolute; top:115%; width:80%; }
#footer p { font-size: 90%; padding: 20px 0;  }
#footer p a{ color: #FFA227; vertical-align:text-bottom; }

/*-------------------- Dock ----------------------*/
/*position and hide the menu initially - leave room for menu items to expand...*/
#page {padding-top:20px; width:100%; }
#menu {position:absolute; top:150px; left:0; width:100%; display:none; z-index: 10}
/*dock styling...*/
/*...centre the dock...*/
#menu div.jqDockWrap {margin:0 auto;}
/*...set the cursor...*/
#menu div.jqDock {cursor:pointer;}
/*label styling; push the label off the bottom of the image...*/
div.jqDockLabelText {position:absolute; top:0; right:4px; 
                     font-weight:bold; font-style:italic; white-space:nowrap; cursor:pointer;}
/*...label colours (applied by setLabel option)...*/
#container { width: 760px; margin: 0; padding: 0; margin: 0 auto; background: transparent url('img1.jpg') no-repeat 420px 0px; }