﻿/* == STYLESHEET FUNCTIONS
------------------------------------------------------------------------------------------------------------------------
- Perform Global reset to remove browser defaults
- Style default (X)HTML elements
----------------------------------------------------------------------------------------------------------------------*/

/* == Global Reset 
------------------------------------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, 
a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote,
fieldset, form, label, legend, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: inherit;
	font-family: inherit;
	font-size: 100%;
}

ol, ul {
	list-style: none;
}

/* == Base Element Styling
------------------------------------------------- */

body{color: #dbdcdf; font-family: Arial, Sans-Serif; font-size: 80%; background: url(/_img/bg.gif) #1d242a repeat-x top left;}
body#home{background: url(/_img/bg-home.gif) #1d242a repeat-x top left;}

h1, h2, h3, h4, h5, h6{font-family: 'Century Gothic'; font-size: 200%; margin: 10px 0; padding: 0 0 2px 0; font-weight: bold; color: #fff; letter-spacing: -1px; border-bottom: 1px #2e3337 solid;}
h1{margin-top: 0;}
h2{font-size: 140%; color: #9acb00; border: 0;}
h3{font-size: 130%; border: 0;letter-spacing: 0;}
h4{font-size: 120%; border: 0;letter-spacing: 0;}
h5{font-size: 110%; border: 0;letter-spacing: 0;}
h6{font-size: 100%; border: 0;letter-spacing: 0;}
/* alternative heading style */
.headAlt{}
h2 .alt{color: #fff;}

p{margin: 15px 0;line-height: 1.5em;}
blockquote{margin: 20px 0;font-family: 'Georgia', 'Times New Roman'; font-size: 140%; line-height: 26px; background: url(/_img/bg-quote.gif) no-repeat 0 5px; padding: 0 0 0 67px;}
blockquote .sig{font-size: 80%; font-family: 'Century Gothic', Arial;color: #fff;}

ul{margin: 15px 0 15px 20px; list-style-type: none; list-style-image: url(/_img/bullet.gif);}
ul li{margin: 10px 0;}
ol{margin: 15px 0 15px 25px; list-style-type: decimal;}
ol li{margin: 10px 0;}

ul.docList{margin: 15px 0; list-style-image: none;}
ul.docList li{background: url(/_img/pdf.gif) center left no-repeat;height: 40px; line-height: 40px;padding-left: 45px;}

.zoneOne ul{color: #888888;}

dl{margin: 10px 0;}
dt{font-weight: bold;}
dd{text-indent: 15px;}

table{border-collapse: collapse;}
thead{}
tfoot{}
th{border: solid 1px #666;padding: 3px;}
tr{}
td{border: solid 1px #ccc;padding: 3px;}

th.center,td.center{text-align: center;}
th.right,td.right{text-align: right;}
th.left,td.left{text-align: left;}

/** Set default styles for form elements **/
#wrap form{margin: 10px 0;}
fieldset{border: solid 1px #ccc;}
legend{font-weight: bold;}
label{float: left;text-align: left;margin: 0px 5px 0 0;color:#fff;padding: 3px 0;}
#wrap #mainContent .zoneOne label{width: 200px;}
.input, textarea{margin:0 0 3px 0;font-family: Arial, Sans-Serif;font-size: 100%;border: solid 1px #41484d;padding: 2px;color: #fff;background: #2e3337 url(/_img/input-bg.gif);}
.btn{background: #51585c url(/_img/btn-arrow.gif) center right no-repeat;border: 1px #2e3337;color: #71b900;cursor: pointer;font-weight: bold;padding: 3px 15px 3px 5px;letter-spacing: 0; font-family: Arial;text-transform: uppercase;font-size: 90%;font-weight: normal;}

.searchPanel{border: solid 1px #2e3337;padding: 10px;background: #020303;margin-bottom: 15px;}
.searchPanel .input{width: 400px;}
.searchPanel .inputNarrow{width: 100px;}
.searchPanel select.input{width: 406px;}

#wrap #mainContent .zoneOne .registerInput{font-family: Arial, Sans-Serif;font-size: 100%;border: solid 1px #41484d;padding: 2px;color: #fff;background: #2e3337 url(/_img/input-bg.gif);float: left;margin-right: 5px;width: 400px;}
#wrap #mainContent .zoneOne .registerbtn{float: left;width: 22px; height: 22px; background: url(/_img/btn-topsearch.gif) no-repeat;border: 0;}

#recaptcha_area{margin-bottom: 10px;}

/** provide width classes to stack onto elements **/
.ten{width:10%;}
.fifteen{width:15%;}
.twenty{width:20%;}
.twentyfive{width:25%;}
.thirty{width:30%;}
.thirtyfive{width:35%;}
.forty{width:40%;}
.fortyfive{width:45%;}
.fifty{width:50%;}
.fiftyfive{width:55%;}
.sixty{width:60%;}
.sixtyfive{width:65%;}
.seventy{width:70%;}
.seventyfive{width:75%;}
.eighty{width:80%;}
.eightyfive{width:85%;}
.ninety{width:90%;}
.ninetyfive{width:95%;}
.hundred{width:100%;}

em{}

/* The below provides a default hr style along with a cross browser method with consideration for disabled styles */
hr{border: 0;border-top: solid 1px #2e3337; height: 1px; margin: 5px 0;}
div.hr{margin: 10px 0px; border: none; border-top: 1px solid #2e3337;clear:both;}
div.hr hr{display:none;}

a{color: #9acb00;}
a:hover{text-decoration: none;}

/** To remove dotted outline on links **/
a{-moz-outline-style:none;}
a:active, a:focus {outline: 0 !important;}

img{vertical-align: bottom;}

/* = Independent Global Styles
------------------------------------------------- */

/** layout **/
.floatLeft{float: left;}
.floatRight{float: right;}
.hide{display: none;}
/** clearing **/
.clr{clear: both;}
.clrSml{clear: both;line-height:1px;height:1px;}
.clrLeft{clear: left;}
.clrLeftSml{clear: left;line-height:1px;height:1px;}
.clrRight{clear: right;}
.clrRightSml{clear: right;line-height:1px;height:1px;}
.pagingClr{display: none;}
/** presentation **/
.standoutText{color: #ca0137;}
.sml{font-size: 90%;}
.lrg{font-size: 120%; line-height: 1.6em;}
body#home #wrap #mainContent .zoneTwo p.lrg{margin-top: 0;padding-top: 4px;}
.vmiddle{vertical-align: middle;}
.backLink{float: right; margin: 6px 0 0 0;background: url(/_img/arrow-back.gif) center left no-repeat;padding: 0 0 0 15px;}
.inlineImgLeft{float: left;margin: 0 20px 10px 0;border: solid 5px #2e3337;}
.partnerImg{float: left;margin: 0px 20px 5px 0;border: solid 5px #2e3337;}

