/*------------------------------------------------------------------------------
CLEAR THE DECKS
------------------------------------------------------------------------------*/
html,body, div, span, ul, ol, li, form, label, table, h1, h2, h3, h4, h5, h6, p, a, img  { 
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
a img,:link img,:visited img { border: 0 }
table{ border-collapse: collapse; border-spacing: 0; width: 100% }
td, th, caption { padding: 2px 4px }
h1, h2, h3, h4, h5, h6, p { font-weight: normal; }
h1, h2, h3, h4, h5, h6 { word-spacing: 0.25px; }

/*------------------------------------------------------------------------------
HIGHSITE HTML PREFERENCES
------------------------------------------------------------------------------*/	
ul {								
	margin: 0 0 10px 15px;  
	padding: 0px;					
}

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

li, ol, p {
	margin-bottom: .8em;
}
h2, h3, h4, h5, h6 {
	margin: 1em 0 .4em 0;
}
h1 {
	margin: 0 0 .4em 0;
}

h1, h2, h3, h4 {
	letter-spacing: .1em;
}

p, li {
	line-height: 150%;
}

/*------------------------------------------------------------------------------
SITE-WIDE HTML
------------------------------------------------------------------------------*/	
body {
	margin: 0;
	background: #fef9e5 url(../xm_client/images/bkgd_tile.jpg);
}

a { text-decoration: none; }
a:link { color: #ca4f33; }
a:visited { color: #8F0071; }
a:hover { text-decoration: underline; }

/*------------------------------------------------------------------------------
HIGHSITE ONLY
------------------------------------------------------------------------------*/
.error_page h1 { margin: 40px 0 10px 40px; }
.error_page p { margin: 10px 40px; } 

a.edit_link {
	color: #c00;
	font: 9px verdana, sans-serif;
	text-decoration: none;
	padding: 1px 2px;
}
a.edit_link:hover {
	text-decoration: underline;
	color: #c00;
}

.multidiv { /* for separating multiple sections */
	position: relative;
	margin: 0 0 20px 0;
	border-bottom: 2px dotted #999;	
	padding-bottom: 20px;
}


/*------------------------------------------------------------------------------
SITE-WIDE DIVS
------------------------------------------------------------------------------*/	
div#container {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 500px;
	text-align: left;
	background: #FEF9E5 url(/xm_client/images/bg_left_column.jpg) repeat-y;
}

	html>body div#container {
		height: auto;
		min-height: 500px;
	}
	
div#container hr {
	display: block;
	padding: 0;
	margin: 0;
	clear: both; 
	visibility: hidden;
}
	
div#header {
	width: 1000px;
	height: 139px;
	margin: 0 auto;
	background: #fef9e5 url(/xm_client/images/header.jpg) no-repeat;
	cursor: pointer;
}

div#footer {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 12px;
	background: url(/xm_client/images/footer.jpg);
}
	div#footer p {
		margin: 0;
                padding: 12px 0 12px 0;
		font: 11px verdana, sans-serif;
		color: #5D1F08
	}
	div#footer_content {
		position: relative;
		margin: 0 auto;
		text-align: center;
		width: 970px;
	}
	div#footer_content a {
		font: 11px verdana, sans-serif;
		color: #5D1F08		
	}
	div#footer_content a:hover {
		color:#CB4F33
	}

div#copyright {
	position: relative;
	width: 800px;
	height: 17px;
	padding: 3px 0 0 0;
	margin: 0 auto;
	text-align: center;
	background-color: #ffffff;
}
	div#copyright p {
		font: 11px verdana, sans-serif;
		color: #8b7758;
	}
	
div#search_box {
	position: absolute;
	top: 20px;
	left: 600px;
	width: 200px;
	height: 70px;
	text-align: left;
}

#site_map {
   margin: 20px 0 0 100px;
}
cite {
   background: #c2e2c1;
   font-weight: bold;
   font-style: normal;
}


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

div#slide_show {
	float: left;
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 249px;
	/*border: 1px solid #c00;*/
}
#slideshow {
   float: left;
   width: 1000px;
   height: 249px;
}

.newsticker  {
  list-style: none;
  margin: 0px 30px 30px 30px;
}

.newsticker li h4 {
    color: #712d1e;
    margin: 0 0 0 0;
}

/*------------------------------------------------------------------------------
DIVS -- SUB--TWO COL
------------------------------------------------------------------------------*/	

div#left_column {
	float: left;
	margin: 0;
	padding: 0;
	width: 374px;
}	
   div#sub_img {
      float: left;
      margin: 0;
      padding: 0;
      width: 374px;
   }
   div#left_content {
      float: left;
      margin: 0;
      padding: 0 30px;
      width: 314px;
   }

div#right_column {
	float: left;
	margin: 0;
   width: 566px;
   padding: 30px;
}


div#ads {
	float: left;
	margin: 30px 30px 30px 30px;
	width: 314px;
}	

/*------------------------------------------------------------------------------
GALLERY
------------------------------------------------------------------------------*/		

div#viewer { 
	position:absolute; 
	top: 200px; 
	left: 150px; /* center in container */
	width: 600px; 
	height: 550px; 
	visibility: hidden; 
	background: #fff; 
	z-index: 10;
}

 div#coverup {
	position: absolute;
	visibility: hidden;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: .7;
	filter: alpha(opacity=70);
	z-index: 5;
}


/*------------------------------------------------------------------------------
NAVIGATION  
------------------------------------------------------------------------------*/		
	
div#navigation {
	position: relative;
        margin: 0 auto;
	width: 1000px;
	height: 35px;
	background: #ca4f33;
}


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

/*CONTROLS ALL LISTS*/ 
#menuh { 
        position: relative;
        margin: 0 auto;
	list-style: none;
}

/*----- BELOW THREE DIVS CONTROL ALL LIST ITEMS -----*/

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

#menuh li a {
	display: block;
	font: 14px/12px "proxima-nova-1","proxima-nova-2", helvetica, sans-serif;
	padding: 12px 12px 10px 30px;   /*set vert spacing between li's and the main UL... */ 
	text-transform: uppercase;	 	/*...from the top of the nav div and the top of the... */
	letter-spacing: .15em;        /*...flydown from bottom of the top ul, and left and right... */
	color: #fef9e5;              /*...distances between edges of type and left of li */
	text-decoration: none;
}

#menuh li a:hover {
	color: #5d1f07;
}

/*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;
		list-style: none;
		width: 150px;  /*MASTER WIDTH -- determines widths below*/
	   font: 10px/12px "proxima-nova-1","proxima-nova-2", helvetica, sans-serif;

	}

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

	#menuh ul li a {
		display: block;
		padding: 9px 9px 9px 30px;		
		width: 132px;  /* master width minus left & right padding */
		color: #fff;
		background: #ca4f33;
		border-bottom: 1px solid #fff;
      font: 10px/12px "proxima-nova-1","proxima-nova-2", helvetica, sans-serif;
	}
	#menuh ul li a:hover {
		/*color: #005a9c;*/
		background: #d5ad6f; 
	}

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

/*CONTROLS THIRD-AND ABOVE LEVEL LIST ITEMS*/
#menuh li ul li ul {   
	margin: -31px 0 0 170px; /* the -top px vertically positions the right flyout */
}									 /*...and the left margin is ul-li-a horiz spacing+width+1/0 */

#menuh li ul li ul li a {   
	background-color: #ca4f33; 
}
#menuh li ul li ul li a:hover {   
	/*color: #ffffff;*/
	background-color: #d5ad6f; 
}

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


/* ------------------- EXTRAS ------------------------- */
#recordings td { vertical-align: top;}