/* Resets browser defaults and styles base 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;
	font-weight: inherit;
	font-style: inherit;
	line-height: inherit;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	font-size: 100%;
}

ol, ul {
	list-style: none;
}

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

body
{
    color: #333;
    font-family: Trebuchet MS, Arial, Sans-Serif;
    font-size: 80%;
}
/** Text Resize styles **/
#normal{font-size: 80%;}
#large{font-size: 90%;}
#xtra-large{font-size: 100%;}

h1, h2, h3, h4, h5, h6{color: #336699; font-size: 130%; font-weight: bold; margin: 5px 0 0 0;}
h2{}
h3{}
h4{}
h5{}
h6{}
/* alternative heading style */

.alt_sport h1, .alt_sport h2, h2.alt{color: #a9c21e;}
.alt_leisure h1, .alt_leisure h2, h1.alt2{color: #83119a;}

p{margin: 10px 0;}
p.preAmble{margin: 0 0 10px 0;}
blockquote{margin: 20px;}

ul{margin: 10px 0 10px 20px;list-style-image: url(/_img/bullet.gif);}
ol{margin: 10px 0 10px 25px; list-style-type: decimal;}

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

table{border-collapse: collapse;table-layout:fixed;font-size:90%;}
thead{}
tfoot{}
th{border: solid 0px #336699;padding: 3px;}
tr{}
td{border: solid 0px #336699;padding: 3px;}

th.center,td.center{text-align: center;}
th.right,td.right{text-align: right;}
thead th{background-image:url(/_img/bg-th.gif);font-size:110%;background-repeat: repeat-x;padding:3px 4px 1px 4px;color:#fff;border:solid 0px #D5D2CD;border-bottom:solid 1px #34A72E;background-color:#6D6D6D;font-weight:bold;}
tbody td{color:#333;padding:3px 2px 0 2px;vertical-align:top;}
tbody tr.rowalt{background-color:#E8E8E8;}


/** Set default styles for form elements **/
form{margin: 10px 0;}
fieldset{}
legend{}
input, select, textarea, .input,.inputDisabled, .inputArea {
     margin:1px 0 1px 0;
     width:50%;
     font-family:Arial, verdana;
	 font-size: 100%;
     background: #fefefe url(/_img/input-bg.gif) bottom left repeat-x;
     border: solid 1px #7F9DB9;
}
select{width: 20%;padding:1px 0 1px 0;font-size:90%;}
.inputDisabled{background-color:#FAFAFA;color:#646464;padding:2px;}
.radio{border: none;width:auto;background-color: transparent;background-image:none;cursor: pointer;}
label{float: left;text-align: left;margin: 4px 5px 0 0; width: 30%;color:#336699;}
.btn
{
    border: solid 1px #99B9C6;
    background: #fff url(/_img/button-bg.gif) bottom left repeat-x;
    color: #336699; 
    padding: 2px;
    width: auto;
    cursor: pointer;
}

/** provide width classes to stack onto inputs **/
.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 #ccc; height: 1px; margin: 5px 0;}
div.hr{margin: 5px 0px; border: none; border-top: 1px solid #ccc;clear:both;}
div.dash{border-top: 1px dashed #ccc;}
div.hr hr{display:none;}

a{color: #1f6288;}
a:hover{text-decoration: none;}
h1.alt2 a, a.alt2{color: #83119a;}
a{-moz-outline-style:none;}
a:active, a:focus {outline: 0 !important;}

img{vertical-align: bottom;}

.clearRight{clear:right;}

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

.floatLeft{float: left;}
.floatRight{float: right;}
.clr{clear: both;}
.clrsml{clear: both;line-height:1px;hiehgt:1px;}
.standoutText{color: #3366cc;}
.sml{font-size:90%;}