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

body {
	
	margin: 0 auto; /* Always set margins to 0. Some browsers automatically apply them. */
	padding: 0px; /* Always apply padding if you apply margins */
	/*text-align: center; /* Equivalent to <center> tag for older IE browsers. Remove if you do not want to center page. */
   	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;
	background-color: #000066;
	background-position:top center;


}

/*  ===========================   BODY COPY STUFF (NON-NAVIGATIONAL) ==================================================== */

p, h1, h2, h3, h4, h5, a, ul, li, lo, 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. */
}


/* Redefines the p tag */
p {
	font-size: 13px;
	margin-left: 20px;
	color: #003399;
	line-height: 18px;

}
h1 {
	font-size: 22px;
	font-weight: bold;
	color: #009933;
	line-height: 22px;
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 10px 0px;

}

h2 {	
    font-size: 13px;
	font-weight: bold;
	color: #45230b;
	line-height: 19px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	background-repeat:no-repeat;
	
	
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	line-height: 18px;
	margin: 15px 0px 10px 230px;
}

h4 {
	font-size: 20px;
	font-weight: bold;
	color: #4A0094;
	line-height: 27px;
	margin: 0px 0px 15px 0px;
	text-align:center;
}




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


/*------------------ LISTS FORMATS --------------------------*/
  ul { 
 		
		margin: 0px 20px 10px 30px;
		padding: 10px 0px 10px 20px;
		width: 230px;
		/*list-style-image: url(images/ul-house.gif);*/
		display:block;
		
		}
 
 li { 
 		font-size: 13px;
        font-weight: regular;
		line-height: 21px;
        color:#003399;
		margin: 0px;
		}
		
ol { 
 		
		margin: 0px 20px 0px 45px;
        /*list-style-image: url(images/ul-house.gif);*/
		display:block;
		
		}
 
ol li { 
 		font-size: 10px;
        font-weight: regular;
		line-height: 19px;
        color:#000000;
		margin: 0px 0px 0px 20px;
        list-style-image:url(images/li-square.gif);
		
		}


/*  ===========================   MAIN NAVIGATION STUFF (PURELY NAVIGATIONAL) ==================================================== */



ul#mainnav {
	background: #ffffff;
	float: left;
	width: 750px;
	height: 48px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	background-image:url(images/navbg.jpg);
	background-repeat:repeat-x;
	clear:both;
	border: none;
	text-align:center;
	}

ul#mainnav li {
	display: inline;
	float: left;
	width: 84px;
	height: 48px;
	list-style: none;
}

ul#mainnav li a {
font-size: 9px;
font-weight:bold;
text-decoration: none;
line-height: 12px;
padding: 17px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
text-align: center;
width: 84px;
height: 31px;

}

/* Although we have redefined the li style as an inline element, we need to make the actual links block level elements so we can give them widths and have them display properly as "buttons." */
ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
	color: #0066CC;
	background-image:url(images/navbtn_off.jpg);
	background-repeat:no-repeat;
}
/* Creates the "on" status style, which can be applied directly to a single link. */
ul#mainnav li a.current:link, ul#mainnav li a.current:visited {
	color: #A3521D;
	background-image:url(images/navbtn_on.jpg);
	background-repeat:no-repeat;
}

/* Creates the hover status style, which can be applied directly to a single link. */
ul#mainnav li a:hover{
	color: #009900;
	background-image:url(images/navbtn_hover.jpg);
	background-repeat:no-repeat;
}


/*  ===========================   PAGE CONTAINER STUFF  ==================================================== */

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

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

/* Creates DIV container for header. Setting the left and right margins to auto will center DIV. */
div#topheader {
	padding: 0px;
	margin: 0px;
	width:770px;
	height: 204px;
	text-align:left;
	float:left;
	background-color: #FFFFFF;
}

/*Formats the main content of the web page */
div#maincontent {
					border: 0px;
				    width:770px;
					height: auto;
				    padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px; 
				   	background-color:#fff;
					background-image: url(images/contentbg.gif);
					background-repeat: repeat-y;
					float:left;
					display:block;
					clear:both;
					
}

div#bodydecor {
background-image:url(images/bodydecor.jpg);
background-repeat:no-repeat;
width: 592px;
height: 34px;
}

/*  ===========================   ADDRESS STUFF  ==================================================== */
address {
				width:161px;
				height: 280px;
				vertical-align:top;
				background-image:url(images/address.jpg);
				background-repeat:no-repeat;
				font-size:11px;
                font-style:normal;
				margin: 0px 0px 0px 0px;
				padding: 8px 0px 0px 14px;
				color: #0066CC;
				text-align: left;
				line-height: 14px;
				float: right;
				clear:both;
				display:block;						
}

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

div#webaudioandadmin {
width: 178px;
height: 35px;
float:right;
clear:both;
}

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


div#footer { 
			font-size: 10px;
			font-weight:bold;
			text-align:center;
			padding: 10px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			text-transform:lowercase;
			width: 770px;
			height: 17px;
			color:#FFFFFF;
			clear:both;
			background-color: #528ED1;
			background: url(images/footer.gif) no-repeat;
}

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

/******* USE THIS IF YOU HAVE AN INTRO AND THE FOOTER IS FORMATTED DIFFERENTLY ******

div#footerintro { 
			font-size: 8px;
			font-weight:bold;
			text-align:center;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			text-transform:uppercase;
			width: 770px;
			height: 20px;
			color:#fff;
			clear:both;
			background:#0312a6;
}

div#footerintro a {
					font-size: 8px;
				   font-style: normal;
				   line-height: 15px;
				   font-weight: bold;
				   color: #fff;
				   text-decoration: underline;
}

*/

/*  ===========================   TABLE STUFF  ==================================================== */

/*Collapses borders that some browsers automatically apply to tables. */
table, td, th  {	
	border-collapse: collapse;
	vertical-align: top;
	
	
}

table#multi  {	
width: 490px;
margin-top: 15px;
margin-bottom: 30px;
text-align:left;
vertical-align:top;	 
margin-left: 250px; 
}

table#multi td  {	
	font-size: 11px;
	color: #000000;
	padding: 4px;
	width: 170px;
	text-align:left;
	
}

  table#multi ul { 
 		
		margin: 0px 0px 0px 0px;
		padding:0px;
		display:block;
		
		}
 
 table#multi li { 
 		font-size: 10px;
        font-weight: regular;
		line-height: 12px;
        color:#000000;
		margin: 0px 0px 0px 0px;
        list-style-image:url(images/li-square.gif);
		}
		

/*  ===========================    IMAGE STUFF  ==================================================== */
.clearleft { clear:left;}

.clearright { clear:right;}
img.left {
	margin: 0px 8px 0px 0px;
	margin: 5px 5px 20px 5px;
	border: 2px solid #efefef;
}
img.right {
	float: right;
	margin: 5px 5px 5px 5px;
	border: 2px solid #efefef;
	padding: 4px;
}
.right { float:right;}
.left { float:left;}
div#right {
	float: right;
	margin: 5px 5px 20px 5px;
	padding: 4px;
}

clear {
	clear: both;
}

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

}



/*  ===========================   FORM ELEMENT STUFF  ==================================================== */

form {margin-left: 250px;}


form table { border-collapse:collapse;
			 margin: 0px 0px 0px 65px;


}

form td {	border-collapse:collapse;
			font-size: 11px;
			padding: 10px 0px 0px 0px;
			text-align:left;
			vertical-align:top;
			
			}
			
form input {font-size: 12px;}
			
form textarea {font-size: 12px;}



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


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

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



/*  ===========================   COPYRIGHT STUFF  ==================================================== */
div#copyright {
				text-align:center;
				font-size: 9px;
				padding: 0px 0px 5px 0px;
				width: 770px;
				height: 50px;
				background: #000066;
				color:#fff;
				line-height: 19px;
							
}

div#copyright a {
	font-size: 9px;
	font-weight: normal;
	color: #fff;
	text-decoration: underline;
	text-align: center;

}

/*  ===========================   COPYRIGHT INTRO USE IF YOU HAVE INTRO PAGE  ==================================================== 
div#copyrightintro {
				text-align:center;
				font-size: 9px;
				padding: 5px 0px 5px 0px;
				width: 770px;
				height: 50px;
				background: #0312a6;
				color:#fff;
				line-height: 19px;
							
}

div#copyrightintro a {
	font-size: 9px;
	font-weight: normal;
	color: #fff;
	text-decoration: underline;

}



*/

/*  ===========================   GOOGLE MAP STUFF  ==================================================== */

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

}


div#signin {
	color:#000066;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	width: 770px;
	background: #fff;
	height: 30px;
	clear:both;
}

div#signin a{
color:#000066;
font-size:10px;
font-weight:bold;
}


/* CSS Document */


div#sidepdfs {
				width:161px;
				height: 280px;
				vertical-align:top;
				
				background-repeat:no-repeat;
				font-size:12px;
                font-style:normal;
				margin: 0px 0px 0px 0px;
				padding: 8px 0px 0px 14px;
				color: #0066CC;
				text-align: left;
				line-height: 14px;
				float: right;
				clear:both;
				display:block;						
}


div#sidepdfs a:link {
				font-size:10px;
                font-style:normal;
				color: #0066CC;
				text-align: left;
				line-height: 16px;
					
}