/*------------------------------------------------------------------------------
UNDOHTML - (CC) 2006 Tantek Celik.
------------------------------------------------------------------------------*/
:link,:visited { text-decoration:none }
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
------------------------------------------------------------------------------*/
body { 
	color: #666;
	background: #fff;
	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; }

a { font-size: 11px; 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 {								
	margin: 0 0 10px 15px;  
	padding: 0px;					
}

ol {
	margin: 0 0 10px 25px;  
	padding: 0;					
}

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

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

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


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

	div#container {
		position: relative;
		margin: 0 auto;
		width: 815px;
		height: 600px;
		text-align: left;
		background: #fff url(../xm_client/images/bg_blue.jpg) top left;
	}
	
	html>body div#container {
		height: auto;
		min-height: 600px;
	}
	
	div#test_container {
		position: relative;
		margin: 0 auto;
		width: 750px;
		height: 600px;
		text-align: left;
		background: #fff;
	}
	
	html>body div#test_container {
		height: auto;
		min-height: 600px;
	}
	div#header {
		width: 815px;
		height: 100px;
		background: #fff;
	}
	
	div#footer {
		position: relative;
		margin: 0 auto;
		margin-bottom: 20px;
		width: 815px;
		height: 73px;
		text-align: center;
	}
		div#footer p {
			margin: 6px 0 0 0;
			font: 11px arial, sans-serif;
			color: #20447f;
		}
		
	div#search {
		position: absolute;
		top: 20px;
		left: 600px;
		width: 200px;
		height: 70px;
		z-index: 99;
	}


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

	div#banner {
		width: 815px;
		height: 162px;
		background: #fff;
		margin: 0;
		padding: 0;
	}
	div#curve {
		position: relative;
		width: 815px;
		height: 69px;
		top: -53px;
		left: 0;
		background: transparent;
		z-index: 2;
	}

	div#main_col {
		float: left;
		display: inline;
		margin: -53px 0 0 40px;
		padding: 0 0 0 5px;
		width: 510px;
	}
	
		div#main_col_footer {
			position: relative;
			margin: 30px 0 15px 0;
			width: 510px;
			text-align: left;
		}
	
	div#right_col {
		float: left;
		display: inline;
		margin: -53px 0 0 55px;
		width: 180px;
	}	
	
/*------------------------------------------------------------------------------
CONTENT DIVS -- SUB
------------------------------------------------------------------------------*/	

	div#sub_banner {
		width: 815px;
		height: 105px;
		background: #fff;
	}
	div#sub_curve {
		position: relative;
		width: 815px;
		height: 69px;
		top: -53px;
		left: 0;
		background: transparent;
		z-index: 2;
	}

	div#sub_main_col {
		float: left;
		display: inline;
		margin: -53px 0 0 40px;
		width: 510px;
	}
	
		div#sub_main_col_footer {
			position: relative;
			margin: 30px 0 15px 0;
			width: 510px;
			text-align: left;
		}
	
	div#sub_right_col2 {
		float: left;
		display: inline;
		margin: -53px 0 0 55px;
		width: 180px;
	}	
	
/*
three column
*/
	div#sub_left_col {
		float: left;
		display: inline;
		margin: -53px 0 0 40px;
		width: 250px;
	}
	
	div#sub_middle_col {
		float: left;
		display: inline;
		margin: -53px 0 0 10px;
		width: 250px;
	}
	
		div#sub_middle_col_footer {
			position: relative;
			margin: 30px 0 15px 0;
			width: 250px;
			text-align: left;
		}
	
	div#sub_right_col3 {
		float: left;
		display: inline;
		margin: -53px 0 0 55px;
		width: 180px;
	}	
	
	div#radio {
		position: relative;
		width: 400px;
		height: 200px;
		margin: 75px auto;
		text-align: center;
	}
	
/*
	div#radio p, a, h3 {
		margin-bottom: 9px;
	}
*/

		.message_error {
			position: relative;
			margin: 20px auto;
			font: 11px/15px Arial, sans-serif;
			color: #c00;
			width: 500px; 
			padding: 8px 30px;
			border: 1px solid #c00;
			background: #fff url(buttons/error.png) no-repeat 8px center;
		}
		
		.message_success {
			position: relative;
			margin: 20px auto;
			font: 11px/15px Arial, sans-serif;
			color: #339C33;
			width: 500px; 
			padding: 8px 30px;
			border: 1px solid #339C33;
			background: #fff url(buttons/success.png) no-repeat 8px center;
		}
	
	

/*------------------------------------------------------------------------------
NAVIGATION  
------------------------------------------------------------------------------*/		
	
	div#nav {
		position: absolute;        /*can be positioned however--floats, absolute, whatever*/
		top:  82px;					/* <--custom */
		left: 0px;						/* <--custom */
		width: 815px;					/* <--custom */
		height: 18px;
		z-index: 3;
		background: #fff url(../xm_client/images/nav.jpg) no-repeat;
	}

/*------------------------------------------------------------------------------	
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: 1px 12px 1px 12px;	   /*MASTER PADDING, set vert spacing between li's and vertical distance of flyout below*/
		color: #ffffff;
		font-family: arial, san-serif;
		/*text-transform: uppercase;*/
		font-weight: normal;
		font-size: 11px;
		/*background: transparent;*/
	}

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

	#menuh li a.current {
		color: #eba30d;
		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: 1px 12px 1px 12px;		/*adjusts vertical alignment of side flyout*/
		width: 116px;  /* master width minus left & right padding */
		color: #fffff;
		background: #20447f;
		border-bottom: 1px solid #fff;
	}

	#menuh ul li a:hover {
		color: #005a9c;
		background: #eba30d; 
	}

	#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: -19px 0 0 140px; /* 1 less than nav height sets vert offset of the hori. flyout of a dropdown*/
	}

* html #menuh li ul ul {   
		margin: -19px 0 0 140px; /* 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: 400px;
	margin: 10px 0 40px 0px;
}
div.form .frow {
	clear: both;
	padding-top: 8px;
}
div.frow span.label, div.frow span.blabel {
	font: 11px arial, sans-serif;
	color: #20447f;
	float: left;
	width: 100px;
	text-align: right;
	margin-top: 2px;  /* changes baseline of label text */
}
div.form .frow span.blabel {
  font-weight: bold;
}
div.form .frow span.frm {
	font: 11px arial, sans-serif;
	color: #20447f;
	float: right;
	width: 290px;
	margin-top: 2px;
} 
textarea, input, select { margin: 0; padding: 0; }

div.testform {
	position: relative;
	margin: 20px auto;
	width: 600px;

}
div.testform .frow {
	clear: both;
	padding-top: 8px;
}
div.testform .frow span.label, div.testform .frow span.blabel {
	font: 11px arial, sans-serif;
	color: #20447f;
	float: left;
	width: 150px;
	text-align: right;
	margin-top: 2px;  /* changes baseline of label text */
}
div.testform .frow span.blabel {
  font-weight: bold;
}
div.testform .frow span.frm {
	font: 11px arial, sans-serif;
	color: #20447f;
	float: right;
	width: 440px;
	margin-top: 2px;
} 
		
/*------------------------------------------------------------------------------	
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; }