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

#header
{
	clear:				both;
	display:			block;
	width:				auto;
	height:				68px;
}

#sidenav
{
	float:				left;
	width:				130px;
	margin:				-37px 0px 40px 0px;
	padding:			15px;
	font-family:		verdana,arial,sans serif;
	font-size:			0.80em;
/*	height:				100%;
	background-color:	rgb(227,231,231); */
}

#content
{
	display:			block;
	margin:				0px 30px 30px 180px;
	width:				auto;
	padding:			0px;
}

#homepage
{
	display:			block;
	margin:				-25px 30px 50px 0px;
	width:				auto;
	padding:			0px;
	background-image:	url(../images/cross_bg.jpg);
	background-repeat:	no-repeat;
}


/*.whatsnew
{
	float:				right; 
	background-image:	url(../images/whats_new.jpg); 
	height:				140px; 
	width:				130px; 
	font-family:		arial,verdana,sans serif; 
	font-size:			0.75em;
	margin:				10px 10px 10px 10px;
	padding:			40px 20px 20px 25px;
}*/
.whatsnew
{
	float:				right; 
	background-image:	url(../images/whats_new5.jpg); 
	height:				143px; 
	width:				157px; 
	font-family:		arial,verdana,sans serif; 
	font-size:			0.75em;
	margin:				10px 10px 10px 10px;
	padding:			60px 40px 20px 45px;
	text-align:			left;
}
.whatsnewtext
{
	font-family:		arial,verdana,sans serif; 
	color:				rgb(27,35,109);
}

/*-------------------------------------------------------------------------------------------------------*/
/* Sub Page Links
/*-------------------------------------------------------------------------------------------------------*/

.subpagelinks
{
	border-top:			1px solid rgb(221,204,204);
	border-bottom:		1px solid rgb(221,204,204);
	width:				300px;
	margin:				20px 20px 20px 20px;
	padding:			10px 10px 10px 10px;
	line-height:		1.5em;
	font-family:		arial,verdana,sans serif;
	font-size:			0.80em;	
}

.sublinksheader
{
	margin:				0px 0px 0px 0px;
	padding:			0em 0em;
	font-variant:		small-caps;
	font-family:		times,serif;
	font-size:			1.0em;
	color:				rgb(79,20,8);
}

/*-------------------------------------------------------------------------------------------------------*/
/*	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 */
p
{
	margin:				0px;
}

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

/*-------------------------------------------------------------------------------------------------------*/
/*	Footer styles
/*-------------------------------------------------------------------------------------------------------*/

#footer
{
	clear:				both;
	margin:				10px 0px 0px 20px;
	border-top:			0px solid silver;
	padding:			0em 1em;
	line-height:		2.0em;
	font-family:		verdana,arial,sans serif;
	font-size:			0.70em;
	color:				gray;
	text-align:			center;
}

#footer a
{
	padding:			0px 0px;
	white-space:		nowrap;	
	text-decoration:	none; 
	color:				rgb(153,51,51);
	text-align:			center;
}

#footer a:hover
{
	color:				rgb(102,34,34);
	text-decoration:	underline; 
}

#footer a:active
{
	padding:			0px 0px;
	text-decoration:	underline; 
	color:				black;
}

#footer2
{
	clear:				both;
	margin:				0px 0px 0px 100px;
	border-top:			0px solid silver;
	line-height:		1.5em;
	font-family:		verdana,arial,sans serif;
	font-size:			0.70em;
	color:				gray;
}

#footer2 a
{
	padding:			0px 0px;
	white-space:		nowrap;	
	text-decoration:	none;
	color:				gray;
}

#footer2 a:hover
{
	color:				rgb(102,34,34);
	text-decoration:	underline; 
}

#footer2 a:active
{
	padding:			0px 0px;
	text-decoration:	none;
	text-decoration:	underline; 
	color:				black;
}

.foot
{
	font-family:		arial,sans serif;
	font-size:			1.0em;
	color:				rgb(141,140,140);
}

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

div.hr {
	height:				3px;
	background:			#fff url(/images/bottom_nav.jpg) repeat scroll;
	clear:				both;
}
div.hr hr {
	display:			none;
	clear:				both;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Standard body styles
/*-------------------------------------------------------------------------------------------------------*/
h1
{
	margin:				20px 0px 0px 0px;
	padding:			0.5em 0em;
	font-weight:		200;
	font-style:			italic;
	font-family:		times,serif;
	font-size:			1.4em;
	color:				rgb(79,20,8);
	margin:				0px 0px 10px 0px;
}

.subheader
{
	margin:				0px 0px 0px 0px;
	border-bottom:		1px solid rgb(221,204,204);
	padding:			0.5em 0em;
	font-variant:		small-caps;
	font-weight:		bold;
	font-family:		times,serif;
	font-size:			1.3em;
	color:				rgb(79,20,8);
}

h1 a
{
	text-decoration:	none;
	color:				rgb(79,20,8);
}

h2
{
	margin:				0em;
	padding:			0.5em 0em 0em 0em;
	font-family:		arial,sans serif;
	font-weight:		bold;
	font-size:			0.90em;
	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.75em;
	color:				black;
}

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

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

.bodytext_home
{
	margin-left:		30px;
}

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

a:hover
{
	text-decoration:	underline; 
	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);
}
*/

.widget
{
	float:			left; 
	padding:		20px 20px 20px 20px;
}

/*********************************************************************************************************/
/*	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
{
	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.70em;	
}
.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.70em;
}

.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.75em;
	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.70em;
	color:				black;
}

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

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

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

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

/*********************************************************************************************************/
/*	EXAMPLE	- remove or customize as needed
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Bread crumb
/*-------------------------------------------------------------------------------------------------------*/
#breadcrumb
{
	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:				180px;
	border-top:			1px solid white;
	border-bottom:		none;
	background-color:	rgb(27,35,109);
}

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

ul.menublock a,ul.submenublock a
{
	display:			block;
	width:				auto;
	height:				25px;
	border-bottom:		1px solid rgb(129,0,0);
	padding:			0px 8px;
	line-height:		25px;
	white-space:		nowrap;
	font-family:		verdana,arial,sans serif;
	font-size:			10px;
	text-decoration:	none;
	color:				white;
}
.menublock a:hover,.submenublock a:hover
{
	background-color:	rgb(109,114,161);
	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:				180px;
	height:				25px;
	border-bottom:		1px solid rgb(110,29,11);
	background-color:	rgb(27,35,109);
	padding:			0px 8px;
	line-height:		25px;
	white-space:		nowrap;
	
	font-family:		verdana,arial,sans serif;
	font-size:			10px;
	text-decoration:	none;
	color:				white;
}

a.topnav-active
{
	background-color:	rgb(109,114,161);
	text-decoration:	underline; 
	color:				white;
}

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

/*-------------------------------------------------------------------------------------------------------*/
/*	Sidenav styles
/*-------------------------------------------------------------------------------------------------------*/

#sidenav ul
{
	margin:				0px;
	margin-top:			10px;
	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(39,50,76);
	font-weight:		bold;
	text-decoration:	none;
	color:				rgb(39,50,76);
}

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

#sidenav a.active
{
	display:			block;
	padding:			0.4em 0em;
	text-decoration:	underline; 
	color:				rgb(110,29,11);
}

#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:	underline; 
	color:				rgb(110,29,11);
}