/*********************************************************************************************************/
/*********************************************************************************************************/
/*
/*	CONTENT STYLES
/*
/*********************************************************************************************************/
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Body structure elements
/*-------------------------------------------------------------------------------------------------------*/
body
{
	margin:				0px;
	background-color:	rgb(128,127,131);
	
	background-image:	url( /images/bg_main.gif );
	background-repeat:	repeat-y;
}

#logo
{
	background-image:	url(/images/logo.gif);
	width:				234px;
	height:				126px;
}

#header
{
	margin-left:		234px;
	border-top:			27px solid white;
	width:				auto;
	background-color:	white;
}

#header p
{
	display:			block;
	width:				540px;
	height:				80px;
	border-top:			1px solid rgb(128,127,131);
}

#sidenav
{
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				170px;
}

#content
{
	display:			block;
	margin:				0px 0px 0px 234px;
	border-top:			18px solid black;
a	background-color:	rgb(128,127,131);
	background-image:	url( /images/bg_shadow.gif );
	background-repeat:	repeat-y;
}

#main
{
	margin:				0px;
	width:				505px;
	padding:			15px 0px 20px 20px;
}

#footer
{
	clear:				both;
	margin:				20px 0px;
	border-top:			1px solid silver;
	padding:			0em 1em;
	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:				gray;
}

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

	text-decoration:	none;
	color:				green;
}

/*	used for the dividing line | between nav items	*/
.divider
{
	padding:			0em 1em;
}

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

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

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

h2
{
	margin:				0em;
	padding:			0em;
	
	font-family:		verdana,arial,sans serif;
	font-weight:		bold;
	font-size:			0.7em;
	color:				rgb(180,46,52);
}

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:				0em 0em 1.7em 0px;
	padding:			0px;
	line-height:		1.7em;
	font-family:		verdana,arial,sans serif;
	font-size:			0.7em;
	color:				black;
}

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

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

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

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);
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Image positioning ( image only )
/*-------------------------------------------------------------------------------------------------------*/
img.right
{
	float:				right;
	margin:				0px 0px 10px 10px;
}

img.left
{
	float:				left;
	margin:				0px 10px 10px 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:			0.65em;
}

.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
{
	margin:			21px 0px 0px 27px;
	width:			81px;
}

/*	IE hack	*/
#n
{
}

#topnav p
{
	border-top:		1px solid rgb(128,127,131);
}

#globals
{
	float:			right;
	white-space:	nowrap;
}

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

	/*	Customizeable options	--------------------*/
	width:				110px;
	border-bottom:		none;
	background-color:	rgb(201,203,204);
	border-left:		9px solid white;
}

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

ul.menublock a,ul.submenublock a
{
	display:			block;
	width:				auto;
	height:				28px;
	padding:			0px 8px;
	text-align:			center;
	line-height:		28px;
	white-space:		nowrap;
	font-family:		verdana,arial,sans serif;
	font-size:			9px;
	text-decoration:	none;
	color:				black;
}

.menublock a:hover,.submenublock a:hover,.menublock a.active
{
	background-color:	rgb(128,127,131);
	color:				white;
	font-weight:		bold;
}

/*	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 );
}

img
{
	border:					none;
}

div#content-bottom
{
	background-image:		url(/images/bg_shadow_bottom.gif);
	width:					566px;
	height:					27px;
}

div.column
{
	float:					left;
	padding-left:			30px;
	width:					220px;
}