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

	georgia; 
*/

/*------------------------------------------------------------------------------
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,input { margin:0; padding:0 }
a img,:link img,:visited img,abbr { border:0 }
address,abbr { font-style:normal }

/*------------------------------------------------------------------------------
BASIC ELEMENTS
------------------------------------------------------------------------------*/
body { 
	color: #333333;
	background: #1b2e59 url(/xm_client/images/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
}

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
------------------------------------------------------------------------------*/	

	div#container {
		position: relative;
		margin: 0 auto;
		width: 800px;
	}

	div#footer {
		position: relative;
		margin: 0 auto;
		width: 800px;
		text-align: center;	
		height: 22px;
	}

	div#footer p {
		font-family: helvetica;
		font-size: 9px;
		color: #fff;
	}

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

	div#content {
		float: left;
		display: inline;		
		width: 800px;
		height: 400px;
		text-align: left;
		padding-bottom: 30px;
		background: url(/xm_client/images/content_bg.jpg) repeat-y;
	}

	html>body div#content {
		height: auto;
		min-height: 400px;
	}

		div#logo {
			float: left;
			display: inline;
			width: 191px;
			margin: 15px 0;
		}

		div#buttons {
			float: left;
			display: inline;
			width: 565px;
			margin: 40px 0 0 40px;
		}

		div#navbar {
			float: left;
			display: inline;
			width: 800px;		
		}

/* ------- Home ------- */

	div#home_main {
		float: left;
		display: inline;
		width: 537px;
	}

		div#banner {
			float: left;
			display: inline;
			width: 537px;
		}

		div#main {
			float: left;
			display: inline;
			width: 469px;		
			padding: 20px 34px 0 34px;
		}

	div#home_news {
		float: left;
		display: inline;
		width: 263px;
	}

		div.news {
			padding: 35px 25px 0;
			background: url(/xm_client/images/sidebar_top.jpg) top left no-repeat;
		}

/* ------- Two Column ------- */

	div#two_column_main {
		float: left;
		display: inline;
		width: 537px;
	}

	div#two_column_sidebar {
		float: left;
		display: inline;
		width: 263px;
	}

		div.sidebar {
			padding: 35px 25px 0;
			background: url(/xm_client/images/sidebar_top.jpg) top left no-repeat;
		}

/* ------- Both ------- */

	div#home_news p, div.sidebar p, div#home_news li, div.sidebar li {
		font-family: helvetica;
		line-height: 13px;
		font-size: 10px;
		color: #333;	
	}
	
	div#home_news a, div.sidebar a {
		/*font: 12px/15px helvetica, sans-serif;
                color: #000080;*/
		font-size: inherit;
		color: inherit;
		font-weight: inherit;
	}
	div#home_news a:hover, div.sidebar a:hover {
		/*font: 12px/15px helvetica, sans-serif;*/
                color: #aaa;
	}

/* ------- Gallery ------- */
	
	div#gallery {
		font-family: helvetica;
	}

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

	.thumbs th {
		font-size: 20px;
		color: #00589c;	
	}

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

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

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

/*----- 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 6px 20px 6px;
		color: #fff;
		font-family: Arial, sans-serif;
		font-weight: bold;
		font-size: 11px;
		text-transform: uppercase;
		line-height: 20px;
		background: transparent;
	}

	#menuh a:hover {
		color: #005a9c;
		background: transparent;
		text-decoration : none;
	}

	#menuh li a.current {
		color: #fff;
		/*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;
		width: 171px;  /*set to go across entire container*/
	}

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

	#menuh ul li a {
		display: block;
		padding: 5px 8px 5px 8px;		
		width: 155px;
		color: #fff;
		background: #005a9c;
		border-bottom: 1px solid #fff;
	}

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

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

/*CONTROLS THIRD-AND ABOVE LEVEL LIST ITEMS*/
	#menuh li ul ul {   
		margin: -22px 0 0 171px; /* 4 of 4 controls the hori. flyout of a dropdown*/
	}

* html #menuh li ul ul {   
		margin: -25px 0 0 155px;
	}

/* 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 40px 0px;
}
div.frow {
	clear: both;
	padding-top: 10px;
	font: 11px verdana, sans-serif;
	color: #005a9c;
}

div.frow p {
	font: 11px verdana, sans-serif;
	color: #444;
	margin: 5px 0 5px 0;
}
div.frow p.mand {
	font: 11px verdana, sans-serif;
	color: #B84E96;
	margin: 5px 0 5px 0;
}

div.frow select {
	font: 11px verdana, sans-serif;
	color: #444;
}
div.frow span.label, div.frow span.blabel, div.frow span.mand  {
	font: 11px verdana, sans-serif;
	color: #444;
	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.mand {
  color: #B84E96;
}
div.frow span.frm {
	font: 11px verdana, sans-serif;
	color: #444;
	float: right;
	width: 275px;
	margin-top: 2px;
} 
textarea, input, select { margin: 0; padding: 0; }
		
/*------------------------------------------------------------------------------	
SIMPLE CLASSES
------------------------------------------------------------------------------*/	
.mand { color: #B84E96; }
.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; }