﻿/* GLOBAL FORMATTING ************************************************************************/

/* Only global formatting goes in this css section */

/* Reset ------------------------------------------------------------------------------------*/

*
{
	margin:0;
	padding:0;
	color:#013d58;
}

.clear
{
	clear:both;
}

/* Reset ------------------------------------------------------------------------------------*/

/* Body -------------------------------------------------------------------------------------*/

body
{
	background:url(../images/sprites.png) no-repeat top left;	
}

body 
{
	background:url(../images/bg_body.gif) repeat-x top left #d1dce2;
	margin:0; 
	padding:0 0 10px 0; 
	border:0;  
	text-align:center;
	font:12px sans-serif;
}

/* Body -------------------------------------------------------------------------------------*/

/* Base Links -------------------------------------------------------------------------------*/

a:link, a:visited
{
	/*color:#369;*/
	text-decoration:none;
}

a:hover 
{
	text-decoration:underline;
}

/* Base Links -------------------------------------------------------------------------------*/

/* Base Headers -----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
	margin:.8em 0 .2em 0;
    padding:0;
	color:#000;
}

/* Base Headers -----------------------------------------------------------------------------*/


/* Base Paragraph ---------------------------------------------------------------------------*/

p 
{
	margin:.4em 0 .8em 0;
    padding:0;
}

/* Base Paragraph ---------------------------------------------------------------------------*/


/* GLOBAL FORMATTING *************************************************************************/


/* Outer Wrapper ---------------------------------------------------------------------------*/

#outer
{
	width:960px;
	margin:10px auto;
	overflow:hidden;
	text-align:left;
}

/* Outer Wrapper ---------------------------------------------------------------------------*/


/* Inner Wrapper ---------------------------------------------------------------------------*/

#inner
{
	background:#fff;
	overflow:hidden;
	width:100%;
}

/* Inner Wrapper ---------------------------------------------------------------------------*/


/* Header ----------------------------------------------------------------------------------*/

#header
{
	background:url(../images/sprites.png) 0 0 #00547c;
	height:116px;
	width:960px;
}

	#header #logo
	{
		background:url(../images/sprites.png) 0 -117px;
		width:589px;
		height:114px;
		float:left;	
	}
	
	#header #rotator
	{
		height:115px;
		width:360px;
		float:right;
		overflow:hidden;
		background-image:none;
		background-position:top right;
	}
	
/* Header ----------------------------------------------------------------------------------*/


/* Toolbar ---------------------------------------------------------------------------------*/

#toolbar
{
	background:#d1dde6;
	height:45px;
	border-bottom:1px solid #b3c6d1;
	overflow:hidden;	
}

	#toolbar #search
	{
		width:365px;
		padding:3px;
		overflow:visible;
	}
	
	#toolbar #search form
	{
		float:left;
		width:220px;
		padding-top:5px;	
	}
	
	#toolbar #search #quick_links_label
	{
		background:url(../images/sprites.png) 0 -237px;
		height:43px;
		width:129px;	
		float:right;
	}
/* Toolbar ---------------------------------------------------------------------------------*/


/* Quick Links -----------------------------------------------------------------------------*/

#quick_links
{
	position:absolute;
	margin-top:-5px;
	margin-left:280px;
}

	#quick_links ul
	{
		list-style-type:none;	
	}

	#quick_links li
	{
		width:80px;
		height:75px;
		float:left;
		margin:0 10px;
	}

	#quick_links li a
	{
		display:block;
		width:80px;
		height:75px;	
	}
	
	#quick_links li#ql_home, #quick_links li#ql_home a:link, #quick_links li#ql_home a:visited
	{
		background:url(../images/sprites.png) no-repeat 0 -438px;	
	}
	
	#quick_links li#ql_home a:hover
	{
		background:url(../images/sprites.png) no-repeat -81px -438px;	
	}
	
	#quick_links li#ql_faq
	{
		background:url(../images/sprites.png) no-repeat -164px -438px;	
	}
	
	#quick_links li#ql_faq a:hover
	{
		background:url(../images/sprites.png) no-repeat -246px -438px;	
	}
	
	#quick_links li#ql_clerk, #quick_links li#ql_clerk a:link, #quick_links li#ql_clerk a:visited
	{
		background:url(../images/sprites.png) no-repeat -328px -438px;
	}
	
	#quick_links li#ql_clerk a:hover
	{
		background:url(../images/sprites.png) no-repeat -410px -438px;
	}
	
	#quick_links li#ql_recorder, #quick_links li#ql_recorder a:link, #quick_links li#ql_recorder a:visited
	{
		background:url(../images/sprites.png) no-repeat 0px -514px;
	}
	
	#quick_links li#ql_recorder a:hover
	{
		background:url(../images/sprites.png) no-repeat -82px -514px;
	}
	
	#quick_links li#ql_contact, #quick_links li#ql_contact a:link, #quick_links li#ql_contact a:visited
	{
		background:url(../images/sprites.png) no-repeat -164px -514px;
	}
	
	#quick_links li#ql_contact a:hover
	{
		background:url(../images/sprites.png) no-repeat -246px -514px;
	}
	
	#quick_links li#ql_related, #quick_links li#ql_related a:link, #quick_links li#ql_related a:visited
	{
		background:url(../images/sprites.png) no-repeat -328px -514px;
	}
	
	#quick_links li#ql_related a:hover
	{
		background:url(../images/sprites.png) no-repeat -410px -514px;
	}
	
/* Quick Links -----------------------------------------------------------------------------*/


/* Side ------------------------------------------------------------------------------------*/

#side
{
	float:left;
	width:235px;	
	padding:2px;
}

	#side .sidemenu
	{
		margin:15px;
		overflow:hidden;
		font:12px sans-serif;	
	}
	
	#side .sidemenu dt
	{
		margin:4px 0;	
	}
	
	#side .sidemenu dt a
	{
		padding:0 0 0 17px;
		display:block;
		height:18px;
	}
	
	#side .sidemenu dt, #side .sidemenu dt a:link, #side .sidemenu dt a:visited
	{
		background:url(../images/sprites.png) 0 -310px;
		color:#00547c;
	}
	
	#side .sidemenu dt.active
	{
		border-bottom:1px solid #c3cfa9;
	}
	
	#side .sidemenu dt a:hover, #side .sidemenu dt.active, #side .sidemenu dt.active a
	{
		background:url(../images/sprites.png) 0 -333px;
		color:#5c712f;
	}
	
	#side .sidemenu ul li
	{
		list-style-type:none;	
		margin:2px 1px 4px 30px;
		border-bottom:1px solid #d1dde6;
	}
	
	#side .sidemenu ul li a:link, #side .sidemenu ul li a:visited
	{
		color:#00557C;
	}

	#side .sidemenu dt.home, #side .sidemenu dt.home a
	{
		background:url(../images/sprites.png) -1px -379px;	
	}
	
	#side .sidemenu dt.printer-friendly, #side .sidemenu dt.printer-friendly a
	{
		background:url(../images/sprites.png) -337px -381px;		
	}
	
	#side .sidemenu dd.invisible
	{
		background:red;
		display:none;
	}
	
	#side .sidemenu dt dd.visible
	{
		display:block;
	}
	
	*html #side .sidemenu dt.home a:link, *html #side .sidemenu dt.home a:visited, *html #side .sidemenu dt.home a:hover
	{
		background:url(../images/sprites.png) -1px -379px;	
	}
	
	*html #side .sidemenu dt.printer-friendly a:link, *html #side .sidemenu dt.printer-friendly a:visited, *html #side .sidemenu dt.printer-friendly a:hover
	{
		background:url(../images/sprites.png) -337px -381px;	
	}
	
/* Side ------------------------------------------------------------------------------------*/


/* Content ---------------------------------------------------------------------------------*/

#content
{
	float:left;
	width:695px;
	padding:90px 10px 10px;
}

	#WebLinks_ClerkResources, #WebLinks_RecorderResources
	{
		width:100%;
		overflow:hidden;
		margin-bottom:15px;	
	}
	
	#WebLinks_ClerkResources h1, #WebLinks_RecorderResources h1
	{
		border-bottom:1px solid #d1e0e7;	
	}
	
	#WebLinks_ClerkResources dt, #WebLinks_RecorderResources dt
	{
		width:340px;
		float:left;	
	}
	
	#content ul
	{
		margin-left:25px;
	}
/* Content ---------------------------------------------------------------------------------*/


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

#footer
{
	border-top:1px solid #cadce3;
	background:url(../images/bg_footer.gif) no-repeat bottom left #fff;
	text-align:center;	
	padding:10px 0 10px 0;
	font:11px sans-serif;
	color:#5786aa;
}

	#footer p
	{
		padding:5px;	
	}
	
	#footer a
	{
		margin:2px 20px;	
	}
/* Footer ----------------------------------------------------------------------------------*/


/* Accessibility ---------------------------------------------------------------------------*/

#accessibility{} 
	
	#accessibility ul
	{
		display:none;
	}
	
/* Accessibility ---------------------------------------------------------------------------*/

/* Printer-Friendly ------------------------------------------------------------------------*/

#printer_friendly
{
	width:965px;	
}

/* Printer-Friendly ------------------------------------------------------------------------*/

