/* 	 BASE STYLE SHEET FOR CLIENT/PUBLIC PAGES */

/*
	div {
		border: 1px solid red;
	}
*/

/*------------------------------ START OF CUSTOM DIVS -------------------------- */
/*----------------------------- INSERT CUSTOM BELOW ------------------------ */

/*------------------------------------------------------------------------------
Slide show
------------------------------------------------------------------------------*/	
ul#slideshow li {
	list-style: none;
	padding: 0;
	margin: 0 0 0 -15px;
}


	/* ------- One Column Page -------- */
		
		div#sub_main {
			float: left;
			display: inline;
			width: 690px;
			text-align: left;
			padding: 0;
			margin: 250px 0 0 0;		
		}

		div#sub_sidebar {
			float: left;
			display: inline;
			width: 220px;
			text-align: left;
			padding: 0;
			margin: 250px 0 0 30px;		
		}
		
		div#sub_main_top {
			float: left;
			display: inline;
			width: 690px;
			text-align: left;
			padding: 0;
			margin: 0 0 0 0;		
		}		

		div#sub_main_bottom {
			float: left;
			display: inline;
			width: 690px;
			text-align: left;
			padding: 0;
			margin: 15px 0 0 0;		
		}

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

		div#twocolumnleft {
			float: left;
			display: inline;
			width: 150px;
			text-align: left;
			padding: 0;
			margin: 15px 0 0 5px;	
		}
		
		div#twocolumnleft_top {
			float: left;
			display: inline;
			width: 150px;
			text-align: left;
			padding: 0;
			margin: 0;		
		}
		
		div#twocolumnleft_bottom {
			float: left;
			display: inline;
			width: 150px;
			text-align: left;
			padding: 0;
			margin: 20px 0 0 0;
		}
		
		div#twocolumncenter {
			float: left;
			display: inline;
			width: 350px;
			text-align: left;
			padding: 0;
			margin: 15px 0 0 10px;		
		}
		
		div#twocolumncenter_top {
			float: left;
			display: inline;
			width: 350px;
			text-align: left;
			padding: 0;
			margin: 0 0 0 0;		
		}		

		div#twocolumncenter_bottom_left {
			float: left;
			display: inline;
			width: 170px;
			text-align: left;
			padding: 0;
			margin: 10px 4px 0 0;		
		}

		div#twocolumncenter_bottom_right {
			float: left;
			display: inline;
			width: 170px;
			text-align: left;
			padding: 0;
			margin: 10px 0 0 4px;		
		}		

		div#twocolumnright {
			float: left;
			display: inline;
			width: 220px;
			text-align: left;
			padding: 0;
			margin: 15px 0 0 10px;		
		}	


		
		div#onecolcenter {
			float: left;
			display: inline;
			width: 340px;
			text-align: left;
			padding: 0;
			margin: 15px 0 0 8px;		
		}

		div#onecolright {
			float: left;
			display: inline;
			width: 220px;
			text-align: left;
			padding: 0;
			margin: 15px 0 0 10px;		
		}
		

  /* ------- General Purpose Divs -------- */

		div#twohndrdpx_left_column {
			float: left;
			display: inline;
			width: 195px;
			text-align: left;
			padding: 0;
			margin: 10px 4px 0 0;		
		}

		div#twohndrdpx_right_column {
			float: left;
			display: inline;
			width: 195px;
			text-align: left;
			padding: 0;
			margin: 10px 0 0 4px;		
		}		


/*----------------------------------------- */
/*------------- NEW TEST LAYOUT ----------- */

/*
img, div { behavior: url(/xm_client/iepngfix.htc) }
*/

img { border: 0; }

div#new_logo {
	position: absolute;
	top: 15px;
	left: 0;
	width: 235px;
	height: 112px;
}

div#container {
	position: relative;
	margin: 0 auto;
	width: 940px;
	height: 500px;
	background: transparent;
}
	html>body div#container {
		height: auto;
		min-height: 500px;
	}

div#container hr {
	display: block; 
	clear: both; 
	padding: 0;
	visibility: hidden;
}	

/* HOME */
div#home_main {
	float: left;
	display: inline;
	width: 665px;
	height: 400px;
	margin: 250px 0 0 0;
	background: transparent;
}
	html>body div#home_main {
		height: auto;
		min-height: 400px;
	}
	
	div#slide_show {
		float: left;
		margin: 0;
		padding: 0;
		width: 665px;
		height: 394px;
		/*border: 1px solid #c00;*/
	}

	div#bottom_nav {
		float: left;
		display: inline;
		width: 665px;
		height: 40px;
		margin: 30px 0 35px 5px;
		padding: 12px 0 0 0;
		text-align: center;
		background: #fff url(/xm_client/images/bg_bottom_nav.jpg) no-repeat;
	}

		div#bottom_nav a:link {color: #034999; text-decoration: none; font-family: verdana; font-size: 14px/16px; letter-spacing: .05em; }
		div#bottom_nav a:visited {color: #034999; text-decoration: none; }
		div#bottom_nav a:hover {color: #9DCE5B; text-decoration: none; }
		div#bottom_nav a:active {color: #034999; }
		
		div#green_nav p {
			font: bold 14px/14px arial, helvetica, sans-serif;
			color: #034999;
			margin-top: 10px;
		}	
		
	.banner_box {
		float: left;
		display: inline;
		width: 190px;
		height: 140px;
		margin: 0 0 0 0;
	}
	
	.banner_box_middle {
		float: left;
		display: inline;
		width: 190px;
		height: 140px;
		margin: 10px 0 0 0;
	}
	
	.banner_box_third {
		float: left;
		display: inline;
		width: 190px;
		height: 140px;
		margin: 10px 0 0 0;
	}

div#home_sidebar {
	float: left;
	display: inline;
	width: 160px;
	height: 500px;
	margin: 250px 0 0 30px;
}
	html>body div#home_sidebar {
		height: auto;
		min-height: 500px;
	}

/* -- Search --*/
#search {
	position: absolute;
	top: 80px;
	left: 680px;
	width: 200px;
	height: 25px;
	text-align: left;
	z-index: 90;
}
input.search {
 border: 0;
 padding: 3px 0 2px 3px;
 margin: 0 0 0 0;
 text-align: left;
}

/* -- Footer --*/
div#footer {
	position: relative;
	width: 1500px;
	height: 380px;
	margin: -30px auto;
	text-align:center;
  z-index: -1;
	text-align:center;
	background: #fff url(/xm_client/images/footer_tile.jpg) no-repeat;
}
div#address {
	position: relative;
	width: 950px;
	height: 40px;
	margin: 0 auto;
	text-align:center;
	z-index: 20;
}
div#address p {
	position: relative;
	top: 90px;
	font: bold 14px/14px arial, helvetica, sans-serif;
	color: #034999;
}

/*CONTROLS NEW NAV*/  

div#new_nav {
	position: absolute;
	width: 880px;
	height: 20px;	
	top: 150px;
	left: 0;
	text-align: left;
	z-index: 90;
}

div#new_sub_nav {
	position: absolute;
	width: 880px;
	height: 20px;
	top: 205px;
	left: 0;
	text-align: left;
	z-index: 80;
}

	#new_nav ul, #new_sub_nav ul {
		float: left;		
		text-align: left;
		list-style: none;
		
		margin: 0;
		padding: 0;
	}

	#new_nav ul li, #new_sub_nav ul li {
		float: left;
		line-height: 21px;
		/*border-left: 1px solid #aaa 	 <= change */
	}
	#new_nav ul li a, #new_sub_nav ul li a {
		display: block;
		text-decoration: none;
		font: bold 14px/18px arial, helvetica, sans-serif;
		background: transparent;
		padding: 0 8px;
	}
	#new_nav ul li a {	
		color: #fff;
	}
	#new_sub_nav ul li a {	
		color: #034999;
	}
	


/*------------------------------- DEFAULT DIVS BELOW ---------------------------- */
	/*  dark #EBB275    #EEBD88   light #FFE8C8  */

	/* ------- XM_Default Page -------- */

		div#xm_default_left {
			float: left;
			display: inline;
			width: 150px;
			text-align: left;
			padding: 0;
			margin: 15px 0 0 5px;	
		}

		div#xm_default_center {
			float: left;
			display: inline;
			width: 600px;
			text-align: left;
			padding: 0;
			margin: 15px 0 0 10px;		
		}

	/* ------- Default Page -------- */


		div#maincol {
			float: left;
			width: 550px;
			margin: 50px 0 0 10px;
			padding: 0;
			display: inline;				/* must incl for IE6 */
			text-align: left;
			/*border: 1px solid #c00;*/
		}
		
		div#maincol_home {
			float: left;
			width: 550px;
			margin: 50px 0 0 10px;
			padding: 0;
			text-align: left;
			/*border: 1px solid #c00;*/
		}
		
		div#sidebar {
			float: left;
			width: 140px;
			margin: 80px 0 0 15px;
			padding: 0;
			display: inline;				/* must incl for IE6 */
			text-align: center;
			/*border: 1px solid #c00;*/
		}

		/* when absolutely positioning layer over a graphic (that is not a background graphic) in Win IE, don't put graphic in div, and use clear:both in abs. div OR
			place below <hr> but above closing container </div>*/
		
/*------------------------------- DEFAULT DIVS ABOVE ---------------------------- */

/* 'div' Notes: 
   1. use the 'div#name' for the id's and 'div.name' for classes.
   Remember that id name can only be used once on a page. For multiple divs
   of the same name on a page, use classes. 
   
   2. 'display inline' must be used for the first div in a 
	new row because of Win IE. Otherwise use 'display: block' */
	
	
/* ------------ BELOW: edits you may want to make site-wide for tags ----------*/
/* REMEMBER: sizes, families, and colors are set by individual styles */

		body {
			margin: 0;
			text-align: center;
			background: #fff url(/xm_client/images/header_tile.jpg) top repeat-x;
		}	
		
		h1, h2, h3, h4, h5, h6, p {
			margin: 0;
			padding: 0;
		}
		
		a {															/* LINK ATTRIBUTES */
			font-family: arial, helvetica, sans-serif;	/* <-edit font family? */
			font-size: 12px;
			line-height: 15px;
			color: #040AFC;										/* <- edit color? */
			text-decoration: none;
			padding: 0px;
			margin: 0px;
		}
		
		a:hover {													/* ROLLOVER ATTRIBUTES */
			color: #999;											/* <- edit color? */
			text-decoration: underline;
		}	

		div#pagehead {   				/* this is where the page title goes under the banner */
			position: absolute;
			top: 90px;
			left: 450px;
			width: 250px;
			text-align: center;
			z-index: 99;
			font-family: "Trebuchet MS", arial, helvetica, sans-serif;	/* <-edit font family? */
			font-size: 24px;
			font-weight: bold;
			color: #2B54AC;										/* <- edit color? */
			/*border: 1px solid blue;*/
		}	
		
		div#pageheadsub {   				/* this is where the page title goes under the banner */
			position: absolute;
			top: 50px;
			left: 450px;
			width: 250px;
			text-align: center;
			z-index: 99;
			font-family: "Trebuchet MS", arial, helvetica, sans-serif;	/* <-edit font family? */
			font-size: 24px;
			font-weight: bold;
			color: #2B54AC;										/* <- edit color? */
			/*border: 1px solid blue;*/
		}			
		
/* -------------- only edit below if you want to make big changes-----------*/

		img {
			border: 0;
			padding: 0;
			margin: 0;
		}

		div#maxheight {
			float: right;
			width: 0px;
			height: 500px;
			margin: 0px;
			padding: 0px;
			border-right: 1px solid #c00;
			visibility: hidden;
		}		
		
		ol {
			list-style-type: upper-alpha;
			padding-left: 25px;
			margin: 0 0 12px 0;
		}
		
		ul {
		 list-style-type: disc;
		 margin: 0 0 12px 0;
		 padding-left: 20px;
		}
		
		ul li, ol li {
			margin: 0;
			padding-left: 0;
		}
		
		.revbar {
			color: #fff;
			padding: 0 0 1px 10px;
		}
		
		table {
			font-family: Arial;
		}
		
		th {
			font-weight: bold;
		}
		td {
			font-style: normal;
			font-family: Arial;
		}
		
		.multi hr {
			display: block; 
			clear: both; 
			padding: 5px 0 0 0;
		}	
		
/* ---------------------------for branch calendar elements--------------------------- */
			
		.caltable {
			float: left;
			width: 100%;
			font: 11px/13px arial, helvetica, sans-serif;
			margin: 0 0 20px 0;
		}		
		
		.calth {
			font: bold 11px/13px arial, helvetica, sans-serif; 
			background-color: #cfde9f;
			
		}
		.calcol1 {
			vertical-align: top;
			width: 50px;
			padding: 2px;
		}
		.calcol2 {
			vertical-align: top;
			width: 140px;
			padding: 2px;
		}	
		.calcol3 {
			vertical-align: top;
			width: 200px;
			padding: 2px;
		}	
		.calcol4 {
			vertical-align: top;
			width: 90px;
			padding: 2px;
		}
		.calcol2 a, .calcol3 a {
			font-size: 11px;
			line-height: 13px;
		}	

		
/* -------------------------form elements------------------------------ */
		div.form { 
			float: left;
			width: 380px; 
			color: #333;
		  	font-family: arial, helvetica, sans-serif;
		  	font-size: 11px;
			text-align: left;
		}
		
		div.frow {
		  	clear: both;
		  	padding-top: 3px;
		  	color: #333;
	  }
	
		div.frow span.label {
		  	float: left;
		  	width: 90px;
		  	text-align: right;
		}
		
		div.frow span.blabel {
		  	float: left;
		  	width: 90px;
		  	text-align: right;
		  	padding-top: 3px;
		  	font-weight: bold;
		}
		
		div.frow span.frm {
		  	float: right;
		  	width: 280px;
		  	text-align: left;
		  	margin-top: 3px;
		} 
		

/* other classes  */

		.bold {
			font-weight: bold;
		}
		
		.ital {
			font-style: italic;
		}
		
		.img_3 {
			float: right;
			margin: 10px;
		}