﻿/* Global Full Reset as per 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; }
:focus {outline:0;}
HTML{}
BODY {line-height:1; color:black;}
OL, UL {list-style: none;}
TABLE {border-spacing: 0;}
CAPTION, TH, TD {font-weight:normal;}
BLOCKQUOTE:before, BLOCKQUOTE:after, Q:before, Q:after {content: "";}
BLOCKQUOTE, Q {quotes: "" "";}
/* End Global Full Reset */

BODY {font-family:Verdana, Arial,Tahoma,Helvetica,San Serif; font-size:62.5%; line-height:normal; text-align:center;}
BODY DIV {text-align:left;}
.text-large {font-size:75%;} .text-bigger {font-size:90%;} .text-biggest {font-size:100%;}

/* Global Typography */
H1, H2, H3, H4, H5, H6 {line-height:1.3em; font-weight:bold;}
H1 {clear: both; color: #0086a3; font-size:3.0em; margin: 0; padding:0; }
.cufon-active h1{font-size:3.4em; letter-spacing: 0px; line-height: 1.0em; background-position: 0 4px;}
H2 {color:#0086a3; font-size:2.2em; padding:5px 0; font-weight: bold;}
H3 {color:#0086a3; font-size:1.8em; padding: 0em 0px 0; font-weight: normal;}
H4 {color:#0086a3; font-size:1.5em; padding:0.2em 0px;}
H5 {color:#0086a3; font-size:1.4em; padding:0.2em 0px;}
H6 {color:#0086a3; font-size:1.3em; padding:0.2em 0px;}
P, DT, DD, BLOCKQUOTE {padding:0.5em 0 0.8em; color:#333; font-size:1.1em; line-height:1.6em;}
BLOCKQUOTE {margin:0.4em 30px; font-size:1.4em; line-height:1.6em;}
BLOCKQUOTE P, BLOCKQUOTE UL, BLOCKQUOTE OL {margin:0px; font-size:1em !important;}
.large{font-size: 1.4em; line-height: 1.3em;}
P .large{font-size: 1.2em;}
.large .large{font-size: 1em;}
.small{font-size: 1.1em;}
P .small{font-size: 0.9em;}
.small .small{font-size: 1.0em;}

.cufon-canvas{z-index: 1;}
.cufon-canvas canvas{z-index: 2;}

/* UL's need a background, LI's check IE6.css when you change the LI's*/
UL, OL {font-size:1.1em; line-height:1.6em;}
UL {padding:0.5em 8px 1.5em 2px; list-style:none;}
OL {padding:0.5em 8px 0.5em 30px; list-style:decimal;}
LI UL, LI OL {padding-bottom:0em; padding-left: 15px; font-size:1em;}
LI {padding:0px; color:#333;}
UL > LI {padding-left:20px; background:url(../img/bullet-gery-circle.gif) 12px 0.7em no-repeat;} 
OL > LI {padding-left:0px; background:none;}
UL.pink-bullets > LI {background-image: url(../img/bullet-pink-square.gif);}

/* Using list-style-image is the only to not cause issues with nested background images 
LI {margin:0.2em 0px; color:#000;}
LI UL, LI OL {margin:0.5em 0em 0.5em 0px; font-size:1em;}
UL, OL {margin:0.5em 15px 0.5em 0px; padding-left:30px; font-size:1.2em; line-height:1.5em;}
UL {list-style:none outside url('../img/bullet-square-black.gif')}
OL {list-style:decimal outside none;}
*/

DL {padding:0px 5px 0.5em 14px;}
DL DT {padding:0.2em 0px; font-weight:bold;}
DL DD {padding:0.2em 0px 0.2em 20px;}
DL P, DL UL, DL OL {font-size:1.0em !important;}
HR {height:1px; line-height:1px; color:#666366; background:#666366; border:none;}

/* Misc */
IMG {border:0px; vertical-align:bottom; font-size:1em; font-weight:bold;}
#content .main .article IMG{margin: 3px 20px 10px 0; display:inline; border:2px #0086a3 solid; float:left;}
#content .main .article div.img { float:left; width:200px; margin: 3px 20px 10px 0; padding-bottom:4px; display:inline; background: url(../img/img-shadow-bg.jpg) no-repeat center bottom;}
#content .main .article div.img IMG {margin:0; }
#content .main table IMG{padding:0px !important; margin:0px !important; border:0 !important;}
IMG.right-align{float: right; padding: 0 0 10px 25px !important;}
IMG.left-align{float: left; padding: 0 25px 10px 0 !important;}
/**/
CODE {padding:0.5em; color:#000; font-size:1.2em; line-height:1.3em; font-family:Courier New, Serif;}
ADDRESS {font-size:1.2em; font-style:italic;}
STRONG {font-weight:bold;}
EM {font-style:italic;}
SUB {line-height:0; vertical-align:-0.2em; font-size:86%;}
SUP {line-height:0; vertical-align:0.6em; font-size:86%;}

/* Inline Elements */
A {color:#0086a3; text-decoration:none;}
A:visited {color:#0086a3;}
A:focus {outline:#222 dotted 1px; color:#ec123e;}
A:hover {text-decoration: underline;}

/* Table Elements */
TABLE {margin:0.5em 0 0; width: 100% !important; border:2px #0086a3 solid;  }
TD, TH {color:#333;  border-spacing:0; font-size:1.1em; border:1px #aaa solid;}
TH {font-weight:bold; font-size:1.4em; color:#1183AB; border:1px #fff solid; background: url("../img/heading-bg.jpg") repeat  0 0;}
CAPTION {font-size:1.2em; font-style:italic;}
TD, TH, CAPTION {padding:8px 12px;}
TD P{margin: 0; padding: 0; font-size: 1em; color: #333; }
TD.table-main-head{padding: 4px 12px; color: #0086a3; text-transform: uppercase; border-top: 1px solid #0086a3; border-bottom: 1px solid #0086a3; border-left: none; border-right: none; background: #DCDCDC; font-weight: bold;}
TD.table-main-head P{color: #0086a3;}
TD.table-head{padding: 4px 12px; border-top: 1px solid #0086a3; border-bottom: 1px solid #0086a3; border-left: none; border-right: none; background: #DCDCDC;}
TD.grey{color: #5e5e5e;}
TD.grey p{color: #5e5e5e;}
TD.no-border{border:0; padding:0;}
DIV.table TABLE{ border-collapse:collapse;}

/* Form Elements */
FIELDSET {border:none;}
#inline-sample fieldset {clear: both;}
INPUT {color:#333; font-size:1.1em;}
INPUT.text {padding:2px 0px 2px 3px; border:1px #0088A4 solid;}
INPUT.radio {border:none;}
INPUT.checkbox {border:none;}
LABEL {color:#333; font-size:1.1em; font-weight:bold;}
LEGEND {color:#333; font-size:1.1em;}
SELECT {color:#333; font-size:1.1em; border:1px #0088A4 solid;}
TEXTAREA {color:#333; font-size:1.1em; border:1px #0088A4 solid; max-width:500px; max-height:500px; font-family:Verdana, Arial,Tahoma,Helvetica,San Serif;}

/* Accessibility Elements */
#jumplinks, .accessible, .screen-reader {position:absolute !important; left:-9999em !important; top:0px !important;}
ACRONYM, ABBR {border:none;}
ACRONYM[title], ABBR[title] {cursor:help;}
P ABBR[title], P ACRONYM[title], BLOCKQUOTE ABBR[title], BLOCKQUOTE ACRONYM[title], DL ABBR[title], DL ACRONYM[title], CODE ABBR[title], CODE ACRONYM[title] {border-bottom:1px dotted #AAA;}
ABBR {speak:normal;}
ACRONYM {speak:spell-out;}

/* JavaScript Alternatives */
.hidden, .js-required, .js-required-inline {display:none !important;}
.has-js .js-required {display:block !important;}
.has-js .js-required-inline {display:inline !important;}
.has-js .hidden, .has-js .js-missing {display:none !important;}

/* Flash, Iframe special etc. */
.flash OBJECT, .flash EMBED, .media OBJECT, .media EMBED, .iframe IFRAME {float:left;}

/* Structural Elements */
#position { width:100%; float:left;}
#page { width:100%; float:left;  background: #131127 url(../img/html-bg.jpg) no-repeat center bottom;}
.page-wrap { width:100%; float:left;  background:transparent url(../img/html-bg-top.png) no-repeat center top;}
.position { width:100%; float:left;}
#site-nav{width:990px; margin: 0 auto; height:30px; padding: 0 0 10px; background: #000;}
#header{width:1048px; margin:0 auto; height: 185px; position:relative;}
#body{width:1048px; margin:0 auto; position:relative; z-index:99;}
#body .position{  background: url(../img/body-shadow-bottom.png) no-repeat 0 bottom; padding-bottom:39px;}
#footer{float: left; width: 100%;  background: url(../img/base-footer-bg.jpg) repeat-x left bottom;}


