/* == 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: #fff;
    font-family: Arial, Sans-Serif;
    font-size: 80%;
    background: url(/_img/bg.jpg) #000 no-repeat center top;
}

h1{font-size: 200%;margin: 0 0 10px 0;font-weight: bold;}
h2{font-size: 180%;margin: 0 0 10px 0;font-weight: bold;}
h3{font-size: 160%;margin: 0 0 10px 0;font-weight: bold;}
h4{font-size: 140%;margin: 0 0 10px 0;font-weight: bold;}
h5{font-size: 120%;margin: 0 0 10px 0;font-weight: bold;}
h6{font-size: 100%;margin: 0 0 10px 0;font-weight: bold;}

#wrap #mainContent h1{position: relative; display: block; background: #000; color: #fff; padding: 3px 0 3px 12px; font-family: Arial; font-weight: bold; font-size: 145%; text-transform: uppercase;letter-spacing: 0px;}
#wrap #mainContent h2{position: relative; font-family: Arial; font-weight: bold; font-size: 140%; text-transform: uppercase;letter-spacing: -1px;}
#wrap #mainContent h3{position: relative; font-family: Arial; font-weight: bold; font-size: 125%; text-transform: uppercase;letter-spacing: -1px;}
/* alternative heading style */
.headAlt{}
.underline{background: url(/_img/underline-rough.gif) bottom left no-repeat;padding-bottom: 7px;}

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

ul{margin: 10px 0 10px 20px; list-style-type: disc;}
ul li{margin: 3px 0;}
ol{margin: 10px 0 10px 25px; list-style-type: decimal;}
ol li{margin: 3px 0;}

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

table{border-collapse: collapse;}
thead{}
tfoot{}
th{border: solid 1px #454545;padding: 3px;background: url(/_img/bg.gif?1);text-align: left;}
tr{}
td{border: solid 1px #454545;padding: 3px;background: #333;}

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{}
label{float: left; text-align: left;}
input, textarea{background: transparent url(/_img/bg-input.gif?1) repeat top left; border: solid 1px #fbe8e6;margin-bottom: 2px; color: #fff;}
.inputDisabled{background-color: #FAFAFA; color: #646464; padding: 2px;}
input.check{border: 0;}
select{background: #000;border: solid 1px #fbe8e6; margin-bottom: 5px; color: #fff;}
.swyilForm label{width:45%;}
/** provide width classes to stack onto elements **/
#wrap .ten{width: 10%;}
#wrap .fifteen{width: 15%;}
#wrap .twenty{width: 20%;}
#wrap .twentyfive{width: 25%;}
#wrap .thirty{width: 30%;}
#wrap .thirtyfive{width: 35%;}
#wrap .forty{width: 40%;}
#wrap .fortyfive{width: 45%;}
#wrap .fifty{width: 50%;}
#wrap .fiftyfive{width: 55%;}
#wrap .sixty{width: 60%;}
#wrap .sixtyfive{width: 65%;}
#wrap .seventy{width: 70%;}
#wrap .seventyfive{width: 75%;}
#wrap .eighty{width: 80%;}
#wrap .eightyfive{width: 85%;}
#wrap .ninety{width: 90%;}
#wrap .ninetyfive{width: 95%;}
#wrap .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: 1px #8d1403 dotted; height: 1px; margin: 5px 0;}
div.hr{margin: 5px 0px; border: none; border-top: 1px #8d1403 dotted; clear: both;}
div.hr hr{display: none;}

a{color: #fff;}
a:hover{text-decoration: none;}

/** To remove dotted outline on links **/
a{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, .clrz{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: #fff;}
.vmiddle{vertical-align: middle;}
.small{font-size: 90%;}