/* ----------------- REDEFINES THE TAG SELECTORS ----------------- */

body {
	margin: 0 auto; /* Sets body to center everything.Always set margins to 0. Some browsers automatically apply them. */
	padding: 0px; /* Always apply padding if you apply margins */
	background-color: #FF8402;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #e6e6e6;
	scrollbar-arrow-color: #FFFFFF;
}

/*  CONTENT  ===========================*/

p, a, ul, li, ol, td, div, textarea {
font-family: Arial, Helvetica, sans-serif;
font-style:normal;
text-align: left; /* Not necessary if not using text-align center in body tag for older IE browsers. */
}

p {
	font-size: 13px;
	margin-left: 50px;
	padding-right: 30px;
	color: #000;
	line-height: 19px;
}


.emphasize { /*use emphasize to 'brighten' up words in content */
color:#FF0000;
font-size:16px
font-weight: bold;
}

h1, h2, h3, h4, h5 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:lighter;
text-align:left;
}

h1 {
	font-size: 35px;
	color: #FF8402;
	line-height: 45px;
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px dotted #222;
	width: 65%;

}

h2 {
	font-size: 17px;
	color: #1240B8;
	line-height: 24px;
	margin: 20px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
}

h3 {
font-size: 20px;
color: #000;
line-height: 30px;
margin: 0px 0px 0px 30px;
padding: 0px 0px 0px 0px;

}

h4 { /* use for internal content ctas */
	font-size: 16px;
	color: #0000FF;
	font-style:italic;
	font-weight:bold;
	line-height: 22px;
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
}

h5 { /* use for box disclaimers */
	font-size: 13px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 0px 30px;
	padding: 8px;
	background-color: #e6e6e6;
	border: 1px solid #999;
	width: 500px;
}

a { /* Creates the general link style for the site. This is not the main navigation.  */
	font-size: 13px;
	font-weight: bold;
	color: #0000FF;
	text-decoration: underline;
}

/*------------------ LISTS FORMATS --------------------------*/

ul,ol,li { /* strips all ul's, ol's, and li' from padding or margins unless defined in classes below*/
margin: 0;
padding: 0;
}

ul.columnlists {
	margin: 0;
	width:200px;
	float:left;
	margin: 0px 0px 10px 30px;
	padding: 0 10px 5px 10px;
	display: block;
}

ul.columnlists li {
	margin: 3px 0 3px 33px;
	padding: 0;
	font-size: 13px;
	line-height: 18px;
}

ul.columnlistslong {
	margin: 0;
	width:470px;
	float:left;
	margin: 0px 0px 10px 50px;
	padding: 0 10px 5px 10px;
	display: block;
}

ul.columnlistslong li {
	margin: 3px 0 3px 33px;
	padding: 0;
	font-size: 13px;
	line-height: 18px;
}

div#box {
	margin: 0;
	width:350px;
	float:left;
	margin: 0px 0px 10px 10px;
	padding: 0 10px 5px 10px;
	display: block;
	}

div#wrapper {
display: block;
margin-left: 20px;
border:1px solid #000;
}

div#clear {
clear: both;
}

/* ------------------------- MAIN NAVIGATION ----------------------------- */
/* Removes all margins and padding except bottom padding, which provides room to put our border. This serves as the resting place for our tabs. */

ul#mainnav {
	background-image:url(images/navbg.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top: 92px;
	left: 30px;
	margin: 0px;
	width: 204px;
}

ul#mainnav li {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type:none;
	height: 24px;
}

ul#mainnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 20px;
	font-size: 10px;
	text-decoration: none;
	background: none;
	border: none;
	text-align:left;
	height: 19px;
	text-transform:uppercase;
	width: 184px;

}

/* Styles our links. Setting the display to block ensures our links will stack back on top of one another as block level elements. The width sets the "hit" area of the links.  */
ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
color: #ffffff;
background-image:url(images/navbtn-off.jpg);
background-repeat:no-repeat;

}

/* Creates our current custom class. Be sure to apply .current to each applicable a tag on individual pages. */
ul#mainnav li a.current:link, ul#mainnav li a.current:visited {
color: #000066;
background-image:url(images/navbtn-on.jpg);
background-repeat:no-repeat;
}

/* Creates our hover status.  */
ul#mainnav li a:hover {
	color: #FFFFFF;
	background-image:url(images/navbtn-hover.jpg);
	background-repeat:no-repeat;

}



/*  PAGE LAYOUT ===========================*/

div#all { /* Holds the entire web page from the beginning body tag to the end body tag */
	width:850px;
	text-align:left;
	margin: 0 auto;
	padding: 0px;
	background:none;
}



div#header {
	position:relative;
	padding: 0;
	margin: 0;
	width:850px;
	height: 336px;


	bac
	text-align:left;
	float:left;
}

div#maincontent {
border: 0px;
width:850px;
height: auto;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px; 
background-color:#fff;
background-image: url(images/contentbg.jpg);
background-repeat: repeat-y;
float:left;
display:block;
clear:both;
position:relative;
}

/*  ADDRESS ===========================*/

address {
	width:850px;
	vertical-align:top;
	font-size:11px;
	font-style:normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	text-align: center;
	line-height: 14px;
	position:relative;
	display:block;
	background-image: url(images/contentbg.jpg);
	background-repeat: repeat-y;
	clear: both;
}

address a {
font-size:11px;
font-style:normal;
color: #0033CC;
text-align: left;
line-height: 16px;					
}

/*  FOOTER ===========================*/

div#footer {
	width: 850px;
	height: 49px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear:both;
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	font-size: 10px;
	font-weight:bold;
	text-align:center;
	text-transform: lowercase;
	color: #FFFFFF;

}

div#footer a {
	font-size: 10px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}

/*  IMAGE CLASSES and ID's for content area ===========================*/

img.left {
float: left;
margin: 5px 10px 5px 0px;
border: 2px solid #efefef;
}
img.right {
float: right;
margin: 5px 5px 5px 5px;
border: 2px solid #efefef;
padding: 4px;
}

img.border {
border: 2px solid #efefef;
padding: 4px;
}

/*  WEB AUDIO ===========================*/

div#webaudio {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 491px;
	height: 20px;
}

div#webaudiopopup {
	width: 100%;
	height: 100px;
	background-image:url(images/webaudiobg.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#385fb0;
}

div#soundapplet {
width:100%;
text-align:center;
height: 30px;
position:relative;
top: 49px;
}

/*  ADMIN SIGN ===========================*/

div#signin {
	text-align:center;
	clear:both;
}

div#signin a{
color:#000;
font-size:10px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}

/*  PAYMENTS ===========================*/

div#payments {
width: 850px;
height: 30px;
text-align:center;
background-image:none;
background-repeat:no-repeat;
padding-top: 4px;
padding-bottom: 4px;
clear: both;
}

/*  COPYRIGHTS ===========================*/

div#copyright {
	text-align:center;
	font-size: 9px;
	padding: 5px 0px 5px 0px;
	width: 850px;
	height: 50px;
	color:#000;
	line-height: 19px;

}

div#copyright a {
font-size: 9px;
font-weight: normal;
color: #000;
text-decoration: underline;
}

/*  GOOGLE MAPS ===========================*/

div#map {
	padding: 5px;
	border: 1px solid #e8e8e8;
	width: 700px;
	margin-left: 50px;
	margin-bottom: 20px;
}