/*------------------------------------------------------------------------------
UNDOHTML - (CC) 2006 Tantek Celik.
------------------------------------------------------------------------------*/
:link,:visited { text-decoration:none }
ul,ol { /*list-style:none;*/ list-style-position: inside; }
h1,h2,h3,h4,h5,h6,pre,code,kbd { font-size: 12px; }
dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,div, 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 { margin: 0; padding: 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; }

hr { display: block; clear: both; visibility: hidden; }

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

ul {								/*nicely aligns bullets with left edge*/
	margin: 0 0 10px 15px;  /*left margin only effects IE */
	padding: 0px;					/*padding only effects non-IE */
}

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

p, h2, h6, li {
	line-height: 18px;
}

h1, h2, h3, h4, h5, h6, li {
	margin-bottom: 6px;
}

div#container hr, div#container3 hr{
	display: block; 
	clear: left; 
	margin: 0;
	visibility: hidden;
}

body { 
	background: #5677a0 url(../xm_client/images/background_tile.jpg);
	margin: 0;
	padding: 0;

}

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

	div#container {
		position: relative;
		margin: 0 auto;
		width: 800px;
		height: 600px;
		text-align: left;
	}
	
	html>body div#container {
		height: auto;
		min-height: 600px;
	}
	
	.home {
		background: #fff url(../xm_client/images/home_background.gif) repeat-y top left;
	}	
	.left_column {
		background: #fff url(../xm_client/images/left_col_color.gif) repeat-y top left;
	}
	.right_col {
		background: #fff url(../xm_client/images/right_col_color.gif) repeat-y top left;
	}
	.left_right {
		background: #fff url(../xm_client/images/left_right_col_color.gif) repeat-y top left;
	}

	div#banner {
		float: left;
		width: 800px;
		display: inline;
		height: 100px;
		margin: 0;
		padding: 0;
	}

	div#footer {
		position: relative; 
		margin: 10px auto;
		width: 800px;
		height: 20px;
		background: transparent;
		text-align: center;
	}
	
	div#footer p, div#footer a {
		font: 9px verdana, sans-serif;
		color: #fff;
	}
	
	div#footer a:hover {
		color: #bbb;
	}

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

	div#main_col {
		float: left;
		margin: 0;
		display: inline;
		width: 600px;
	}
	
	div#main_image {
		float: left;
		margin: 25px 0 0 0;
		display: inline;
		width: 600px;
		height: 300px;	
	}
	
	div#intro {
		float: left;
		margin: 0;
		display: inline;
		width: 600px;
		height: 175px;	
	}
		div#intro_text {          /*SECTION content */
			float: left;
			display: inline;		
			width: 520px;
			text-align: left;
			margin: 40px 0 0 40px;
			padding: 0;
		}

	div#right_col {
		float: left;
		margin: 0 0 0 0;
		display: inline;
		width: 200px;
	}
		div#top_right {          /*SECTION content */
			float: left;
			display: inline;		
			width: 160px;
			height: 265px;
			text-align: left;
			margin: 40px 0 0 20px;
			padding: 0;
		}	
		html>body div#top_right {
			height: auto;
			min-height: 265px;
		}
		div#bottom_right {          /*SECTION content */
			float: left;
			display: inline;		
			width: 160px;
			text-align: left;
			margin: 20px 0 0 20px;
			padding: 0;
		}	
		
/*------------------------------------------------------------------------------
CONTENT DIVS -- 2 COLUMN
------------------------------------------------------------------------------*/	


	div#section_header {
		float: left;
		margin: 25px 0 0 0;
		display: inline;
		width: 100%;
		height: 40px;
		background: #c9663c;
		padding: 0;
	}

	html>body div#section_header {
		height: auto;
		min-height: 40px;
	}
	
	div#section_header h2 {
		margin: 10px 0 0 20px;
	}
	
	div#main_content {
		float: left;
		margin: 40px 0 0 40px;
		padding-bottom: 20px;
		display: inline;
		width: 520px;
	}

	div#right_content {          /*SECTION content */
		float: left;
		display: inline;		
		width: 160px;
		text-align: left;
		margin: 45px 0 0 20px;
		padding: 0;
	}	
	
/*------------------------------------------------------------------------------
CONTENT DIVS -- 2 COLUMN WEEKLY WORD
------------------------------------------------------------------------------*/	

	div#wkly_content p img {          /*SECTION content */
		float: left;
		display: inline;		
		margin: 0;
		padding: 0;
	}
	
	div#wkly_content h4, div#wkly_content h3 {          /*SECTION content */
		float: left;
		display: inline;		
		width: 520px;
		text-align: left;
		margin: 10px 0 0 40px;

	}
	
	div#wkly_content h4
		float: left;
		display: inline;		
		width: 520px;
		text-align: left;
		margin: 0 0 0 40px;

	}

	
/*------------------------------------------------------------------------------
CONTENT DIVS -- 2 COLUMN REV
------------------------------------------------------------------------------*/	
	
	div#left_content {          /*SECTION content */
		float: left;
		display: inline;		
		width: 160px;
		text-align: left;
		margin: 0;
		padding: 0;
	}	

	div#main_col_rev {
		float: left;
		margin: 0;
		display: inline;
		width: 600px;
		padding-bottom: 20px;
	}

/*------------------------------------------------------------------------------
CONTENT DIVS -- 3 COLUMN
------------------------------------------------------------------------------*/	

	div#left_col {
		float: left;
		margin: 22px 0 0 0;
		padding: 0;
		display: inline;
		width: 200px;
		height: 475px;
	}
	html>body div#left_col {
		height: auto;
		min-height: 500px;
	}
	
	div#middle_col {
		float: left;
		margin: 0;
		padding-bottom: 20px;
		display: inline;
		width: 400px;
	}
	
	div#main_middle {
		float: left;
		margin: 40px 0 0  40px;
		display: inline;
		width: 320px;
		padding-bottom: 20px;
	}
	
	
/*------------------------------------------------------------------------------
GALLERY
------------------------------------------------------------------------------*/		
	
	div#viewer { 
		background: #fff url(/xm_client/images/control_bkgrd.gif) repeat-x top; /* <- edit for a different color */
	}
	
	div#gallery {
		font-family: helvetica;
	}

	.thumbs {
		text-align: center; 
		margin: 10px 0 10px 0;		
	}

	.thumbs th {
		font-size: 20px;
		color: #00589c;	
	}	
	
	
div#viewer { 
	top: 100px; 
	left: 100px; /* center in container */
}

/*------------------------------------------------------------------------------
NAVIGATION  
------------------------------------------------------------------------------*/		
	
	div#nav {
		position: absolute;        /*can be positioned however--floats, absolute, whatever*/
		top:  100px;					/* <--custom */
		left: 0px;						/* <--custom */
		width: 800px;					/* <--custom */
		height: 25px;
		z-index: 2;
		background-color: #274f82;
	}

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

/*CONTROLS ALL LISTS*/ 
	#menuh { 
		float: left;
		display: inline;
		line-height: 1;
		list-style: none;
		text-align: left;
	}

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

	#menuh li { float: left; }

	#menuh li a { 
		display: block;
		padding: 5px 12px 6px 12px;	   /*MASTER PADDING, set vert spacing between li's*/
		color: #ffffff;
		font-family: Georgia, serif;
		text-transform: uppercase;
		font-weight: normal;
		font-size: 12px;
		word-spacing: 2px; /* optional */
		/*background: transparent;*/
	}

	#menuh a:hover {
		color: #ffffff;
		background: #5677a0;		
		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;
		line-height: 1;
		margin-top: -1px;
		width: 140px;  /*MASTER WIDTH -- determines widths below*/
	}

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

	#menuh ul li a {
		display: block;
		padding: 5px 12px;		
		width: 116px;  /* master width minus left & right padding */
		color: #fffff;
		background: #274f82;
		border-bottom: 1px solid #fff;
	}

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

	#menuh li ul {  
		position: absolute;
		margin:  0;  /*offset distance below main*/
		padding: 0;
		left: -999em; 
	}

/*CONTROLS THIRD-AND ABOVE LEVEL LIST ITEMS*/
	#menuh li ul ul {   
		margin: -24px 0 0 141px; /* 1 less than nav height sets vert offset of the hori. flyout of a dropdown*/
	}

* html #menuh li ul ul {   
		margin: -24px 0 0 141px; /* 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 { font: 11px Georgia, serif }

/*------------------------------------------------------------------------------	
FORMS 
------------------------------------------------------------------------------*/		
div.form {
	float: left;
	width: 360px;
	margin: 10px 0 40px 0px;
}
div.frow {
	clear: both;
	padding-top: 8px;
}
div.frow span.label, div.frow span.blabel {
	font: 12px Georgia, serif;
	color: #785940;
	float: left;
	width: 75px;
	text-align: right;
	margin-top: 2px;  /* changes baseline of label text */
}
div.frow span.blabel {
  font-weight: bold;
}
div.frow span.frm {
	font: 12px Georgia, serif;
	color: #785940;
	float: right;
	width: 275px;
	margin-top: 2px;
} 
textarea, input, select { margin: 0; padding: 0; }
		
/*------------------------------------------------------------------------------	
SIMPLE CLASSES
------------------------------------------------------------------------------*/		
.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; }