/**
 * layout div's
 */

#info {
	position: relative;
	margin: 0 auto 10px auto;
	width: 100%;
	text-align: left;
	height: 20px;
}

#infoleft {
	float:left;
}

#inforight {
	float:right;
	margin:3px 0 0 0;
}


#header {
	position: relative;
	background: url(hsl_banner.gif) no-repeat top left;	
	margin: 0 auto 2px auto;
	width: 100%;
	text-align: right;
}

#info P {
	text-align: right;
	float: right;
}

#footer {
	position: relative;
	border-top: 1px solid #d0d0d0;
	margin: 10px -1px auto 0;
	width: 100%;
	clear: both;
}

#footer P {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 8px;
	text-align: center;
	color: #d0d0d0;
	}

#pagetitle {
	background-color:#CDECFF; 
	margin:0px 0 0 5px; 
	border-left:153px solid #fff;
	}
#pagetitlefull {
	background-color:#CDE7AC; 
	margin:0px; 
	}

#pagetitle h1, #pagetitlefull h1, #pagetitlefull h2 { 
	margin:0; 
	padding:5px; 
	}


/* left menu  */
#leftmenu {
	width:140px; 
	padding:15px; 
	padding-right:0; 
	background: url(hsl_menu_bg.jpg) no-repeat bottom; 
	background-color: #CDECFF; 
	float:left;
	}
#leftmenu a{ 
	color: #416EBB; 
	text-decoration: none;
	}
#leftmenu a:hover{ 
	color: #000; 
	text-decoration: underline;
	}

/* if using TABLE method - no widths */
#centercontent-tables {
	float:left; 
	margin:10px;
	}

#rightcontent-tables {
	float:left; 
	margin:10px;
	}

/* right hand content  */
#rightcontent {
margin:8px;
float:left;
width:35%;
z-index: 3;
color: #000;
padding: 2px;}
#rightcontent p {margin:0px; margin-bottom:4px;}

/* center of page content  */
#centercontent {float:left; margin:10px; width:35%;}
#centercontent p {margin:0px; margin-bottom:4px;}

/* main content  */
#maincontent {margin:10px;	border-left:153px solid #fff;}
#maincontent p {margin:0px; margin-bottom:4px;}

/* styles for tops of boxes */
.subheading {
	font-size: 1.1em;
	background: #E2E9F3; 
	padding:3px; 
	}
.subheading-red {
	background:#EEB9C9; 
	padding:3px; 
	}
.subheading-green {
	background:#C7F9C1; 
	padding:3px; 
	}
.column{
	padding:3px; 
}

////////////// new \\\\\\\\\\\\\\\
.clearboth {clear:both;}

body {
	background-color: #ffffff; 
	//font-family: Arial, sans-serif;
	padding: 5px 5px;
	//font-size:0.9em;
	margin: 0px;
}

#left {
	float:left;
	width:160px;
	margin:0; padding:0;
	}
#navidiv{
	background-color: #CDECFF;
	width:	100%;
	}
#right {
		float:right;
		width:235px;
		margin:0; padding:0;
}
#middle {
		margin:0 235px 0 160px;
}
.column_ {
	margin-left: 5px;
	margin:0 5px 0 5px; 
	padding:0 2px;
}
.column_top {
	margin: 0px 0px 4px 0px;
	padding:1em;
	height: 3em;
	vertical-align: middle;
}
.right {
	background: #D4EFFC;
}
.right_selected {
	background: #00A0E4;
}
.main {
	background: #CDE7AC;
}
.menu {
	background: #CDE7AC;
	padding:1em;
	margin-left: 5px;
	color: #FFFFFF;
}
.right_title{
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: bold;
   display: inline;
}
.itemlist{
	line-height: 2em;
}