/* == 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: #666;
    font-family: Arial, Sans-Serif;
    font-size: 80%;
    margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6{font-family: Georgia; font-size: 165%; color: #347fa6; margin: 10px 0 0 0; font-weight: normal;}
h2{font-size: 130%;}
h3{font-size: 125%;}
h4{font-size: 120%;}
h5{font-size: 110%;}
h6{}

p{margin: 12px 0; line-height: 1.7em;}
blockquote{margin: 20px;}

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

/** To remove dotted outline on links **/
a{-moz-outline-style:none;}
a:active, a:focus {outline: 0 !important;}

ul{margin: 10px 0 10px 20px;}
ul li{margin: 3px 0; list-style: url(/img/bullet.gif);}
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;}
th.center, td.center{text-align: center;}
th.right, td.right{text-align: right;}
th.left, td.left{text-align: left;}

.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%;}

/* The below provides a default hr style along with a cross browser method with consideration for disabled styles */
hr{border: 0; border-top: dashed 1px #999; height: 1px; margin: 5px 0;}
div.hr{margin: 5px 0px; border: none; border-top: 1px dashed #999; clear:both;}
div.hr hr{display:none;}

img{vertical-align: bottom;}


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

.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;}
/** presentation **/
.standoutText{color: #ca0137;}
.sml{font-size:90%;}
.vmiddle{vertical-align: middle;}
.noborder{border: none;}
.intro{font-size: 110%;}