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

#header
{
	clear:				both;
	display:			block;
	width:				100%;
	height:				80px;
}

#sidenav
{
	clear:				left;
	float:				left;
	width:				120px;
	margin:				0px 0px 100px 0px;
	padding:			20px;
	font-family:		verdana,arial,sans serif;
	font-size:			0.7em;
}

#content
{
	display:			block;
	margin:				0px 40px 40px 160px;
	width:				auto;
	padding:			0px;
}

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

/*-------------------------------------------------------------------------------------------------------*/
/*	Developer positioning tools
/*-------------------------------------------------------------------------------------------------------*/
#poslabel
{
	position:			absolute;
	display:			none;
	z-index:			1000;
	background-color:	rgb(238,238,238);
	font-family:		verdana,arial,sans serif;
	font-size:			0.65em;
	padding:			5px 3px;
	border:				1px solid rgb(153,51,51);
}

#grid
{
	position:			absolute;
	display:			none;
	z-index:			500;
	top:				0px;
	left:				0px;
	width:				100%;
	height:				0px;
	background-image:	url(/images/grid.gif);
	border:				1px solid black;
}

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

p
{
	margin:				0px;
}

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

/*-------------------------------------------------------------------------------------------------------*/
/*	Global styles
/*-------------------------------------------------------------------------------------------------------*/
#globals
{
	text-align:			left;
	font-family:		verdana,arial,sans serif;
	font-size:			0.65em;
	color:				black;
	
	position:		absolute;
	top:			20px;
	right:			20px;
	white-space:	nowrap;
}

#globals a
{
	margin-right:	10px;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	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:				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:				0em 0em 1.7em 0px;
	padding:			0px;
	line-height:		1.7em;
	font-family:		verdana,arial,sans serif;
	font-size:			0.70em;
	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);
}

/*********************************************************************************************************/
/*	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
{
	border-top:			1px solid rgb(221,204,204);
	border-bottom:		1px solid rgb(221,204,204);
	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
{
	white-space:	nowrap;
	display:		block;
}

/*	IE hack	*/
#n
{
	white-space:	nowrap;
	width:			720px;		/*	adjust to fit width of main menu items	*/
	height:			27px;
}

#topnav p
{
	float:			left;
	display:		inline;
	margin:			0px;
}

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

/*********************************************************************************************************/
/*	EXAMPLE	- remove or customize as needed
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Bread crumb
/*-------------------------------------------------------------------------------------------------------*/
#breadcrumb
{
	clear:				both;
	display:			block;
	width:				auto;
	height:				26px;
	line-height:		26px;
	padding:			0em 1.0em;
	white-space:		nowrap;
	font-family:		verdana,arial,sans serif;
	font-size:			11px;
}

#breadcrumb a
{
	text-decoration:	none;
}

#breadcrumb .static
{
	font-weight:		bold;
}

#breadcrumb .divider
{
	padding:			0em 0.25em;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	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:				140px;
	border-top:			1px solid rgb(204,204,204);
	border-bottom:		none;
	background-color:	rgb(238,238,238);
}

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

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

.menublock a:hover,.submenublock a:hover
{
	background-color:	rgb(153,51,51);
	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 );
}

/*********************************************************************************************************/
/*	EXAMPLE	- remove or customize as needed
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	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:				30px;
	border-top:			1px solid rgb(204,204,204);
	border-bottom:		1px solid rgb(204,204,204);
	background-color:	rgb(226,226,226);
	padding:			0px 8px;
	line-height:		30px;
	white-space:		nowrap;
	
	font-family:		times new roman,serif;
	font-variant:		small-caps;
	font-weight:		bold;
	font-size:			13px;
	text-decoration:	none;
	color:				black;
}

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

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

/*-------------------------------------------------------------------------------------------------------*/
/*	Sidenav styles
/*-------------------------------------------------------------------------------------------------------*/
#sidenav ul
{
	margin:				0px;
	padding:			0px;
	list-style-type:	none;
}

#sidenav ul.sub
{
	padding-left:		0.4em;;
	list-style-type:	none;
}

#sidenav li
{
	display:			inline;
}

#sidenav a.top
{
	display:			block;
	padding:			0.8em 0em;
	margin-bottom:		0.4em;
	border-bottom:		1px solid rgb(204,204,204);
	font-weight:		bold;
	text-decoration:	none;
	color:				rgb(153,51,51);
}

#sidenav a
{
	display:			block;
	padding:			0.4em 0em;
	text-decoration:	none;
	color:				gray;
}

#sidenav a.active
{
	display:			block;
	padding:			0.4em 0em;
	text-decoration:	none;
	color:				blue;
}

#sidenav a.sub
{
	display:			block;
	margin-left:		1em;
	padding:			0em 0em 0.5em;
	text-decoration:	none;
	color:				gray;
}

#sidenav a.sub-active
{
	display:			block;
	margin-left:		1em;
	padding:			0em 0em 0.5em;
	text-decoration:	none;
	color:				blue;
}