/* 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; background: #2c3264 url(../img/html-bg.jpg) no-repeat 50% 0;}
OL, UL {list-style: none;}
TABLE {border-collapse:collapse; 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: #3e7ac0; font-size:3.0em; margin: 0 0 0 -39px; padding:0em 0px 0.3em 39px; background: url(../img/h1-bg.gif) no-repeat 0 8px; letter-spacing: -2px;}
.cufon-active h1{font-size:3.4em; letter-spacing: 0px; line-height: 1.0em; background-position: 0 4px;}
H2 {color:#95002c; font-size:1.2em; padding: 0em 0px 0; font-weight: bold;}
H3 {color:#95002c; font-size:1.2em; padding: 0em 0px 0; font-weight: normal;}
H4 {color:#000; font-size:1.5em; padding:0.2em 0px;}
H5 {color:#000; font-size:1.4em; padding:0.2em 0px;}
H6 {color:#000; font-size:1.3em; padding:0.2em 0px;}
P, DT, DD, BLOCKQUOTE {padding:0.5em 8px 1em 0; color:#000; font-size:1.1em; line-height:1.5em;}
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.5em;}
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:0em 0px; color:#000;}
UL > LI {padding-left:16px; background:url(../img/bullet-dark-red-square.gif) 1px 0.5em no-repeat; color: #605f5f;} 
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 IMG{padding: 3px 0 28px;}
#content .main table IMG{padding: 3px 0 10px;}
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:#ec123e; text-decoration:underline;}
A:visited {color:#ec123e;}
A:focus {outline:#222 dotted 1px; color:#ec123e;}
A:hover {text-decoration: none;}

/* Table Elements */
TABLE {margin:0.5em 15px 1em 0; border-collapse: collapse; width: auto;}
TD, TH {color:#a4002a; font-size:1.1em; border:1px #C3C3C3 solid;}
TH {font-weight:bold;}
CAPTION {font-size:1.2em; font-style:italic;}
TD, TH, CAPTION {padding: 4px 12px;}
TD P{margin: 0; padding: 0; font-size: 1em; color: #a4002a; }
TD.table-main-head{padding: 4px 12px; color: #CD0F36; text-transform: uppercase; border-top: 1px solid #CD0F36; border-bottom: 1px solid #CD0F36; border-left: none; border-right: none; background: #DCDCDC; font-weight: bold;}
TD.table-main-head P{color: #CD0F36;}
TD.table-head{padding: 4px 12px; border-top: 1px solid #CD0F36; border-bottom: 1px solid #CD0F36; border-left: none; border-right: none; background: #DCDCDC;}
TD.grey{color: #5e5e5e;}
TD.grey p{color: #5e5e5e;}
TD.no-border{border: 1px solid #fff;}


/* Form Elements */
FIELDSET {border:none;}
INPUT {color:#424242; font-size:1.1em;}
INPUT.text {padding:2px 0px 2px 3px; border:1px #969696 solid;}
INPUT.radio {border:none;}
INPUT.checkbox {border:none;}
LABEL {color:#424242; font-size:1.1em; font-weight:bold;}
LEGEND {color:#424242; font-size:1.1em;}
SELECT {color:#424242; font-size:1.1em; border:1px #969696 solid;}
TEXTAREA {color:#424242; font-size:1.1em; border:1px #969696 solid; max-width:500px; max-height:500px; font-family:Arial,Tahoma,Helvetica,San Serif;}
fieldset ul{float: left; margin: 0; padding: 0; list-style: none outside;}
fieldset ul li{float: left; margin: 0; padding: 0; background: none;}
fieldset ul li label{font-weight: normal; font-size: 1.0em;}
fieldset ul.full li{width: 100%;}
div.form-error{float: left; width: 100%; padding: 0px 0 0; background: #ffffd6 url(../img/icon-error.gif) no-repeat 23px 27px;}
div.form-error span{display: block; padding: 26px 15px 0 52px;}
div.form-error span h3{margin: 0; padding: 0 0 3px; color: #cd0f36; font-size: 1.6em; text-transform: uppercase;}
div.form-error span h4{margin: 0; padding: 0 0 3px; color: #cd0f36; font-size: 1.6em; text-transform: uppercase;}
div.form-error div{padding: 0 15px 20px 52px;}
div.form-error ul{margin: 0; padding: 0; list-style: none outside; font-size: 1.2em;}
div.form-error ul li{padding: 0 0 0 12px; color: #cd0f36; background: url(../img/bullet-red-square.gif) no-repeat 0 0.4em;}

/* 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:990px; margin:0px auto;}
#page {}
#site-nav{float: left; width: 100%; margin: 0; padding: 0 0 11px; background: #000;}
#header{float: left; width: 100%; height: 160px; padding: 0px 0 0; background: url(../img/header-bg.jpg) no-repeat 0 0;}
#body{float: left; width: 100%; border-top: 5px solid #405bac; background: #fff url(../img/body-bg.gif) repeat-y 0 0;}
	#body #menu-bar{float: left; width: 100%; background: #2c467f url(../img/menu-bar-bg.gif) no-repeat 100% 0; z-index: 2000;}
	#body #content{float: left; width: 100%; min-height: 450px; padding: 0 0 33px; background: url(../img/content-bg.gif) no-repeat 0 0; z-index: 100;}
		#body #content div.main{float: left; width: 618px; padding: 0 1px 24px 39px; background: #fff; }
		#body #content div.sub{float: right; width: 316px;}
		#body #content div.full-width{float: left; width: 904px; padding: 0 1px 17px 39px; background: #fff;}
	#body #leaderboard{float: left; width: 728px; height: 90px; padding: 26px 223px 24px 39px; background: #242a58;}
		#body #leaderboard .container{float: left; width: 728px; height: 90px;}
#footer{float: left; width: 100%; padding: 20px 0 82px; background: url(../img/footer-bg.jpg) no-repeat 0 100%;}
	#footer a:link,
	#footer a:visited{color: #fff; text-decoration: none;}
	#footer a:hover{text-decoration: underline;}
	#footer p{color: #fff;}

/*Templates*/
.homepage #body #content div.main{width: 658px; padding: 52px 0 0px 0; background: transparent none;}
.homepage h1{margin: 0; padding: 0 0 0.2em 31px;}
	
/*Global Elements*/
#site-nav ul{float: left; margin: 0; padding: 0 0 0 38px; list-style: none outside; font-size: 1.0em; }
#site-nav ul li{position: relative; float: left; margin: 0; padding: 0 15px; background: none;}
#site-nav ul li.selected{background: url(../img/site-nav-selected-item-bg.gif) no-repeat 50% 0;}
#site-nav ul li a:link,
#site-nav ul li a:visited{display: block; padding: 9px 10px 0; color: #b3b3b3; text-decoration: none;}
#site-nav ul li.selected a:link,
#site-nav ul li.selected a:visited,
#site-nav ul li a:hover{color: #fff;}
#site-nav ul li div.info-box{position: absolute; top: 28px; left: -999em;}
#site-nav ul li:hover div.info-box{left: 30px;}

div.info-box{width: 186px;}
div.info-box div.ib-top{float: left; width: 100%; height: 27px; overflow: hidden; background: url(../img/info-box-top.png) no-repeat 0 0;}
div.info-box div.ib-body{float: left; width: 153px; padding: 0 20px 0 13px; background: url(../img/info-box-body-bg.png) repeat-y 0 0; }
div.info-box div.ib-btm{float: left; width: 100%; height: 10px; overflow: hidden; background: url(../img/info-box-btm.png) no-repeat 0 0;}
div.info-box p{padding: 2px 0 7px; color: #c6cee6; font-size: 1.0em; }

#header .search-bar {float: right; height: 45px; padding: 20px 0 0;}
#header .search-bar div{float: right;}
#header .search-bar div input{float: left; margin: 0; padding: 0; border: none;}
#header .search-bar div input.text{padding: 6px 11px 0 11px; width: 160px; height: 19px; font-size: 1.1em; font-family: Verdana;  border-bottom: 1px solid #bc99a3;}
#header .search-bar div input.button{padding: 6px 25px 7px 24px; height: 26px; color: #fff; font-family: Verdana; font-size: 1.0em; font-weight: bold; text-transform: uppercase; background-color: #2c467f; border-bottom: 1px solid #273c6d; }
#header .search-bar div input.button:hover{background: #405bac; cursor: pointer;}

#header .logo{float: left; width: 685px; height: 160px;}
#header .logo img{padding: 55px 0 0 172px;}
#header .logo div#flash-header{width: 100%; height: 160px; background: url(../img/header-flash-bg.jpg) no-repeat 0 0;}
#header .partner-logo{clear: right; float: right; width: 210px; height: 34px; padding: 49px 0 0; overflow: hidden; text-align: right;}

#footer .footer-links{float: left; width: 574px; padding: 0 0 0 39px;}
#footer .social-links{float: right;}
#footer .social-links a:link,
#footer .social-links a:visited{display: block; float: left; color: #3e7ac0; text-transform: uppercase; font-size: 1.8em; font-family: Arial; letter-spacing: -2px;}
#footer .social-links a:hover{text-decoration: none; color: #4e9af3;}
.cufon-active #footer .social-links a:link,
.cufon-active #footer .social-links a:visited{letter-spacing: 0;}
#footer .social-links a.facebook{padding: 4px 27px 0 30px; background: url(../img/logo-facebook.gif) no-repeat 0 0;}
#footer .social-links a.twitter{padding: 4px 5px 0 27px; background: url(../img/logo-twitter.gif) no-repeat 0 0;}
#footer .base-footer{float: left; width: 100%; padding: 56px 0 6px; }
#footer .base-footer .developer {float: left; padding: 0 0 0 39px;}
#footer .base-footer .developer p{float: left; padding: 13px 8px 0 0; font-size: 1.1em;}
#footer .base-footer .developer img{float: left;}
#footer .base-footer .copy{float: right; padding: 0 18px 0 0;}
#footer .base-footer .copy p{padding: 14px 0 0; font-size: 1.0em; color: #9699b2;}