/* --------------------------------------------------------------- */
/* ----------------- 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 13px tahoma;}

/* Defines the body tag */
body {
    background-image:url(IMAGES/bg_site.jpg);
	margin: 0px; /* Always set margins to 0. Some browsers automatically apply them. */
	padding: 0px; /* Always apply padding if you apply margins */
}

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

/* GENERAL H1 TAG */
h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

/* GENERAL H2 TAG */
h2 {
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #2170B2;
}

/* Creates the general link style for the site. This is not the main navigation.  */
a {	
	text-decoration: underline;
	font-weight: bold;
	color: #0B408E;}
a:visited {
	text-decoration: none;}
a:hover {
	text-decoration: none;}
a:active {
	text-decoration: none;}

img {
	border: 0px;}

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

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

div {
	margin: 0px;
	padding: 0px;}

/* DIV CONTAINER */
div#container {
	margin: 10px auto 5px 10px;
	width: 770px;
	background: #fff;
	height: auto;
	border-top: 6px solid #CCCCCC;
	border-right: 3px solid #CCCCCC;
	border-bottom: 3px solid #CCCCCC;
	border-left: 3px solid #CCCCCC;
	left: 10px;
	top: 10px;
	position: absolute;
}

/* DIV HEADER */
div#header {
	width: 770px;
	height: 150px;
	background: url(images/header_bg.jpg) top left no-repeat;
	clear: both;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
	#info span {
		font-size: 30px;}

/* DIV BODY */
div#body {
	clear: both;
	padding: 0 0 15px 10;
	color: #000;
	background: url(images/content_bg.gif) no-repeat left top;}

div#content {
	margin-left: 15px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 0px;
}
	#content h1 {
	padding: 10px 0 0 5px;
	text-align: left;
	color: #003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 17px;
}
	#content h2 {
		margin: 10px 5px;
		font-weight: bold;
		font-size: 17px;
		color: #000;}
	#content p {
		margin-right: 5px;
		margin-left: 5px;
		line-height: 17px;
}
	#content dl {
		margin: 0;
		padding: 0;}
	#content dt {
		padding: 2px 0;
		margin: 0 10px 3px 5px;
		font-size: 14px;
		font-weight: bold;}
	#content dd {
		margin: 0 10px 3px 15px;
		padding: 0;
		text-indent:0;}
	#content table {
		margin: 0 0 0 10px;}
	#content td {
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

/* DIV FOOTER */
div#footer {
	height: 50px;
	text-align: center;
	font-size: 10px;
	clear: both;
}

	/* DIV UTILITY NAV */
	div#utilnav {
	text-align: center;
	font-size: 10px;
	padding: 5px 0px;
	margin: 0px;
}
		#utilnav a {
			text-decoration: none;
			font-size: 10px;
			font-weight: bold;
			line-height: 18px;
			color: #308ECE;}
		#utilnav a:hover {
			text-decoration: underline;
			color: #333333;}
	
	/* DIV COPYRIGHT */
	div#copyright {
	text-align: center;
	font-size: 9px;
	padding: 0px;
	color: #6666CC;
	border-top: 0 none;
	border-right: 0 none;
	border-bottom: none;
	border-left: 0 none;
}
		#copyright a {
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
	color: #2E8BCE;
}
		#copyright a:hover {
	text-decoration: underline;
	color: #6666CC;
}

/* Styles the table that serves as the container for the content and navigation.*/
table#tblcontainer {
	text-align: left;
	vertical-align: top;
	float: none;
	height: auto;
	width: auto;
}

/* 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 15px 10px 0px;
	border: 5px solid #FCF0F4;
}
img.right {	float: right;
	margin: 0 25 10 0;
	padding: 2px;
	border: 4px solid #F8DDE6;
}
clear {
	clear: both;}
/* ---------------------------- MAIN NAVIGATION ----------------------------  */

/* Creates the container for the navbar and centers it.*/ 
div#navcontainer {
	float: left;
	width: 250px;
	margin: 0;
	padding: 0px;
	background: none;
	position: absolute;
	left: 326px;
	top: 1px;
}
/* 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: block;
	/* 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 {
	width: 230px;
	font-size: 14px;
	color: #7274A6;
	font-weight: bold;
	text-decoration: none;
	display: block;
	border-left: dotted 1px #fff;
	border-right: dotted 1px #fff;
	border-bottom: dotted 1px #FAE3EB;
	color: #E580A3;
	padding: 7px 5px;
}

ul#mainnav li a:hover, ul#mainnav li a.active {
	background: #FAE3EB;
	border-bottom: dotted 1px #FAE3EB;
	border-left: dotted 1px #fff;
	border-right: dotted 1px #fff;
}

/* -----------------------------------------------*/
/* ----------------- CUSTOM CSS ----------------- */
/* -----------------------------------------------*/

.tdtitle {
	padding: 5px 0;}
.tdinput {
	padding: 5px 0;}
.tdsubmit {
	padding: 10px 0;
	text-align: center;}
.field {
	color: #0B408E;
	background-color: #EFEFEF;
	border: 1px solid #CCCCCC;
}
#content h3 {

		padding: 5px 0 0 5px;
		text-align: left;
		color: #0B408E;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
}
li {clear: both;
	font-family: Tahoma;
	font-size: 13px;
	color: #666;
	list-style-position: outside;
	list-style-image: url(images/bullet.gif);
	font-weight: 900;
	letter-spacing: 1px;
	text-align: left;
	padding: 1px;
	margin: 0px;
	clear: both;
	font-style: normal;
}
address {
	
	margin-top: 0px;
}