/*********************************************************************************************************/
/*********************************************************************************************************/
/*
/*	CONTENT STYLES
/*
/*********************************************************************************************************/
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Body structure elements
/*-------------------------------------------------------------------------------------------------------*/
body
{
	margin:				0px;
	padding:			0px;
	background-color:	rgb(0,68,102);
a	background-image:	url( /images/bg_logo.gif );
	background-position:	center center;
	background-repeat:	no-repeat;
	background-attachment:	fixed;
}

#header
{
	display:			block;
	width:				auto;
	height:				132px;

	background-color:	rgb(0,51,87);
	background-repeat:	no-repeat;
	
	border-bottom:		1px solid rgb(0,68,102);
}


#header-right
{
	position:			absolute;
	right:				30px;
	top:				0px;
	z-index:			10;
	width:				200px;
	height:				117px;
}

#left
{
	float:				left;
	width:				120px;
	padding:				20px;
}

#content,
#content-fullwidth,
#content-spanright,
#content-spanleft
{
	padding:			0px 0px 40px;
	margin:				0px 270px 0px 180px;
	width:				auto;
	height:				auto;
	min-height:			500px;
}
#content-fullwidth,
#content-spanleft
{
	margin-left:		40px;
}

#content-fullwidth,
#content-spanright
{
	margin-right:		40px;
}

#footer
{
	display:			block;
	clear:				both!important;
	margin:				0px;
	padding-bottom:		100px;
	line-height:		2.2em;
	font-family:		book antiqua,times new roman,serif;
	font-size:			0.75em;
	color:				rgb(187,204,221);

	background-color:	rgb(0,51,87);
}

#footer
{
	clear:				both;
	margin:				0px;
	padding:			20px 40px 100px 182px;
	font-family:		verdana,sans serif;
	line-height:		1.4em;
	font-size:			0.68em;
	color:				rgb(95,137,163);
}







#right
{
	float:				right;
	position:			absolute; 
	right:				0px;
	width:				180px;
	margin:				0px 30px 30px;
	border-left:		1px solid rgb(51,102,136);
	padding-left:		30px;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	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;
	display:			inline;
}

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

td
{
	vertical-align:		top;
	padding:			0px;
}

img
{
	border:				0px;
}


/*-------------------------------------------------------------------------------------------------------*/
/*	Footer styles
/*-------------------------------------------------------------------------------------------------------*/
#footer a
{
	color:				rgb(136,153,136);
}

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

/*-------------------------------------------------------------------------------------------------------*/
/*	Standard body styles
/*-------------------------------------------------------------------------------------------------------*/

h1
{
	margin:			0em 0em 0.5em;
	padding:		1.0em 0em 0em;
	line-height:	1.1em;
	font-family:	book antiqua,times new roman;

	font-weight:	normal;
	font-size:		2.0em;
	color:			rgb(187,204,221);
}

h1 a,
h1 a:hover
{
	font-weight:	normal;
	color:			rgb(187,204,221)!important;
}


h1.sidebar
{
	margin:			0px 15px 0px 0px;
	padding:		1.0em 0em 0em;
	line-height:	1.33em;
	font-family:	arial;
	font-weight:	bold;
	font-size:		1.0em;
	color:			rgb(187,204,221);
}

h2
{
	margin:				0em;
	padding:			0em;

	font-family:		book antiqua,arial;
	font-weight:		normal;
	font-size:			1.25em;
	color:				rgb(187,204,221);
}

/*	used on library index page	*/
h2.b
{
	margin:				1.0em 0em 0.5em;
	border-bottom:		1px solid rgb(51,102,136);
}

h2 a
{
	font-weight:		normal!important;
}


#right h2
{
	margin:				0em 0em 0.25em;
	border-bottom:		1px solid rgb(51,102,136);
	line-height:		1.1em;
	font-family:		book antiqua,times new roman,serif;
	font-style:			italic;
	font-weight:		normal;
	font-size:			1.4em;
	color:				rgb(187,204,221);
}

h2.inline
{
	padding:			0em;
}

h3
{
	margin:			0em;

	font-family:	book antiqua,georgia,times new roman,times;
	font-weight:	bold;
	font-size:		1.0em;
	color:			rgb(187,204,221);
}

.bodytext,.bodytext2
{
	margin:			0em 0em 2em;
	text-align:		justify;
	font-family:	verdana;
	font-family:	book antiqua,georgia,times new roman,times;
	font-size:		1.0em;
	color:			rgb(187,204,221);
}

.bodytext
{
	line-height:	1.6em;
}

.statusmsg
{
	margin-bottom:	1.6em;
	font-weight:	bold;
	color:			white;
}

.bodytext2
{
	line-height:	1.4em;
}

.smtext
{
	margin-bottom:	1.3em;
	font-family:	verdana,sans serif;
	color:			rgb(187,204,221);
	font-size:		0.70em;
	line-height:	1.3em;
}

a
{
	color:			rgb(221,221,153);
	font-weight:	bold;
	text-decoration:none;
}

blockquote
{
a	width:			80%;

background-color:	rgb(0,51,87);
	opacity:				0.6;
	filter: alpha(opacity=25);
	
	text-align:		justify;
margin:				20px 0px;
padding:			20px;
	font-family:	book antiqua,serif;
	font-style:		italic;
	line-height:	1.4em;
	font-size:		0.95em;
color:			rgb(187,204,221);
}

a.title
{
	color:			rgb(187,204,221);
}

a:hover
{
	color:			rgb(255,255,204)!important;
}

.author
{
	font-family:	book antiqua,arial,sans serif;
	font-style:		italic;
	font-weight:	bold;
	font-size:		0.8em;
	color:			rgb(187,204,221);
}

h1 a
{
	text-decoration:	none;
	color:				rgb(187,204,221);
}

#right ul
{
	margin-top:		0.5em;
	margin-left:	20px;
	padding-left:	0px;
	list-style-type:	square;

	font-family:	verdana;
	font-size:		0.71em;
	color:			rgb(187,204,221);
a	color:			rgb(136,153,136);
}

#right li
{
	line-height:	1.2em;
	padding:		0.5em 0em;
}

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

img.left
{
	float:				left;
	clear:				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
{
	margin-bottom:		20px;
	empty-cells:		show;
}

table.data th
{
	border-bottom:		1px solid rgb(0,51,87);
	line-height:		1.6em;
	background-color:	rgb(51,102,136);
	padding:			0em 0.25em;
	vertical-align:		bottom;
	text-align:			left;
	font-family:		book antiqua,serif;
	font-weight:		bold;
	font-style:			italic;
	font-size:			1.2em;
	color:				rgb(187,204,221);
}

table.data td
{
	border-bottom:		1px solid rgb(34,85,119);
	padding:			0.25em 1.0em 0.25em 0.25em;
	font-family:		book antiqua,serif;
	font-size:			1.0em;
	color:				rgb(187,204,221);
}

table.data td.totals
{
	border-bottom:		0px;
	border-top:			1px solid rgb(34,85,119);
}

/*********************************************************************************************************/
/*********************************************************************************************************/
/*
/*	MENUS & NAVIGATION
/*
/*********************************************************************************************************/
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Container blocks for nav sets
/*-------------------------------------------------------------------------------------------------------*/
#nav-main
{
	/*	Do not modify		----------------------------*/
	clear:					both;
	border-top:				0px!important;
	
	/*	Customizeable		----------------------------*/
	border-bottom:			1px solid rgb(0,51,87);
	background-color:		rgb(51,102,136);

	width:			auto;
	padding-left:	28px;
	height:			27px;

	white-space:	nowrap;

}


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

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

	/*	Customizeable options	--------------------*/
	width:				200px;
	border-top:			1px solid rgb(0,68,102);
	border-bottom:		none;
	background-color:	rgb(51,102,136);

	border-bottom:			1px solid rgb(0,51,87);
	border-right:			2px solid rgb(0,51,87);
}

/*	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(0,68,102);
	padding:			0px 8px;
	line-height:		25px;
	white-space:		nowrap;
	font-family:		verdana,arial,sans serif;
	font-size:			10px;
	text-decoration:	none;
}

.menublock a:hover,.submenublock a:hover
{
	background-color:	rgb(136,153,136);
	color:				rgb(255,255,204);
}

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

/*-------------------------------------------------------------------------------------------------------*/
/*	Sidenav styles
/*-------------------------------------------------------------------------------------------------------*/
ul#nav-section,
ul#nav-section ul.sub
{
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
}

ul.sub
{
	margin-bottom:			1.0em!important;
}

#nav-section-top
{
	display:				block;
	padding:				0.4em 0em;
	margin-bottom:			0.25em;
	border-bottom:			1px solid rgb(51,102,136);
	line-height:			1.2em;
	font-family:			book antiqua,arial,sans serif;
	font-style:				italic;
	font-weight:			bold;
	font-size:				1.2em;
}

#nav-section-top a
{
	text-decoration:		none;
	color:					rgb(187,204,221);
}

ul#nav-section a
{
	display:				block;
	padding:				0.5em 0em;
	line-height:			1.3em;
	font-family:			verdana,arial,sans serif;
	font-weight:			normal;
	font-size:				0.68em;
	text-decoration:		none;
	color:					rgb(187,204,221);
}

ul#nav-section ul.sub a
{
	margin-left:			1.0em!important;
}

ul#nav-section a.active,
ul#nav-section a:hover
{
	color:					rgb(221,221,153);
}
/*-------------------------------------------------------------------------------------------------------*/
/*	Sidenav styles - delete these if side nav is not used
/*-------------------------------------------------------------------------------------------------------
#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(51,102,136);
	font-family:		georgia,times new roman,serif;
	font-size:			1.2em;
	font-weight:		bold;
	text-decoration:	none;
	color:				rgb(187,204,221);
}

#sidenav a
{
	display:			block;
	padding:			0.4em 0em;
	font-weight:		normal;
	text-decoration:	none;
	color:				rgb(187,204,221);
}

#sidenav a.active
{
	display:			block;
	padding:			0.4em 0em;
	text-decoration:	none;
	color:				rgb(255,255,204);
}

#sidenav a.sub
{
	display:			block;
	margin-left:		1em;
	padding:			0em 0em 0.5em;
	text-decoration:	none;
	color:				rgb(187,204,221);
}

#sidenav a.sub-active
{
	display:			block;
	margin-left:		1em;
	padding:			0em 0em 0.5em;
	text-decoration:	none;
	color:				rgb(255,255,204);
}
*/
/*-------------------------------------------------------------------------------------------------------*/
/*	NEW STUFF
/*-------------------------------------------------------------------------------------------------------*/
#tabs
{
	position:			absolute;
	top:				0px;
	right:				0px;
	z-index:			20;

	margin:				10px;

	width:				220px;
	height:				15px;

}

a.tab1,
a.tab2
{
	display:			block;
	float:				left;
	line-height:		20px;
	padding:			0em 0.75em;
	margin-right:		1px;
	background-color:	rgb(136,153,136);
background-color:	rgb(23,82,107);
	border-bottom:		1px solid rgb(23,82,107);
	font-family:		book antiqua,sans serif;
	font-weight:		bold;
	font-variant:		small-caps;
	font-size:			14px;
	color:				rgb(255,255,204);
}

a.tab2
{
	background-color:	rgb(51,102,136);
	border-bottom:		1px solid rgb(0,51,87);
	color:				rgb(187,204,221);
}

form#f1,
form#f2
{
	position:			absolute;
	top:				0px;
	right:				0px;
	z-index:			20;

	margin:				31px 10px 15px;
a	border:				1px solid rgb(136,153,136);
	width:				220px;
	background-color:	rgb(0,68,102);
	background-color:	rgb(23,82,107);
}

form#f2
{
	visibility:			hidden;
}

form#f1 label,
form#f2 label,
form#f2 a
{
	text-align:			right;
	margin-right:		10px;
	font-family:		book antiqua,times new roman,serif;
	font-weight:		bold;
	font-size:			13px;
	color:				rgb(136,153,136)
}

form#f2 a
{
	margin-left:		70px;
	color:				rgb(221,221,153);
}

form#f1 table,
form#f2 table
{
	margin:				5px 10px;
}

form#f1 input.button,
form#f2 input.button
{
	margin:				0px 5px;
	width:				29px;
	height:				21px;
}

form#f1 td,
form#f2 td
{
	vertical-align:		middle;
	height:				29px;
}

form#f1 input,
form#f2 input
{
	width:				90px;
}


#headercaption
{
	position:			absolute;
	top:				120px;
	right:				30px;
	z-index:			20;

	line-height:		15px;
	font-family:		verdana,arial,sans serif;
	font-weight:		normal;
	font-size:			8px;
	color:				rgb(221,221,153);
}

#headercaption a
{
	font-weight:		normal;
}

#right ul
{
	margin-bottom:		20px;
}