/* Remove browser styles (see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */
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-size: 100%; font-family: inherit;  vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: #000; background: #fff; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong { font-weight: bold; }

/* Body */
body { background: #fff url(/common/i/bg-page.jpg) no-repeat; background-position: center 0; background-color: #fff; font-family: "Trebuchet MS",Helvetica,Arial,Sans-Serif; }

/* Page wrap + side shadows */
#pagewrap { width:800px; height:800px; padding:0; margin: 0 auto; }
#pagewrapl,#pagewrapr { position:absolute; height:760px; top: 40px; padding: 0; background-repeat: no-repeat; z-index:-1; }
#pagewrapl { width: 20px; background-image: url(/common/i/left-shadow.png); background-position: 7px 2px; }
#pagewrapr { width: 793px; padding: 0; margin: 0 auto; background-image: url(/common/i/right-shadow.png); background-repeat: no-repeat; background-position: right 2px; }

/* Header */
#header { height: 95px; border-bottom: solid 2px #aaa; margin: 0 15px 15px 15px; padding:0 10px; }
#header h1 { position:relative;top:17px;width:469px;height:103px;background-image:url(/common/i/logo.gif);background-repeat:no-repeat; }
#header h1 span { position: absolute; left:-2000px; top:0; }
#header h2 { position: absolute; text-align: right; color:#643E24; text-shadow: #aaa 1px 1px 1px; font-size: 20pt; top: 20px; width: 745px; z-index:-2; }

/* Header Navigation */
#header ul.nav { position:absolute; top:60px; text-align: left; list-style-type: none; font-size: 10pt;
  padding: 5px 0 2px 450px; /* THIRD number must change with respect to padding-top (X) below */ }
#header ul.nav li { display: inline; }
#header ul.nav li a { padding: 5px 10px 6px 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
  color: gray; margin-right: 2px; text-decoration: none; }
#header ul.nav li a:hover, #header ul.nav li.active a { background-color: #fff; }
#header ul.nav li a:hover { color: #000; }
#header ul.nav li.active a { color: #000; background-color: #fff;}

#content { width: 720px; margin: 0 auto; color:#643E24; }
#content .homepage { color: #fff; }
#content h2 { color:#643E24; text-shadow: #eee 1px 1px 1px; font-weight: bold; font-size: 20pt; margin: 10px 0 15px 0; }
#content h3 { margin: 10px 0; font-size: 18pt; font-weight: bold; text-shadow: #555 1px 1px 1px; }
#content p { margin: 5px 0; line-height: 1.3em; font-size: 13pt; }
#content .homepage p { text-shadow: #888 1px 1px 1px; }
#content ul,ol { margin: 0 0 20px 20px; list-style-type: disc;  }
#content li { margin: 5px 0 5px 10px; line-height: 1.5em; }
#content ul.operators { float:left; width:180px; }
#content ul.operators li { font-size:12pt;margin-top:1px;margin-bottom:1px;line-height:1.4em; }
#content ul.operatorinfo li { font-size:11pt; }
#content ul li ul { margin-bottom: 0; }
#content li a { color:#643E24; cursor: pointer; }
#content li a:hover { text-decoration: underline; }
#content ul.ulclean { display:list-item; list-style-type: none; margin-top: 0; }
#content ul.ulclean li { margin-top: 0; }
#content li.person { font-weight: bold; }

/* Contact footer */
#contact { position: absolute; top: 660px; text-align: center; width: 800px; margin: 0 auto; font-weight: bold; color: #fff; text-transform: uppercase; font-size: 20pt; }
#contact div { margin:0 20px;width:360px; float:left; }
#contact p { text-shadow: #888 1px 1px 1px; margin:0 0 3px 0; }
#contact a { font-size: 32pt; color: #B70000; text-decoration: none; }
#contact p.email, #contact p.email a { font-size: 10pt; color: #fff; text-transform: lowercase; }
#contact p.email a { text-decoration: underline; }

/* Main Footer */
#footer { position: absolute; top: 760px; text-align: right; width: 790px; margin: 0 auto; padding: 15px 0 0 0; height: 25px; background-image:url(/common/i/bottom-shadow.png); background-repeat:no-repeat; background-position:center top; }
#footer p { padding-right: 10px; }
#footer p, #footer a { color: #fff; font-size: 8pt; text-decoration: none; }

/* Areas Covered Footer */
#bodyfooter { text-align: center; width: 720px; margin: 20px auto 0 auto; clear: both; color: gray; font-size: 8pt; line-height: 1.3em; }
#bodyfooter p.areas, #bodyfooter a { color: #aaa; text-decoration: none; }

/* General Classed */
.hide { display: none; visibility: hidden; }
.centre { text-align: center; }
.clearing { clear: both; }
.inline_right { float: right; margin-left: 10px; }
.inline_left { float: left; margin-right: 10px; }
.withclick { cursor: pointer; }
.emphgood { font-weight: bold; color: #090; }
.empherror { font-weight: bold; color: #900; }