/* == STYLESHEET FUNCTIONS
------------------------------------------------------------------------------------------------------------------------
- Perform Global reset to remove browser defaults
- Style default (X)HTML elements
----------------------------------------------------------------------------------------------------------------------*/

/* == Global Reset 
------------------------------------------------- */

 div, span, h1, h2, h3, h4, h5, h6, p, hr, 
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;
	font-weight: inherit;
	font-style: inherit;
	line-height: inherit;
	font-family: inherit;
	font-size: 100%;
	background:transparent;
	
}

ol, ul {
	list-style: none;
}
:focus {
	outline: 0;
}


/* == Base Element Styling
------------------------------------------------- */

body{
   line-height: 1.5;
   color: #666666;
   font-family: Trebuchet MS, Arial, Sans-Serif;
   font-size: 75%;
   text-align: center;
   margin:0;
   padding:0;
}

h1{}
h2{text-transform:uppercase;color:#2F2F2F;margin-top:1px;font-weight:normal;}
h2.title{font-size:180%;border-bottom:dotted 1px #d1d1d1; padding: 5px 0; margin: 4px 0;}
h2.alt{font-family:Georgia;font-size:120%;color:#da732e;text-transform:none;}
h2.subtitle{font-size:120%;color:#d1d1d1;padding-bottom: 10px;}
h2.big{font-size:145%;}
h3{color:#da732e;font-weight:bold;}
h4{}
h5{}
h6{}

/* alternative heading style */
.headAlt{}

p{margin: 10px 0;line-height: 1.5em;}
blockquote{margin: 20px;}

ol{margin: 10px 0 10px 25px; list-style-type: decimal;}
ol li{margin: 3px 0;}
#wrap ul.genList, 
#wrap ul.genList li{list-style:none;margin:0;padding:8px 0;}
#wrap ul.genList {background:transparent url(../_img/dotted.gif) repeat-x bottom left;margin:5px 0;}
#wrap ul.genList li{background:transparent url(../_img/dotted.gif) repeat-x top left;}
#wrap ul.genList li img.inlineImg{float:left;}
#wrap ul.genList li .floatLeft{margin: 0 5px 5px 0;}


dl{margin: 10px 0;}
dt{font-weight: bold;}
dd{text-indent: 15px;}

table{border-collapse: collapse;}
thead{}
tfoot{}
th{}
tr{}
td{}

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 **/
form{}
fieldset{}
legend{}
.input, .inputDisabled, .inputLarge, textarea {
     margin:1px 0;
     font-family:Arial, verdana;
	 font-size: 100%;
     border: solid 1px #ccc;
     padding: 2px;
     color: #666666;
}
.inputimg {
     margin:1px;
}
.inputDisabled{background-color:#FAFAFA;color:#646464;padding:2px;}
.select{float:left;font-size: 95%;background: #040404 url(../_img/input-bg.gif) top left repeat-x;font-family: Arial;color: #666; margin: 1px 0 1px 0; padding:1px 0 1px 0;border: solid 1px #ccc;}
.radio, .checkbox input{width:auto;cursor: pointer;border: 0; background: transparent;float: left;}
label, .label{float: left;text-align: left;margin: 0px 5px 0 0; width: 20%;color:#666666;padding: 3px 0 4px 0;}
fieldset label{width:30%;}
.btn {
    background: #999;
    border: 1px #ccc solid;
    color: #fff; 
    width: auto;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    font-size: 90%;
    padding: 5px;
}
a.btn{padding: 5px 10px;}
a.btn:hover{}
a.btnAlt{background:#da732e url('../_img/arrowbox-orange.gif') no-repeat 35px 4px; color:#fff;text-decoration:none;font-size:90%;padding:1px 25px 1px 4px;height:15px;}
a.btnAlt:hover{background:#56636b url('../_img/arrowbox-green.gif') no-repeat 36px 4px;}

/** provide width classes to stack onto inputs **/
.five{width:5%;}
.ten{width:10%;}
.fifteen{width:15%;}
.twenty{width:20%;}
.twentyfive{width:25%;}
.thirty{width:30%;}
.thirtyfive{width:35%;}
.forty{width:40%;}
.fortyfive{width:45%;}
.fortynine{width:49%;}
.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 #ccc; height: 1px; margin: 5px 0;}
div.hr{margin: 5px 5px 5px 0;height:1px; border: none; background:transparent url(../_img/dotted.gif) repeat-x top left;}
div.hr hr{display:none;}

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;}
.inlineImg,.inlineImgRight{border: solid 1px #CFCFCF;padding: 2px; background: #f2f2f2;margin: 0 10px 5px 0;}
.inlineImgRight{margin: 0 0 5px 10px;}

/* = Independent Global Styles
------------------------------------------------- */

/** layout **/
.floatLeft{float: left;}
.floatRight{float: right;}
.floatNone{float: none;}
.textLeft{text-align:left;}
.textRight{text-align:right;}
.textCenter{text-align:center;}
.hide,.divLoading{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;}

/** presentation **/
.standoutText{color: #DA732E;}
.sml{font-size:90%;}
.vmiddle{vertical-align: middle;}
.quote{padding:5px 20px 40px 20px;background:transparent url(../_img/speech-big.gif) no-repeat bottom left;background-position: 10px bottom;}
.btnLnk{background:#c4ced0 url(../_img/arrow-white.gif) no-repeat center right;background-position: 95% center;color:#444;padding:3px 0;text-decoration:none;}
.btnLnk:hover{background-color:#444;color:#fff;}
.btnLnk span{margin:0 0 0 5px;}