@charset "utf-8";
body { margin:0; padding:0; width:100%; color:#5f5f5f; font:normal 11px/1.8em Verdana, Geneva, sans-serif;}
html, .main { padding:0; margin:0; background-color:#ffffff;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h1 { margin:0; padding:5px 0; color:#000000; font:normal 26px/1.2em Verdana, Geneva, sans-serif;}
h1 a, h1 a:hover { color:#000000; text-decoration:none;}
h2 { font:normal 20px Verdana, Geneva, sans-serif; color:#323a3f; padding:4px 0; margin:4px 0;}
h3 { font:italic 16px Verdana, Geneva, sans-serif; color:#323a3f; padding:4px 0; margin:4px 0;}
h4 { font:italic 14px Verdana, Geneva, sans-serif; color:#323a3f; padding:4px 0; margin:4px 0;}
h5 { font:bold 12px Verdana, Geneva, sans-serif; color:#323a3f; padding:4px 0; margin:4px 0;}
h6 { font:bold 10px Verdana, Geneva, sans-serif; color:#323a3f; padding:4px 0; margin:4px 0;}
p { margin:6px 0; padding:0 0 4px 0; font:normal 11px/1.8em Verdana, Geneva, sans-serif; text-align:justify;}
p.small { margin:0; padding:0 0 4px 0; font:normal 9px Verdana, Geneva, sans-serif; text-align:left;}
ul { font:normal 11px/1.8em Verdana, Geneva, sans-serif; text-align:justify;}
a { color:#800000; text-decoration:underline; cursor:pointer;}
hr { width:100%; color:#95B1C9; height:1px; background-color:#95B1C9; border:none;}
.inputclass {font:normal 11px/1.8em Verdana, Geneva, sans-serif; }
.bold {font-weight:bold; }
.red {color:red; font-weight:bold; }
.right {text-align:right; }
.T {text-align:left; font-family:Verdana, Geneva, sans-serif; color:#800000; font-size:18px;}	/* maroon */
.B {text-align:left; font-family:Verdana, Geneva, sans-serif; color:#000080; font-size:14px; text-decoration:none; cursor:none; }	/* navy heading */
/* top*/
.top { margin:0 0 0 150px; padding:0; width:100%; background-color:#ffffff; clear:both; }
.top .col { margin:0; float:left;}
.top .c1 { padding:10px 16px 0 0; width:350px;}
.top .c2 { padding:0; width:400px;}
.top img { border:0px solid #fff; }
/* header */
.header1 { margin:0; padding:0; width:100%; background-color:#95B1C9; overflow:hidden; clear:both; }
.header1 .col { margin:0; width:100%; float:left;}
.header1 .advertc1 { padding:0 0 0 200px; width:420px;}
.header1 .advertc2 { padding:0; width:250px;}
.header2 { margin:0; padding:0; width:100%; border:1px; background-color:#CAD8E4; height:4px; font-size:0px; line-height:0px; }
.header3 { margin:0 0 10px 0; padding:0; width:100%; background-color:#95B1C9; height:35px;}
.header3 .hormenu {float:left; margin-left:150px; padding-top:5px;}
/*two scrollers*/
#pscroller1 { width: 400px; height: 25px; border: 0px solid black; padding: 0; }
#pscroller2 { width: 250px; height: 40px; border: 0px solid black; padding: 8px; }
#pscroller2 a { text-decoration: none; }
.scrollclass { font:normal 14px Verdana, Geneva, sans-serif; color:#800000; }
.content, .menu_nav, .content .mainbar, .content .sidebar { margin:0; padding:0; }
.content_resize { margin:0 150px; padding:0 40px; width:100%; }
/* content */
.content { padding-bottom:16px; clear:both; }
.content_resize { padding:0px 40px 4px 0; width:930px;}
.content img { margin-left:40px; padding:0; border:0px solid #fff;}
.content img.ilf { margin:0 16px 4px 16px; padding:0; float:right;}
.content img.lf { margin:0; padding:0; vertical-align:text-bottom;}
.content .mainbar { float:left; width:660px; padding-right:17px; background:url(/HR/On360.nsf/mainbar_bg.png) no-repeat right top;}
.content .mainbar .submb { padding:24px 23px 24px 40px; background-color:#e8ebd8;}
.content .mainbar .article, .content .sidebar { margin:0; padding:0 0 16px 0;}
.content .sidebar { float:right; width:236px;}
.content img.login { margin:0; padding:0;}
.content a.login { text-decoration:none;}
ul.mb_menu { margin:3px 0 3px 0px ; padding:0; list-style-type:none;}
ul.mb_menu li { margin:0; padding-left:20px; text-align:justify; background-image:url("/HR/On360.nsf/bullet2.gif"); background-repeat:no-repeat; background-position:0px 3px; }
ul.mb_menu li a { text-decoration:none;}
ul.mb_menu li a span { padding:23px;}
ul.mb_menu li a:hover { font-weight:bold; text-decoration:underline;}
ol.mb_menu { margin:3px 0 3px 15px ; padding:0; list-style-type:decimal;}
ol.mb_menu li { display:block; clear:both; text-align:justify;}
ol.mb_menu li a { text-decoration:underline;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
#clients table {border:0 }
#clients td {height:60px; padding:10px; vertical-align:top;}
#community table {border:0 }
#community td {padding:10px; vertical-align:top;}
#overview table {border:0 }
#overview td {padding:10px; vertical-align:top;}
/* footer */
.trim { margin:0 150px; padding:0; width:100%; background-color:#CAD8E4; height:4px; font-size:0px; line-height:0px; clear:both; }
.footer { margin:0 150px; padding:0; width:100%; background-color:#95B1C9; height:35px; clear:both; overflow:visible; }
.footer .col { float:left; }
.footer .c1 { width:450px; padding:0 0 0 50px; border: 0px solid black; }
.footer .c2 { border: 0px solid black; }
ul.fmenu { list-style:none; }
ul.fmenu li { padding:6px 0 6px 8px; float:left;}
ul.fmenu li a { color:#ffffff; text-decoration:none;}
ul.fmenu li a:hover { color:#ffffff; text-decoration:underline;}
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
div.transbox { width:400px; height:180px; margin:30px 50px; background-color:#ffffff; border:1px solid black; opacity:0.6; filter:Alpha(opacity=60); /* IE8 and earlier */ }
div.transbox p { margin:30px 40px; font-weight:bold; color:#000000; }
.button, submit {
	font: 11px Verdana, Geneva, sans-serif;
	background-color:#CCCCCC;
	border-top:solid outset 2px;
	border-left:solid outset 2px;
	border-bottom:solid inset 2px;
	border-right:solid inset 2px;
	cursor:pointer;
}
table.marketing { border-collapse: collapse; }
table.marketing th { text-align:left; width:107px; border:0px solid gray; padding:5px; }
table.marketing td { vertical-align:top; width:105px; border:1px solid gray; padding:5px; background:url(/HR/On360.nsf/menu_m1bg5.gif); }
@media print {
	.noPrint { display:none; } 
}
.weatherFeed {
	font-family: Arial, sans-serif;
	font-size: 90%;
	margin: 2em 3em;
	width: 280px;
	color: #888;
}
.weatherFeed a { color: #888; }
.weatherFeed a:hover {
	color: #000;
	text-decoration: none;
}
.weatherItem {
	padding: 1em;
	text-align: right;
}
.weatherCity { text-transform: uppercase; color: #000; }
.weatherTemp {
	font-size: 2.8em;
	font-weight: bold;
	color: #888;
}
.weatherDesc, .weatherCity { font-weight: bold; }
.weatherDesc { margin-bottom: 0.4em; color: #888; }
.weatherRange, .weatherWind { font-size: 0.8em; }
.weatherLink {
	margin-top: 6px;
	text-align: left;
	font-size: 0.8em;
}
.vertical {  
	position:relative;
	overflow:hidden;
	height: 160px;
	width: 280px;
	border: 0px solid #323a3f;
	background: #323a3f url('/HR/On360.nsf/menu_m1bg5.gif');
}
.items {
	position:absolute;
	height:20000em;
	margin: 0px;
}
.items div.weatherItem { height: 160px; }
.navi {
	width:288px;
	height:20px;
}
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background: url('/HR/On360.nsf/navigator.png') 0 0 no-repeat;
	display:block;
	font-size:1px;
}
.navi a:hover { background-position:0 -8px; }
.navi a.active { background-position:0 -16px; }