﻿/* == STYLESHEET FUNCTIONS - Global reset and base element styling
------------------------------------------------------------------------------------------------------------------------ 

/* == 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;
	list-style-type:none;
}


/* == Base Element Styling
------------------------------------------------------------------------------------------------------------------------ */

body{color: #666;font-family: Arial, Helvetica, Sans-serif;font-size: 75%;background: #fff url(/__style/structure/images/head-bg.jpg) no-repeat top center;}

h1, h2, h3, h4, h5, h6{font-size: 200%;margin: 10px 0;font-weight: normal;font-family: Georgia, Times New Roman, Serif; color: #ae0000;}
h1{}
h2{font-size: 150%;}
h3{font-size: 125%;}
h4{font-size: 120%;}
h5{font-size: 110%;}
h6{font-size: 100%;}

p{margin: 10px 0;line-height: 1.5em;}

blockquote{margin: 10px 0; padding: 10px 10px 10px 55px;background: #ae0000 url(/__style/structure/images/quote.gif) no-repeat left center; zoom: 1;}
blockquote:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
blockquote p{margin: 0; color: #fff; font-family: Georgia; font-size: 160%; line-height: 1.2em;}
blockquote p .source{font-size: 55%; font-family: Arial; text-transform: uppercase; letter-spacing: 1px; color: #000; display: block; line-height: 0.9em; padding-top: 10px;}
blockquote .authorThumb{float: right;}

ol{margin: 10px 0 10px 25px; list-style-type: decimal;}
ol li{margin: 5px 0;}

dl{margin: 10px 0;}
dt{font-weight: bold;}
dd{text-indent: 15px;}

table{border-collapse: collapse;}
thead{}
tfoot{}
th{border: solid 1px #aaa;padding: 3px;}
tr{}
td{border: solid 1px #ddd;padding: 3px;}

form{margin: 0;}
#wrap form{margin: 10px 0;}
legend{font-weight: bold;}
.inputText{border: solid 1px #ccc; background: #f6f6f6;padding: 3px;margin: 0 0 2px 0;}
select{border: solid 1px #ccc; background: #f6f6f6;padding: 3px;margin: 0 0 2px 0;}
.btn{border: solid 1px #000; background: #f6f6f6;padding: 5px; font-family: Arial; color: #000; font-size: 100%; font-weight: bold;}
.redBtn{background-color: #ae0000; color: #fff}



.linkBtn{display: inline-block; border: solid 1px #E0E0E0; padding: 0 8px; height: 20px; line-height: 20px; font-size: 90%; text-transform: uppercase; font-weight: bold; background: url(/__style/structure/images/link-btn-bg.gif) repeat-x 0 0;}
.linkBtn:hover{background-position: 0 -20px; text-decoration: none;}

hr{border: 0;border-top: solid 1px #ccc; height: 1px; margin: 10px 0;}
div.hr{margin: 5px 0px; border: none; border-top: 2px dotted #CFCFCF;}
div.hr hr{display:none;}

a{color: #ae0000;text-decoration: none;}
a:hover{text-decoration: underline;}

img{vertical-align: bottom;}

/* = Independent Global Styles
------------------------------------------------------------------------------------------------------------------------ */

/** layout **/
.floatLeft{float: left;}
.floatRight{float: right;}
/** clearing **/
.clr{clear: both;}
/** presentation **/
p.date{color: #333;margin: 5px 0;text-transform: uppercase;font-size: 90%;font-weight: bold;letter-spacing: 1px;}
p.date span{color: #666;}
.abs{position: absolute;}
.rel{position: relative;}
.sml{font-size: 90%;}

/** 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%;}
.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%;}

.hide{display:none;}