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

body {
	background: url(images/bg2.gif);
	margin: 0px; /* 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. */
}

/* This sets a default font for all of our tag selectors. We set the text align back to left so it won't center (based on the body tag to compensate for IE.) */

p, h1, h2, h3, h4, h5, a, ul, li, lo, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left; /* Not necessary if not using text-align center in body tag for older IE browsers. */
}
/* Redefines the p tag */
p {
	margin: 0 30px;
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #666666;
	background: none;
}

h1 {
	font: 16px/20px Arial, Helvetica, sans-serif;
	margin: 30px;
	color: #0066CC;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 1px dotted #0066CC;
	border-left: 0px none;
    }

h2 {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 30px;
	color: #0066CC;
    }
h3 {
	font: bold 25px Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0 30px;
	color: #000000;
    }
h4 {
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 30px;
	color: #666;
    }	

/* Creates the general link style for the site. This is not the main navigation.  */
a {color: #0164B9; text-decoration: underline;}

/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */

/*Collapses borders that some browsers automatically apply to tables. */
table, td, th  {	
	border-collapse: collapse;
	margin: auto;
	padding: 0 0 0 0;
}

/* Creates DIV container for header. Setting the left and right margins to auto will center DIV. */
div#header {width: 770px; height: 110px; border-bottom: 1px solid #fff; background: url(images/hdr.jpg) top right no-repeat;}

/* Creates DIV container for info in header. Setting the left and right margins to auto will center DIV. */
div#address {
	float: right;
	margin-top: 60px;
	margin-right: 5px;
	text-align: right;
	font-size: 9px;
	color: #fff;
}

/* Creates DIV container for centering image. */
td#imgcenter {width: 770px; 
	text-align: center;
}

/* Creates DIV container for body. Setting the left and right margins to auto will center DIV. */
div#body {
background: url(images/bg_copy.gif) bottom left repeat-x;
width: 769px; 
margin-left: auto; 
margin-right: auto;}

/* Styles the table that serves as the container for the content and navigation.*/
table#container {
	width: 769px; 
	border: 1px solid #000;
	background-color: #FFFFFF;
}

/* Aligns content in the tableContainer's td tags to the top. Same as <td valign="top">. */
table#container td {
	vertical-align: top;
	background-color: #FFFFFF;
}

ul.leftbullet {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px;
	float: left;
	padding: 0px 40px 5px 30px;
	list-style-position: inside;
	list-style-type: disc;
	}

ul.left {
	clear: both;}

div#audio {
	position: absolute;
	left: 826px;
	top: 191px;
	width: 107px;
	height: 31px;
	}

/* Creates the div container for the footer. */
div#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	color: #104879;
	text-decoration: none;}

div#copyright a:link {
	color: #104879;
	text-decoration: underline;}

div#copyright a:hover{
	color: #ffcc33;
	text-decoration: underline;}

div#utility {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;	
	font-size: 9px;
	text-align: center;
	color: #fff;
	text-decoration: none;}

div#utility a {
	font-weight: bold;	
	padding: 1px;	
	font-size: 9px;
	color: #000000;
	text-decoration: underline;}

div#utility a:hover{
	color: #ffcc33;
	text-decoration: underline;}

div#center {
	position:relative;
	width: 770px;
	text-align: center;
}

/* ----------------- NAVIGATION CONTAINER ----------------- */
div#nav {
	margin: 0;
	padding: 0;
	width: 770px;
	height: 25px;
	background: #CCCCCC;
	font-size: 11px;
}


/* UL TAG */
div#nav ul {
	margin:0 20px 0 0;
	padding:0;
	list-style:none;
} 

div#nav li {
	float:left;
	margin:0;
	padding:0;
	line-height:normal;
	text-indent:0;
}

div#nav li a {
	display:block;
	margin: 0;
	color:#003C8B;
	text-decoration:none;
	background: transparent;
	font-weight: bold;
	font-size: 11px;
	width: 69px;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 5px;
	height: 20px;
	padding-bottom: 0px;
	text-align: center;
}

div#nav li a:hover {
	background: #999999 url(images/nav_over.gif);
	color: #fff;
}
	
div#nav li a#current{
	color: #fff;
	background: #BC0000;
	
}

	
div#nav li a#current:hover{
	color: #f99;
}

/* ----------------- IMAGE ELEMENTS ----------------- */
img.null {
	border: 1px solid #000;
}

img.left {
	float: left;
	margin: 0px 20px 10px 10px;
}
img.right {
	float: right;
	margin: 0px 10px 10px 20px;
	border: 1px solid #000;
}
img.center {
	margin-left: auto;
	margin-right: auto;
}
object.right {
	float: right;
	margin: 0px 10px 10px 20px;
	width: 300;
}
/* ----------------- CUSTOM CLASSES ----------------- */
div#splash {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	height: 500px;
	width: 500px;
	margin-bottom: 0px;
	border: 1px solid #000000;
}