/*********************************************************************************************************/
/*********************************************************************************************************/
/*
/*	CONTENT STYLES
/*
/*********************************************************************************************************/
/*********************************************************************************************************/

#container
{
	position: relative;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Body structure elements
/*-------------------------------------------------------------------------------------------------------*/
body
{
	margin:				7px;
	padding:			0px;
	
	background-color:	white;
}

#header
{
}

#home_logo
{
	position:			absolute;
	top:				7px;
	left:				546px;
}

#title
{
	font-family:		verdana;
	font-size:			14px;
	color:				black;
	padding-bottom: 10px;
}

#sub_logo
{
	position:			absolute;
	top:				7px;
	left:				549px;
}

#sub_logo_bottom
{
	position:			absolute;
	top:				87px;
	left:				549px;
}

#content
{
	display:			block;
	margin:				0px 40px 40px 0px;
	width:				747px;
	padding-top:		43px;
	padding-left:		10px;
}

#footer
{
	clear:				both;
	margin:				20px 0px;
	border-top:			1px solid rgb(0,102,153);
	line-height:		2.0em;
	font-family:		verdana,arial,sans serif;
	font-size:			0.7em;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Miscellaneous
/*-------------------------------------------------------------------------------------------------------*/
/*	Used so that non-CSS browsers deliniate footer block from body content	*/
hr
{
	display:			none;
}

/* Used so that the the formatter doesn't turn the site to shit */
p
{
	margin:				0px;
}

/*	Hidden elements	*/
.hdn
{
	display:			none;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Footer styles
/*-------------------------------------------------------------------------------------------------------*/
#footer a
{
	padding:			0px 0px;
	white-space:		nowrap;
	
	text-decoration:	none;
	color:				rgb(153,153,153);
}

#footer a.active
{
	padding:			0px 0px;

	text-decoration:	none;
	color:				gray;
}

/*	used for the dividing line | between nav items	*/
.divider
{
	padding:			0em 1em;
	color:				rgb(0,102,153);
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Standard body styles
/*-------------------------------------------------------------------------------------------------------*/
h1
{
	margin:				20px 0px 0px 0px;
	padding:			0.5em 0em;

	font-family:		arial,sans serif;
	font-weight:		bold;
	font-size:			1.4em;
	color:				black;
}

h1 a
{
	text-decoration:	none;
	color:				black;
}

h2
{
	margin:				0em;
	padding:			0.5em 0em 0em 0em;
	
	font-family:		arial,sans serif;
	font-weight:		bold;
	font-size:			0.85em;
	color:				black;
}

h3
{
	margin:				1.7em 0em 0em 0em;
	line-height:		1.7em;
	font-family:		verdana,arial,sans serif;
	font-weight:		bold;
	font-size:			0.70em;
	color:				black;
}

/*	Same properties except different line-height	*/
.bodytext,.bodytext2
{
	margin:				0px;
	padding-left:		0px;
	line-height:		1.7em;
	font-family:		verdana,arial,sans serif;
	font-size:			12px;
	color:				black;
}

.bodytext2
{
	line-height:		1.4em;
	margin-bottom:		1.3em;
}

a
{
	text-decoration:	none;
	color:				rgb(153,153,153);
}

a:hover
{
	color:				rgb(0,102,153);
}

blockquote
{
	margin:			1em 3em;
	border-top:		1px solid rgb(221,204,204);
	border-bottom:	1px solid rgb(221,204,204);
	padding:		0.5em 0em;
	font-family:	times new roman,times;
	font-size:		1.15em;
	font-style:		italic;
	line-height:	1.4em;
	color:			rgb(153,51,51);
}

/*********************************************************************************************************/
/*	EXAMPLE	- remove or customize as needed
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Image positioning ( image only )
/*-------------------------------------------------------------------------------------------------------*/
img.right
{
	float:				right;
	margin:				0px 0px 20px 20px;
}

img.left
{
	float:				left;
	margin:				0px 20px 20px 0px;
}

/*********************************************************************************************************/
/*	EXAMPLE	- remove or customize as needed
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Image positioning with caption block
/*-------------------------------------------------------------------------------------------------------*/
.caption-left,.caption-right
{
	width:				200px;
	padding:			5px 0px;

	line-height:		1.3em;
	font-family:		verdana,arial,sans serif;
	font-size:			.75em;
}

.caption-left
{
	float:				left;
	margin:				0px 20px 20px 0px;
}

.caption-right
{
	float:				right;
	margin:				0px 0px 20px 20px;
}

/*********************************************************************************************************/
/*	EXAMPLE	- remove or customize as needed
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Table data
/*-------------------------------------------------------------------------------------------------------*/
table.data
{
	border:				1px solid rgb(204,204,204);
}

th.thead
{
	background-color:	rgb(204,204,204);
	vertical-align:		bottom;
	text-align:			left;
	font-family:		verdana,arial,sans serif;
	font-weight:		bold;
	font-size:			0.72em;
	color:				black;
}

td.tdata
{
	background-color:	white;
	padding:			0.25em 0.5em;
	border-bottom:		1px solid rgb(204,204,204);
	vertical-align:		top;
	text-align:			left;
	font-family:		verdana,arial,sans serif;
	font-size:			0.65em;
	color:				black;
}

/*********************************************************************************************************/
/*********************************************************************************************************/
/*
/*	MENUS & NAVIGATION
/*
/*********************************************************************************************************/
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Container blocks for nav sets
/*-------------------------------------------------------------------------------------------------------*/
#topnav
{
	white-space:	nowrap;
}

#globals
{
	position:			absolute;
	top:				25px;
	left:				900px;
	padding:			20px;
	font-family:		verdana,arial,sans serif;
	font-size:			0.70em;
	color:				black;
	white-space:		nowrap;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	DHTML menu styles
/*-------------------------------------------------------------------------------------------------------*/
ul.menublock,ul.submenublock
{
	/*	Do not modify	----------------------------*/
	position:			absolute;
	z-index:			200;
	visibility:			hidden;
	margin:				0px;
	padding:			0px;
	list-style-type:	none;

	/*	Customizeable options	--------------------*/
	width:				240px;
	border-bottom:		none;
	background-color:	rgb(0,153,153);
}

ul.submenublock
{
	background-color:	rgb(0,102,153);
}

/*	Do not modify	*/
ul.menublock li, ul.submenublock li
{
	display:			inline;
}

ul.menublock a
{
	display:			block;
	width:				220px;
	height:				21px;
	border-bottom:		1px solid rgb(204,204,204);
	padding:			0px 10px 0px 10px;
	line-height:		21px;
	white-space:		nowrap;
	font-family:		verdana,arial,sans serif;
	font-size:			10px;
	text-decoration:	none;
}

ul.submenublock a
{
	display:			block;
	width:				220px;
	height:				20px;
	border-top:			1px solid rgb(204,204,204);
	border-bottom:		0px solid rgb(204,204,204);
	padding:			0px 10px 0px 10px;
	line-height:		21px;
	white-space:		nowrap;
	font-family:		verdana,arial,sans serif;
	font-size:			10px;
	text-decoration:	none;
}

.menublock a,.submenublock a
{
	color:				white;
}

.menublock a:hover
{
	background-color:	rgb(0,102,153);
	color:				white;
}

.submenublock a:hover
{
	background-color:	rgb(0,153,153);
	color:				white;
}

/*	Makes arrow indicator for links with submenu	*/
a.showsub,a.showsub:hover
{
	background-image:		url( /images/arrow0.gif );
	background-position:	center right;
	background-repeat:		no-repeat;
}

/*	Change color on mouseover	*/
a.showsub:hover
{
	background-image:		url( /images/arrow1.gif );
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Main nav item styles (for text-only menu headers - delete these if graphics are used for main nav)
/*-------------------------------------------------------------------------------------------------------*/
a.topnav,a.topnav-active
{
	display:			block;
	width:				100px;
	height:				20px;
	background-color:	rgb(0,102,153);
	padding:			0px 4px 0px 20px;
	line-height:		20px;
	white-space:		nowrap;
	border:				1px solid gray;
	font-family:		verdana,arial,sans serif;
	font-weight:		bold;
	font-size:			12px;
	text-decoration:	none;
	color:				white;
}

a.topnav-active
{
	background-color:	rgb(204,204,204);
	color:				black;
}

a.topnav:hover,a.topnav-active:hover
{
	background-color:	rgb(153,153,153);
	color:				white;
}