/*------------------------------------------------------------------------------
Colors & Fonts - For This Site
------------------------------------------------------------------------------*/
/*
	light grey #19388a;		

	georgia; 
*/

/*------------------------------------------------------------------------------
UNDOHTML - (CC) 2006 Tantek Celik.
------------------------------------------------------------------------------*/
:link,:visited { text-decoration:none }

h1,h2,h3,h4,h5,h6,pre,code,kbd { font-size: 12px; }
a,dl,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img,abbr { border:0 }
address,abbr { font-style:normal }

/*------------------------------------------------------------------------------
BASIC ELEMENTS
------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, p, div, img { margin: 0; padding: 0; border: 0; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { word-spacing: 0.25px; }

p { line-height: 15px; }

a { font-size: 12px; text-decoration: underline; padding: 1px; }
a:link { color: #005a9c; background: transparent; }
a:visited { color: #005a9c; }
a:hover { color: #eaa135; background: transparent; text-decoration: none; }
a:active { color: #eaa135; background: transparent; text-decoration: none; }

a.image:link, a.image:visited, a.image:hover { border: none; background: none; }
a.image img { border: none; padding: 0; margin: 0; }

div#container hr {
	display: block; 
	clear: left; 
	margin: -0.66em 0;
	visibility: hidden;
}

body { 
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
}

hr { 			
	display: block; 
	visibility: hidden;
	clear: both; 
	margin: 0;
	padding: 0;
}

/*------------------------------------------------------------------------------
TAGS
------------------------------------------------------------------------------*/	
p, li, a, td {
	font: 12px/16px Georgia, serif;
	color: #000;
}

ul {
	margin: 0 0 10px 20px;  /*left margin only effects IE */
	padding: 0;					/*padding only effects non-IE */
}

ol {
	margin: 0 0 10px 25px;  /*left margin only effects IE */
	padding: 0;					/*padding only effects non-IE */
}

td {
	vertical-align: top;
	padding: 3px;
}
.w75 {
	width: 100px;
	text-align: right;
}
h1 {
	font: italic 20px/24px Georgia, serif;
	color: #77278b;
	margin: 0 0 5px 0;
}
h2 {
	font: 18px/22px Georgia, serif;
	color: #0067ab;
	margin: 5px 0 5px 0;
}
h3 {
	font: 14px/18px 'Trebuchet MS', sans-serif;
	color: #0067ab;
	margin: 0 0 5px 0;
}

h4 {
	font: 12px/16px 'Trebuchet MS', sans-serif;
	color: #0067ab;
	margin: 0 0 5px 0;
}

h5 {
	font: 10px/12px 'Trebuchet MS', sans-serif;
	color: #0067ab;
	margin: 0 0 5px 0;
}

h6 {
	font: 12px/12px 'Trebuchet MS', sans-serif;
	color: #0067ab;
	margin: 0 0 0 0;
}
p {
	margin: 0 0 10px 0;
}
a { 
	color: #77278b;
	text-decoration: none;
}
a:hover { 
	color: #999;
	text-decoration: none;
}
.link {
	margin: 10px 0 0 0;
}
.names {
	font: 11px/13px  Georgia, serif;
}
.small {
	font: 9px/11px  Georgia, serif;
}
.small_sans {
	font: 9px/11px verdana, sans-serif;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
}

/*------------------------------------------------------------------------------
STRUCTURAL DIVS
------------------------------------------------------------------------------*/	

	div#container {
		position: relative;
		margin: 0 auto;
		background: url('../images/bkgd_tile.jpg') repeat-y top left;
		width: 800px;
		height: 500px;
		text-align: left;
	}
	
	div#container hr {
		display: block; 
		clear: left; 
		margin: -0.66em 0;
		visibility: hidden;
	}

	html>body div#container {  /* min-height for non-IE  */
		height: auto;
		min-height: 500px;
	}
	
	div#banner {
		float: left;
		width: 800px;
		height: 100px;
		background: url('../images/banner_new.jpg') no-repeat;
	}

	div#nav {
		position: relative;
		top: 74px;
		left: 100px;
		text-align: left;
		width: 800px;
	}

/*------------------------------------------------------------------------------
CONTENT DIVS
------------------------------------------------------------------------------*/	

	div#sidebar {
		float: left;
		display: inline;		
		width: 190px;
		text-align: left;
		margin: 20px 0 50px 20px;
	}	
	
	div#main_col {
		float: left;
		display: inline;
		width: 410px;
		text-align: left;
		margin: 20px 0 40px 60px;
	}
	
	div#main_col_narrow {
		float: left;
		display: inline;
		width: 370px;
		text-align: left;
		margin: 20px 0 40px 60px;
		
	}
	
	div#right_col {
		float: left;
		display: inline;
		width: 120px;
		text-align: left;
		padding: 10px;
		margin: 100px 0 0 10px;
		border: 1px solid #77278b;
		
	}
	
	

/*------------------------------------------------------------------------------	
HORIZONTAL MENU
------------------------------------------------------------------------------*/		

/*CONTROLS ALL LISTS*/ 
	#menuh { 
		float: left;        /*can be positioned however--floats, absolute, whatever*/
		list-style: none;
		line-height: 1;
	}

/*----- BELOW THREE DIVS CONTROL ALL LIST ITEMS -----*/
	/*width needed or else Opera goes nuts*/

	#menuh li { float: left; }

	#menuh li a { 
		display: block;
		padding: 7px 8px;   /*MASTER PADDING, set vert spacing between li's*/
		color: #ffffff;
		font: 11px Verdana, sans-serif;
	}

	#menuh a:hover {
		color: #999999;
		/*background: transparent;*/
		text-decoration : none;
	}

	#menuh li a.current {
		color: #ffffff;
		/*background: transparent;*/
		text-decoration : none;
	}

/*CONTROLS ONLY SECOND-LEVEL LIST ITEMS*/ 
/*	using left instead of display to hide menus because display: none isn't read by screen readers	*/	
	
	#menuh ul {
		float: left;
		padding: 0;
		list-style: none;
		width: 200px;  /*MASTER WIDTH -- determines widths below*/
	}

	#menuh ul li { float: left; margin: 0; padding: 0; }

	#menuh ul li a {
		display: block;
		padding: 7px 8px;		
		width: 184px;  /* master width minus left & right padding */
		color: #fff;
		background: #77278B;
		border-bottom: 1px solid #fff;
	}

	#menuh ul li a:hover {
		/*color: #005a9c;*/
		background: #0067AB; 
	}

	#menuh li ul {  
		position: absolute;
		margin: 0;
		padding: 0;
		left: -999em; 
	}

/*CONTROLS THIRD-AND ABOVE LEVEL LIST ITEMS*/
	#menuh li ul ul {   
		margin: -26px 0 0 201px; /* sets vert offset of the hori. flyout of a dropdown*/
	}

* html #menuh li ul ul {   
		margin: -26px 0 0 201px; /* set this, and the one above, to +1 of the master width */
	}

/* lists nested under hovered list items */
	#menuh li:hover ul ul, #menuh li:hover ul ul ul, #menuh li:hover ul ul ul ul, #menuh li.sfhover ul ul, #menuh li.sfhover ul ul ul, #menuh li.sfhover ul ul ul ul {
		left: -999em;
	}
	#menuh li:hover ul, #menuh li li:hover ul, #menuh li li li:hover ul, #menuh li li li li:hover ul, #menuh li.sfhover ul, #menuh li li.sfhover ul, #menuh li li li.sfhover ul, #menuh li li li li.sfhover ul {
		left: auto;
	}

/*------------------------------------------------------------------------------	
RESERVED Selectors - Leave for the editor
------------------------------------------------------------------------------*/	
		
table {}
th {}
tr {}
td {}

/*------------------------------------------------------------------------------	
FORMS 
------------------------------------------------------------------------------*/		

div.form {
	float: left;
	width: 360px;
	margin: 10px 0 10px 10px;
}
div.frow {
	clear: both;
	padding-top: 8px;
}
div.frow span.label, div.frow span.blabel {
	float: left;
	width: 150px;
	text-align: right;
	margin-top: 2px;  /* changes baseline of label text */
}
div.frow span.blabel {
  font-weight: bold;
}
div.frow span.frm {
	float: right;
	width: 205px;
	margin-top: 2px;
} 
textarea, input, select { margin: 0; padding: 0; }
		
/*------------------------------------------------------------------------------	
SIMPLE CLASSES
------------------------------------------------------------------------------*/		
.b10 { margin-bottom: 10px }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.emphasize { font-weight: bold; font-style: italic; text-decoration: underline;}
.clearleft 	{ clear: left; }
.clearright { clear: right; }
.clearboth 	{ clear: both; }
.floatleft	{ float: left; }
.floatright { float: right; }