* {padding: 0; margin: 0}

body { color: black; font-family: verdana, arial, sans-serif; background-color: #009de2; }


p { font-size: 10pt; margin-top: 0.25em; }

h1 { color: #666; font-size: 13pt; font-weight: normal; margin-top: 0.55em; margin-bottom: 0.45em; }

h2 { color: #009de2; font-size: 11pt; font-weight: bold; margin-top: 0.55em; margin-bottom: 0.45em; }

h3 { font-size: 11pt; font-weight: bold; margin-top: 0.45em; margin-bottom: 0.55em; }

blockquote { color: #666; font-size: 9.5pt; font-style: italic; text-align: left; margin-top: 0.25em; margin-bottom: 0.55em; margin-left: 1.25em; }

ol { font-size: 9.5pt; margin-top: 0.45em; margin-bottom: 0.55em; margin-left: 2em; }

ul { font-size: 9.5pt; font-weight: bold; margin-top: 0.45em; margin-bottom: 0.55em; margin-left: 2em; }

ul li {list-style-type: square; }

dt { font-size: 9.5pt; margin-bottom: 0.55em; padding-bottom: 0.25em; border-bottom: 1px dotted #666; }

dd { font-size: 9.5pt; background-color: #e7e7e7; margin-bottom: 1.1em; padding: 0.25em; border: dotted 1px #666; }

a:link { color: #009de2 ; text-decoration: none; }

a:visited { color: #9ba7ac; text-decoration: none; }

a:hover { color: #000 }

table { font-size: 9.5pt; text-align: left; margin-top: 0.45em; margin-bottom: 1.2em; border-color: #666; border-style: dotted dotted none; border-width: 1px; }

th { color: #666; font-weight: normal; background-color: #eaeaea; padding-top: 0.45em; padding-bottom: 0.2em; padding-left: 3px; border-top-style: none; border-right-style: none; border-bottom-style: dotted; border-bottom-width: 1px; border-left-style: none; }

tr { padding-top: 0.2em; padding-bottom: 0.25em; border-style: none; }

td { padding-left: 3px; border-bottom: 1px dotted #666; border-top-style: none; border-right-style: none; border-left-style: none; }

img.icon /*PDF et al*/ { float: none; margin-right: 3px; border-style: none; }

hr { margin-top: 0.75em; margin-bottom: 0.45em; border-bottom: 1px dotted #666; border-top-style: none; border-right-style: none; border-left-style: none; }

#outer { position: absolute; top: 173px; left: 163px; width: 591px; display: block; }

#wrapper /*allows absolute positioning of omni */ { position: absolute; width: 800px; height: 100%; float: left; margin-top: 20px; margin-bottom: 10px; margin-left: 1.5%; display: block; }

#mast { background-image: url(../images/new/classic_banner.jpg); background-repeat: no-repeat; background-position: 0 0; position: absolute; left: 163px; width: 620px; height: 170px; margin-bottom: 0.45em; }


#sidebar /*floats on the left side*/{ color: #fff; background-color: #100101; background-image: url(../images/new/classic_side_box.gif); background-repeat: no-repeat; background-position: 0 bottom; position: absolute; top: 0; left: 0; width: 153px; padding-bottom: 35px; }

#canvas /*holds text column */ { background-color: #fff; background-image: url(../images/new/classic_canvas.gif); background-repeat: no-repeat; background-position: 0 bottom; width: 285px; float: left; padding: 0.65em 7px 40px 8px; border-top: 1px solid #ccc; }

#box /*holds the old images & blurb*/ { background-color: #100101; background-image: url(../images/new/classic_box.gif); background-repeat: no-repeat; background-position: 0 bottom; width: 285px; float: left; margin-left: 6px; padding-bottom: 35px; border-top: 1px solid #ccc;}

#ad /*JS controlled Ads*/ { color: #fff; font-size: 13pt; font-weight: bold; background-color: #666; position: absolute; top: 600px; left: 466px; width: 285px; height: 75px; padding-top: 1.1em; padding-left: 0.45em; }

/*---------------------------
  mast elements
------------------------*/

#mast-logo { color: #fff; position: absolute; top: 45px; left: 25px; width: 285px; height: 145px; display: block; }

#logo-backing /* set opacity with JS */ { background-color: #fff; position: absolute; left: 0; bottom: 50px; width: 591px; height: 90px; }

#mast-flash /*old animation*/ { position: absolute; top: 45px; left: 95px; width: 300px; height: 145px; visibility: hidden; }

#mast-runner /*holds tagline//welcome message */ { color: #009de2; font-size: 10.5pt; line-height: 1.75em; background-color: #003; background-image: url(../images/new/n_head_runner.gif); background-repeat: repeat-x; vertical-align: middle; position: absolute; left: 0; bottom: 25px; width: 566px; height: 25px; padding-left: 25px; }

#topnav { font-size: small; font-weight: normal; background-color: #ebebeb; position: absolute; top: 149px; left: 163px; width: 588px; margin: 0; padding-bottom: 3px; padding-left: 3px; border-bottom:1px solid #9ba7ac; border-left:1px solid #fbfdf8; list-style-type: none; }

#topnav li{ position: relative; width: 6em; padding-left: 3px; display: inline; }

#callbox { color: #fff; font-size: 10pt; font-weight: normal; position: absolute; top: -1.4em; left: 2em; }

#site-tools { color: #fff; font-size: 10pt; position: absolute; top: -1.4em; right: 6em; }

#site-tools a {color:#fff; }

/* suckerfish style */
#topnav li ul { font-size: small; font-weight: normal; position: absolute; left: -999em; z-index: 999; margin: 0; }

#topnav li:hover ul { color: #009de2; background-color: #100101; position: absolute; top: 1.1em; left: -4px; width: 10em; z-index: 999; padding: 3px 6px 6px 3px; border: solid 1px #ccc; }

#topnav li ul li { width: 10em; padding-bottom: 3px; display:block; }

#topnav li ul li a {}

#topnav li ul li a:hover { color: #fff; background-color: #009de2; }
/*------------------------------------------
* canvas elements
*------------------------------------------*/
.alert { color: #b40000; font-size: 10pt; background-color: #feedba; padding: 3px; border: dotted 1px; display: block; }

.info { color: #009de2; background-color: #c1e2f0; padding-top: 3px; padding-bottom: 3px; border-top: 1px dotted #009de2; border-bottom: 1px dotted #009de2; }

#locus { color: #666; font-size: 9pt; margin-bottom: 0.45em; padding-bottom: 0.25em; border-bottom: 1px dotted #666; }

#canvas img { float:right; margin: 1.2em 6px 6px; border: solid 1px #ccc; }

#options /*news share options*/ { font-size: 9pt; background-color: #ebebeb; position: relative; margin-top: 9px; padding-top: 2px; padding-bottom: 2px; border-top: 1px dotted #666; border-bottom: 1px dotted #666; }

#ref /*news & article refs*/ { color: #666; font-size: 9.5pt; background-color: #e7e7e7; margin-top: 0.55em; margin-bottom: 1.1em; padding: 3px 3px 5px; border: dotted 1px; }

#disclaimer { color: #666; font-size: 8.5pt; font-style: italic; margin-top: 1.25em; }

#box-links /*replaces old graphics with linkables*/ { color: #fff; font-size: 12.5pt; font-weight: bold; background-color: #000; position: absolute; top: 0; right: 0; width: 125px; height: 277px; padding-top: 100px; padding-right: 3px; padding-left: 9px; }

#box-links li { font-size: 11.5pt; margin-top: 0.75em; list-style-type: none; }

#box-links li a:hover {color: #fff; }

#fl { margin: 0;}

#fl li { background-color: #c1e2f0; height: 2em; margin-top: 0.25em; margin-bottom: 0.75em; padding: 3px 3px 3px 50px; list-style-type: none; display: block; }

/*---------------------------------------
* for testamonial quote widget
*--------------------------------------*/

#testimonial-box { color: #80c1bb; background-color: #000; background-image: url(../images/new/test_box.GIF); background-repeat: no-repeat; background-position: 0 0; position: relative; width: 260px; float: left; margin-top: 9px; margin-left: 6px; padding-top: 30px; padding-bottom: 1.25em; padding-left: 25px; display: block; }

#testimonial-base a:hover { color: #fff;}

#testimonial-quote { color: #80c1bb; font-size: 11.5pt; width: 220px; margin-bottom: 0.55em; margin-left: 0; }

#testimonial-base { background-color: #000; background-image: url(../images/new/classic_box.gif); background-repeat: no-repeat; background-position: 0 bottom; position: absolute; left: 0; bottom: 0; width: 260px; padding-bottom: 25px; padding-left: 25px; }

/*--------------------------------------
* for extended options functions
*--------------------------------------*/

#option-action { color: #666; font-size: 10.5pt; background-color: #eaeaea; position: absolute; top: -220px; left: 0; width: 272px; height: 200px; padding: 9px 4px 4px 9px; border: dotted 1px; display:none; }

#option-hide { color: #fff; line-height: 1.3em; background-color: #009de2; padding-right: 2px; padding-left: 2px; cursor: pointer; }

.example-code { color: #666; font-size: 10pt; font-family: "courier new"; background-color: #fff; margin-top: 10px; padding: 5px; border: dashed 1px; cursor: text; }

#option-action li { margin-top: 0.25em; list-style-type: none; }
/*--------------------------------------------
*
*--------------------------------------------*/

.tab { width: 6em; height: 30px; float: left; margin-bottom: 1px; margin-left: 6px; padding-top: 5px; padding-right: 5px; padding-left: 5px; border: solid 1px #666; display: block; }

.tab-back { background-image: url(../images/new/tab_b.gif); background-repeat: repeat-x; background-position: 0 bottom; height: 35px; padding-top: 5px; padding-bottom: 0; border-bottom: 1px solid #666; display: block; }

.tabopen { color: #666; background-color: #fff; border-bottom-color: #fff; }

.tabclosed { background-color: #eaeaea; border-bottom-style: none; }
/*-----------------------------------
*	side link elements
------------------------------------*/
.side-link { width: 153px; height: 140px; margin-bottom: 9px; }

.side-link-text { color: #80c1bb; font-size: 11pt; font-weight: bold; background-color: #100101; text-align: center; width: 153px; height: 25px; display: block; }

.side-link-text a { color: #80c1bb; display: block; }

.side-link-text a:hover { color: #fff;}

/*-----------------------------------------
*	GoogleMaps CSS
*------------------------------------------*/

#officemap { width: 280px; height: 280px; margin-top: 10px; margin-bottom: 15px; border: solid 1px #ccc; }

/*-------------------------------
*	STAFF profile css -- Accordion
*-------------------------------*/

.toggler { color: #666; background-color: #eaeaea; padding-bottom: 3px; border-bottom: 1px solid #ccc; cursor: pointer; display: block; }

.element { padding-top: 0.6em; border-top: 1px dotted #ccc; }

.qualification { color: #666; font-size: 10pt; font-weight: normal; }

/*-------------------------------
  footer
*------------------------------*/
#footer { color: #009de2; font-size: 9pt; font-weight: normal; background-color: #000; background-image: url(../images/new/footer_l.gif); background-repeat: no-repeat; background-position: 0 0; text-align: center; position: relative; left: -163px; width: 757px; height: 45px; float: left; clear: both; margin-top: 9px; margin-bottom: 18px; padding-top: 5px; display: block; }

#footcap { background-image: url(../images/new/footer_r.gif); background-repeat: no-repeat; background-position: right top; position: absolute; top: 0; right: 0; width: 24px; height: 50px; }

a.flink { color: #80c1bb; }

a:hover.flink { color: #fff; }

/*-----------------------------------
*	news/articles CSS
*-----------------------------------*/

.news-entry { margin-top: 0.75em; margin-bottom: 9px; padding-top: 4px; padding-bottom: 4px; border-top: 1px dotted #333; border-bottom: 1px dotted #333; }

.article { color: #333; font-style: normal; }

.feed { background-image: url(../images/new/icon_rss.png); background-repeat: no-repeat; background-position: left center; padding-left: 18px; }

/*-----------------------------
*	access css
*------------------------------*/
.js-only /*hides JS dependent elements from JS-disabled browsers -see basic JS*/ { visibility: hidden;}

.no-print /*easy print blocker*/ { }

.text-only, .hidden /* hidden till text-only commanded */ {display: none;}

.topper /*to top link class*/ { font-size: 8.5pt; font-weight: normal; }

/*-------------------------------------------
* new sitemap feature
*-------------------------------------------*/
#site-map { color: #fff; background-color: #333; background-image: url(../images/new/sitemap_bar_b.gif); background-repeat: no-repeat; background-position: -1px bottom; width: 800px; height: 500px; margin-left: 1.5%; padding-top: 20px; padding-bottom: 10px; border-bottom: 6px solid #009de2; }

#site-map h2 { width: 600px; margin-bottom: 1em; margin-left: 4em; padding-bottom: 1em; border-bottom: 1px dotted #009de2; }

.sm-float /*floating sitemap URL menus*/ { width: 12em; float: left; margin-left: 4em; padding-right: 1em; border-right: 1px dotted #009de2; }
/*----------------------------------------
*	KPMB form elements
*---------------------------------------*/

.gray-field { background-color: #eaeaea; margin-bottom: 1.3em; padding: 3px; border-top: 1px dotted #333; border-bottom: 1px dotted #333; }