/******************************************************* // HR-Specific Layout // *****************************************************/

/* LINK styles */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/

/*General heading link styles*/	
h1 a
	{
	color:#fff;
	}

h1 a:visited
	{
	color:#fff;
	}

h1 a:hover
	{
	color:#004388;
	}

h4 a
	{
	color:#004488;
	}

h4 a:hover
	{
	color:#486000;
	}


a,
a:visited,
p a,
p a:visited
	{
	/*color:#004480;*/
	color:#676666;
	font-weight:bold;
	text-decoration:none;
	}

a:hover,
p a:hover
	{
	/*color:#486000;*/
	text-decoration:underline;
	color:#0F3D55;
	}

li a,
li a:visited
	{
	color:#676666;
	font-weight:bold;
	text-decoration:none;
	}
li a:hover
	{
	text-decoration:underline;
	color:#0F3D55;
	}

/*Style-specific links*/
#legend
	{
	clear:both;
	margin-bottom:20px;
	}
#legendLEFT
	{
	margin-top:10px;
	}
#legendRIGHT
	{
	margin-top:10px;
	}
	
#legend h2 a span.subsitename
	{
	color:#0a304e;
	}

#legend h2 a:hover span.subsitename
	{
	color:#68abd0;
	}

#legend h2 span.pagename
	{
	color:#676666;
	}

#legend h2 a:hover span.pagename
	{
	color:#0F3D55;
	}

span.extralink, span.green
	{
	color:#97b657;
	}

span.extralink a
	{
	/* color:#004480; */
	color:#676666;
	font-weight:bold;
	text-decoration:none;
	}
span.extralink a:hover
	{
	text-decoration:underline;
	}

/* Heading styles */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
h1.heading
	{
	font-size:32px;
	letter-spacing:-2px;
	margin-bottom:10px;
	margin-left:-1px;
	color:#0F3D55;
	}

h2
	{
	color:#676666; 
	}

h3					
	{
	color:#676666; 
	}

h4
	{
	color:#676666; 
	}
	
h5 {
    color:#676666;
	font-weight:bold;
	font-size:medium;
}

h6
	{
	color:#676666; 
	font-size:small;
	font-style: italic;
	}

/* SITE-SPECIFIC NAVIGATION styles and configuration */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/

/*Default menu aligns left*/
#glocal
	{
	float:left;
	/***for right-aligned navigation: set float to right***/
	/*float:right;*/
	}

#glocalnav, #glocalnav ul 
	{
	float:left;
	/***for right-aligned navigation listing: set float to right***/
	/*float:right;*/
	}

#glocalnav li:hover ul 
	{
	left: auto;
	/***for right-aligned navigation: set right:auto***/
	/*right:auto;*/
	}

#glocalnav li:hover ul, #glocalnav li.sfhover ul 
	{
	margin:-20px 0px 0px 185px;
	/***for right-aligned navigation: change the spacing***/
	/*margin:-20px 185px 0px 0px;*/
	}

/*Styles for site-specific navigation with background color; default color is medium gray with white text*/

.filledmenu ul#glocalnav
	{
	/***for navigation with background color: set background color***/
	background:#b1b1b1;
	/***for navigation without background color: set background to none***/
	/*background:none;*/
	}

.filledmenu ul li a
	{
	/***for navigation with background color: set reversed font color***/
	color:#fff;
	/***for navigation without background color: set non-white font color***/
	/*color:#004480;*/
	}

.filledmenu ul li a:hover
	{
	color:#004480;
	text-decoration:none;

	}

.filledmenu h4.glocal2nav
	{
	margin-top:20px;
	}

.filledmenu #glocalnav li:hover ul, .filledmenu#glocalnav li.sfhover ul 
	{
	margin:-20px 0px 0px 160px;
	/***for right-aligned navigation: change the spacing***/
	/*margin:-20px 160px 0px 0px;*/
	}


/*Styles for left navigation with no background color or white background; default menu text color is blue*/
.whitemenu
	{
	width:210px;
	/***optional border for white background menu***/
	/*border-top:#eaeaea 1px solid;*/
	/*border-bottom:#eaeaea 1px solid;*/
	}

.whitemenu ul
	{
	/***for navigation without background color: set background to none***/
	background:none;
	}

.whitemenu ul li a
	{
	/***for navigation without background color: set non-white font color***/
	color:#676666;
	font-weight:bold;
	}

.whitemenu ul li a:hover
	{
	color:#0F3D55;
	text-decoration:none;
	}

/*Colors and borders for navigation blow-outs*/

#glocalnav li
	{
	/*font-size:1.1em;*/
	padding-top:3px;
	padding-bottom:5px;
	}

#glocalnav li ul 
	{
	*background-color:#333;
	border:#444 2px solid;
	}

#glocalnav li ul li
	{
	font-size:12px;
	border-bottom:#666 1px solid;
	}

#glocalnav li ul li a
	{
	color:#fff;
	font-weight:normal;
	}

#glocalnav li ul li a:hover
	{
	color:#a3c362;
	}
/*End menu tweaks*/


/* CONTENT specs */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
#main1col
	{
	margin-top:10px;
	}
	
#content h2
	{
	margin:13px 0px 10px 0px;
	}

#highlightIMG img
	{
	padding:3px;
	border:#ccc 1px solid;
	}
	
#highlightIMGE img
	{
	padding:2px;
	height:10px;
	width:10px;
	
	}


#highlightIMG h2
	{
	text-transform:uppercase;
	color:#0F3D55;
	}

#highlightIMG p
	{
	color:#666;
	}

p.getmore
	{
	text-align:right;
	margin-right:20px;
	}

p.getmore a
	{
	color:#004480;
	text-decoration:none;
	}

p.getmore a:hover
	{
	color:#486000;
	text-decoration:underline;
	}

/*Optional top-of-page feature specs and background graphics*/
#feature
	{
	clear:both;
	width:960px;
	height:305px;
	background-color:#fff;
	display:block;
	text-align:center;	
	margin-bottom:20px;
	}

#feature img
	{
	margin-top:10px;
	}

#featureMenu
	{
	margin-top:5px;
	display:block;
	}

#featureRight
	{
	padding-top:5px;
	}

#featureRight img
	{
	float:right;
	}

#featureRTall
	{
	width:730px;
	height:295px;
	text-align:center;
	float:right;
	background-color:#FFFFFF;
	margin-bottom:15px;
	}

#featureRTall img
	{
	margin-top:10px;
	}


	
/*style for <BODY>*/	

#brownfeature
	{
	background: url('/finadmin/humres/images/brownbggrad.png') repeat-x;
	}

/* Three- and Five-column Top specs */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
#feature3col
	{
	width:100%;
	margin-top: -2px;
	margin-bottom: 2px;
	}

.topbox
	{
	float:left;
	width:320px;
	text-align:left;
	margin-bottom:-15px;
	}

.topbox4
	{
	float:left;
	width:230px;
	height:170px;
	text-align:left;
	margin:5px 10px 10px 0px;
	}


.topbox5
	{
	float:left;
	width:184px;
	height:90px;
	text-align:left;
	margin:7px 8px 8px 0px;
	}

.topbox h3, .topbox4 h3, .topbox5 h3
	{
	margin-left:3px;
	}

.topbox p
	{
	width:290px;
	display:block;
	margin-left:3px;
	}

.topbox div.image
	{
	width:301px;
	height:195px;
	float:none;
	}

.topbox div.image a
	{
	border:none;
	}

.topbox div.image img
	{
	width:282px;
	height:147px;
	margin-top:12px;
	margin-left:13px;
	border:none;
	}

#topbox4last, #topbox5last
	{
	margin-right:0px;
	}

.topbox4 p
	{
	width:180px;
	display:block;
	margin-left:3px;
	}

.topbox4 div.image
	{
	width:230px;
	height:170px;
	float:none;
	background-color:#fff;
	border:#43352b 1px solid;
		}

.topbox4 div.image a
	{
	border:none;
	}

.topbox4 div.image img
	{
	width:220px;
	height:160px;
	margin-top:5px;
	margin-left:5px;
	border:none;
	}

.topbox5 div.image
	{
	width:184px;
	height:90px;
	float:none;
	float:none;
	background-color:#fff;
	border:#43352b 1px solid;
	}

.topbox5 div.image a
	{
	border:none;
	}

.topbox5 div.image img
	{
	width:174px;
	height:80px;
	margin-top:5px;
	margin-left:5px;
	border:none;
	}

.topbox5 p
	{
	width:180px;
	display:block;
	margin-left:3px;
	}




/* TABLE styles */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/



table {
	font-size:12px;
	font-family:Helvetica, Arial, Geneva, sans-serif;
    /*border-collapse: collapse;*/
        border: 1px /*solid #ffffff*/;
	border-top: 1px /*#70B3D6*/;
	border-bottom: 1px /*#70B3D6*/;
        margin-left:auto;
        margin-right:auto;
        empty-cells: show
}
th {
	font-size:12px;
	font-family:Helvetica, Arial, Geneva, sans-serif;
	padding: 5px 10px;
	font-variant: small-caps;
	color: #fff;
	font-weight: bold;
	text-align: left;
	letter-spacing: -1px;
        background: #0a304e;
}

tbody td ,tbody th {
	padding: 5px 10px;
	background: #fff;
	color: #000;
}
tbody th {
	color: #fff;
	font-weight: normal;
	font-variant: normal;
	font-size: 1em;
        background: #70B3D6;
}

tfoot td, tfoot th {
	border: none;
	padding-top: 10px;
}


.hasSecondary
	{
	background:url('/finadmin/humres/images/arrows.jpg') center right no-repeat;
	}



ol {
     padding-left: 32px;
     margin: 5px 5px 5px 20px;
}



p.photoright {float: left; padding:0px 10px 0px 10px; font-size:10px; color: #003962; font-style:italic; margin: 0px 0px 0px 0px; line-height:100%; }



#brownpattern
	{
	background: url('/finadmin/humres/images/brownpattern.png') repeat-x;
	}


#brownpattern5
	{
	background: url('/finadmin/humres/images/small.brownpattern.png') repeat-x;
	}



#feature p a:hover, #feature p a:hover span.aboutchar
	{
	color:#887963;
	text-decoration:underline;
	}

span.aboutchar, span.aboutchared
	{
	color:#baca7c;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-right:2px;
	}

span.aboutchared, span.red
	{
	color:#ac0000;
	}

#feature3col p
        {
        color:#ccc;
        font-size:15px;
	text-align: left;
        }


#feature3col a
	{
	color:#a7cccd;
	text-decoration:none;
	font-size:20px;
	}




#featureIntro
	{
	clear:both;
	width:960px;
	height:221px;
	display:block;	
	margin-bottom:5px;
	}

#featureIntro h2
	{
	color:#ffffff;
	font-family:"Times New Roman", Georgia, Times, serif;
	font-size:47px;
	font-weight:normal;
	}

#featureIntroR
	{
	width:379px;
	height:184px;
	float:right;
	margin-top:15px;
	display:block;
	background-color:#fff;
	border:#43352b 1px solid;
	}

#featureIntroR img
	{
	margin:5px 0px 0px 5px;
	}

#featureIntroL
	{
	padding-top:10px;
	width:553px;
	float:left;
	}

#featureIntro p
	{
	color:#ccc;
	font-size:15px;
	}

#featureIntro p a
	{
	color:#a7cccd;
	text-decoration:none;
	font-size:20px;
	}

#featureIntro p a:hover, #featureIntro p a:hover span.aboutchar
	{
	color:#887963;
	text-decoration:underline;
	}



#navbar {
	background-color: #E9EAE7;
	padding-left: 7px;
	margin-top: 5px;
        margin-bottom: 16px;
	text-align: center;
}


#navbar ul {
	color: #5C6871;
	margin: 0;
	padding: 3px;
}

#navbar ul li {
	display: inline;
	margin: 0;
}

#navbar ul li a {
	color: #5C6871;
	padding: 3px;
	text-decoration: none;
}

#navbar ul li a:hover {
	color: #2E518B;
	text-decoration: underline;
}



#tbar {
	padding-left: 0px;
	padding-top: 5px;
	margin-top: 5px;
    margin-bottom: 16px;
	text-align: center;
	width:960px;
}


#tbar ul {
	color: #5C6871;
	margin: 0;
	padding: 3px;
}

#tbar ul li {
	display: inline;
	margin: 1px;
}

#tbar ul li a {
	color: #5C6871;
	padding: 3px;
	text-decoration: none;
}

#tbar ul li a:hover {
	color: #2E518B;
	text-decoration: underline;
}


#bookmarks
	{
	margin: 0 auto;
	width:960px;
	padding: 2px; 
	text-align:center;
	clear:both;
	}
