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

/* 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.) */
body, p, td {font: normal 12px arial;}

/* Defines the body tag */
body {
 	background: #FFFFFF url(images/bg.gif) repeat-x left top;
	margin: 0; /* Always set margins to 0. Some browsers automatically apply them. */
	padding: 10px 0; /* Always apply padding if you apply margins */
}

div {
	margin: 0;
	padding: 0;}

/* Redefines the p tag */
p {color: #fff; }

/* GENERAL H1 TAG */
h1 {font-size: 14px;}

/* GENERAL H2 TAG */
h2 {font-size: 12px/12px;}

img {
	border: 0;}

/* Creates the general link style for the site. This is not the main navigation.  */
a {font-size: 12px/12px;
	text-decoration: none;
	color: #cf3;}
a:hover {
	font-size: 12px/12px;
	text-decoration: underline;
	color: #cf3;}


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

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

/* DIV CONTAINER */

div#container {
	position: relative;
	width: 770px;
	margin: 0 auto;
	background: url(images/bg_content.gif);
}

ul.leftbullet {
	font-size: 12px;
	line-height: 24px;
	color: #fff;
	font-weight: normal;
	margin: 0px;
	float: left;
	padding: 0px 30px 0px 10px;
	list-style-position: inside;
	list-style-type: disc;}

ul.left {clear: both;}
	
/* DIV HEADER */
div#header {
	width: 770px;
	height: 212px;
	background: no-repeat left top;}
	
/* DIV AUDIO */
div#audio {
	float: left;
	margin: 0;
	padding: 0px;
	position: absolute;
	left: 609px;
	width: 118px;
	top: 230px;
	height: 6px;
}
/* DIV Flash Movie */
div#fla {
	clear: both:
	float: left;
	margin: 10px;
	padding: 0px;
	position: absolute;
	left: 339px;
	width: 118px;
	top: 223px;
	height: 6px;
}

/* DIV BODY */
div#textarea {
	padding: 5px;
	margin: 0px;
	float: left;
	width: 141px;
	position: absolute;
	left: 602px;
	top: 485px;
	color: #21528C;
	font-weight: bolder;
}

div#body {
	clear: both;
	width: 770px;
	margin: 0px;
	padding: 0px;
}

div#content {
	margin: 0px 200px 0px 25px;
	padding: 0px 5px;
	background: none;}

	#content h1 {
		color: #cf3;
		font-size: 14px;
		line-height: 14px;
		background: none;
		text-align: left;
		text-transform: uppercase;
		padding: 10px 10px 5px 10px;}
	#content h2 {
	clear: both;
		font-size: 12px;
		line-height: normal;
		text-align: left;
		font-weight: bold;
		color: #99CCFF;
		padding: 10px;}
	#content h3 {
		font-size: 12px;
		line-height: normal;
		text-align: left;
		font-weight: bold;
		color: #fff;
		padding: 0 10px;}
	#content p {
		clear: both;
		font-size: 12px;
		line-height: 16px;
		color: #fff;
		font-weight: normal;
		padding: 0 10px;
		background: none;}
		#content a {
			text-decoration: underline;
			color: #0033CC;}
		#content a:hover {
			text-decoration: none;
			color: #cf3;}

/* DIV FOOTER */
div#footer {
	text-align: center;
	font-size: 9px;
	background: url(images/bg_footer.gif) bottom left no-repeat;
	width: 770px;
	height: 87px;
	margin: 0px;
	padding: 0px;
	clear: both;}

	/* DIV UTILITY NAV */
	div#utilnav {
		text-align: center;
		margin: 0px;
		font-size: 9px;
		padding: 30px 0 10px 0;
		color: #ccc;
		background: none;
}
		#utilnav a {
			text-decoration: none;
			font-size: 9px;
			color: #FFFFFF;
			}
		#utilnav a:hover {
			text-decoration: underline;
			color: #FF9900;}
	
	/* DIV COPYRIGHT */
	div#copyright {
		text-align: center;
		font-size: 9px;
		color: #FFFFFF;
		margin: 0px;		
		padding: 0px;
		background: none;}
		#copyright a {
			text-decoration: underline;
			font-size: 9px;
			color: #FFFFFF;}
		#copyright a:hover {
			text-decoration: none;
			color: #FFFFFF;}


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

/* -------------------------------------------------- */
/* ----------------- IMAGE ELEMENTS ----------------- */
/* -------------------------------------------------- */

img.left {
	float: left;
	margin: 0px 20px 4px 0px;
	padding: 0px;
	border: 2px solid #BBD9FB;
	clear: both;
}
img.right {
	float: right;
	margin: 4px 5px 0px 0px;
	border: 2px solid #BBD9FB;
	
}
img.center {
	margin-left: auto;
	margin-right: auto;
}

/* ---------------------------- MAIN NAVIGATION ----------------------------  */

/* Creates the container for the navbar and centers it.*/ 
div#navcontainer {
	float: left;
	margin: 0;
	padding: 1px 3px 3px 5px;
	background: url(images/bg_nav.gif) top left no-repeat;
	position: absolute;
	left: 603px;
	top: 280px;
	width: 141px;
	height: 200px;
}
/* Removes any default margins or padding applied to lists. Floats the list to the left, which incorporates the child elements (i.e. the links) and provides a full-length background color that extends past the links.*/

ul#mainnav {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

ul#mainnav li {
	display: inline;
	/* float: left; */
	margin: 0px;
	padding: 0px;
}

/* 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 {
	font-size: 12px;
	color: #003399;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 8px 0px 2px 0px;
	width: 141px;
}

ul#mainnav li a:hover, ul#mainnav li a.active {
	border-bottom: 1px solid #0066FF;
	color: #3366FF;
	background: none;
}
.smallboldcentered {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	padding: 0px;
}