﻿/* PROMOS */

#promos img { float: left; border: 0pt; margin: 0pt 12px 0 0;}
.contentIcon { position: relative;float: left;margin: 0 0 0 0;padding: 3px 3px 0 0;}

/* FEATURES */

#HRhome-sub-features {
    background: url(../ThemeImages/feature_home4.gif) 14px 0 no-repeat;
    margin: 20px 0 10px 0;
    padding: 5px 0 0 0;
    height: 175px;
    font-size: 100%;
    font-family: georgia, serif;
    font-weight: normal;
}

#sub-feature-left {
    width: 204px;
    background-color:   Transparent;
    margin: 0px 0px 0px 62px;
    float: left;
}

#sub-feature-center {
    width: 204px;
    background-color:   Transparent;
    margin: 0px 0px 0px 52px;
    float: left;
}

#sub-feature-right {
    width: 204px;
    background-color: Transparent;
    margin: 0px 0px 0px 48px;
    float: left;
}

.sub-feature {
    background-color: transparent;
    margin: 8px 0px 0px 0px;
    float: left;
    font-size: 100%;
    font-family: georgia, serif;
    font-weight: normal;
    display: inline; /* fix IE margin issue */
}

.sub-feature h3 { font-size: 15px; margin-bottom: 5px;color: #924357; }
.sub-feature h3 a { display: block; position: relative; }

.sub-feature h3 a:link,
.sub-feature h3 a:visited 
{ color: #924357; text-decoration: none; }

.sub-feature p { font-size: 110%; margin: 0 0 15px 0; color: #55544F; }

.sub-feature p a:link, 
.sub-feature p a:visited {font-weight: bold; text-decoration: none; color: #3c5878;}

.sub-feature p a:hover, 
.sub-feature p a:active, 
.sub-feature h3 a:hover
{ text-decoration: underline; color: #0489b7; }

.HRhome-right-features {
    background: url(../ThemeImages/feature_Int_150.gif) 0px 0 no-repeat;
    margin: 5px 0 0 0;
    padding: 0 0 0 10px;
    width: 245px;
    height: 150px;
    font-size: 110%;
    font-family: georgia, serif;
    font-weight: normal;
    float: left;
}

.HRhome-right-features-135 {
    background: url(../ThemeImages/feature_Int_135.gif) 0px 0 no-repeat;
    margin: 5px 0 0 0;
    padding: 0 0 0 10px;
    width: 245px;
    height: 135px;
    font-size: 110%;
    font-family: georgia, serif;
    font-weight: normal;
    float: left;
}

.HRhome-right-features-170 {
    background: url(../ThemeImages/feature_Int_170.gif) 0px 0 no-repeat;
    margin: 5px 0 0 0;
    padding: 0 0 0 10px;
    width: 245px;
    height: 170px;
    font-size: 110%;
    font-family: georgia, serif;
    font-weight: normal;
    float: left;
}

.contentCol {
    position: relative;
    float: left;
    margin: 10px 0 0 40px;
    padding: 0 0 0 0;
    width: 100%;
    height: 100%;
}

.contentCol h1 {
	font-size:		27px;
	font-weight:	normal;
	letter-spacing: 1px;
	/* color: #37779d; */
	color: #993300;
	font-style:		normal;
	padding: 0 0 4px 0;
	margin: 0 0 6px 0;
	border-bottom: solid 2px #dbd5c5;
	width:750px;
}

.contentCol h2 {
	font-size:		17px;
	font-weight:	normal;
	color:			#444444;
	font-style:		normal;
	padding: 7px 0 4px 0;
	margin: 0 0 6px 0;
}

.contentCol h2.blueback {
	font-size:		17px;
	font-weight:	normal;
	color:			#FFFFFF;
	text-align:center;
	background-color:#0060a1;
	font-style:		normal;
	padding: 10px;
	margin: 0 0 6px 0;
}

.contentCol h3 {
	font-size:		12px;
	font-weight:	normal;
	color:			#676767;
	font-style:		normal;
	background-color: #F0F0F0;
	padding: 5px 0 5px 0;
	margin: 0 0 0 0px;
	border-top: solid 3px #d9edff;	
}

.contentCol h4 {
	font-size:		14px;
	font-weight:	normal;
	color:			#000000;
	font-style:		normal;
	padding: 7px 0 4px 0;
	margin: 0 0 6px 0;
}

.contentCol p {
	font-size:		13px;
	font-weight:	normal;
	color:			#333333;
	font-style:		normal;
	line-height: 130%;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
}

.contentCol p.ul {
	font-size:		13px;
	font-weight:	normal;
	color:			#333333;
	font-style:		normal;
	line-height: 130%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.contentCol p.ol {
	font-size:		13px;
	font-weight:	normal;
	color:			#333333;
	font-style:		normal;
	line-height: 130%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.contentCol li {
/*list-style-image: url(../images/bulletArrow3.gif); */
	font-size:		13px;
	font-weight:	normal;
	color:			#333333;
	font-style:		normal;
	list-style: disc;
	padding: 0 0 5px 0;
	margin: -12px 0 12px 10px;
}

.contentCol li.start {
	font-size:		17px;
	font-family:	georgia,"Times New Roman",times,serif;
	font-weight:	normal;
	color:			#333333;
	font-style:		normal;
	list-style: disc;
	padding: 0 0 5px 0;
	margin: -10px 0 12px 25px;
}

.contentCol a:link, 
.contentCol a:visited
{ color:#333333; text-decoration: underline;}

.contentCol a:hover
{color:#CC6600; text-decoration: underline; }	

/* LEFT COLUMN */

.leftColumn
	{
		position: relative;
		float: left;
		margin: 0 0 0 40px;
		padding: 0 0 0 0;	
		width: 100%;
		background-color: transparent;
		border-right: solid 1px #CCCCCC;
	}
	
.leftColumn img
	{
		position: relative;
		margin:  0 0 0 0;
		padding: 0 0 0 0;
		background-color: transparent;
	}

.leftColumn h1 {
		font-family:	Verdana, Helvetica, sans-serif;
		font-size:		13px;
		font-weight:	bold;
		color:			#676767;
		font-style:		normal;
		text-decoration: none;
		padding: 4px 0 5px 0;
		margin: 0 10px 10px 0;
		border-top: solid 2px #004a8d;
		border-bottom: dashed 1px #004a8d;
	}
	
.leftColumn h1.start {
		margin:  -20px 0 0 0;
	}

.leftColumn h1.contact {
		margin:  0 0 20px 0;
		vertical-align: bottom;
		 
	}

.leftColumn h2 {
		font-family:	Verdana, Helvetica, sans-serif;
		font-size:		13px;
		font-weight:	 normal;
		color:			#676767;
		font-style:		normal;
		text-decoration: none;
		padding: 4px 0 5px 0;
		margin: 0 0 10px 0;
		background-color: Transparent;
		border: 0;
	}
	
.leftColumn h3 {
		font-family:	Verdana, Helvetica, sans-serif;
		font-size:		13px;
		font-variant: small-caps;
		font-weight:	bold;
		color:			#676767;
		font-style:		normal;
		text-decoration: none;
		text-align:left;
		padding: 4px 0 5px 0;
		margin: 0 10px 10px 0;
		border-top: solid 2px #CFCFCF;
		border-bottom: dashed 1px #CFCFCF;
		background-color: Transparent;
	}
	
.leftColumn p {
		font-family:	Verdana, Helvetica, sans-serif;
		font-size:		12px;
		font-weight:	normal;
		color:			#676767;
		font-style:		normal;
		text-decoration: none;
		text-align: left;
		margin: 10px 10px 10px 0;
		padding: 0 0 0 0;
		background-color: Transparent;
	}
	
.leftColumn p.contact {
		font-family:	Verdana, Helvetica, sans-serif;
		font-size:		12px;
		font-weight:	normal;
		color:			#676767;
		font-style:		normal;
		text-decoration: none;
		text-align: left;
		margin:   10px 5px 10px 0;
		padding: 0 0 0 0;
		background-position: bottom right;
		background-color: Transparent;
		
	}
	
.leftColumn p.gray {
	background-color: #F3F3F3;
	}
	
.leftColumn hr {
		position: relative;
		border-top: dashed 1px #CFCFCF;
		border-bottom: solid 1px #FFFFFF;
		border-left: solid 1px #FFFFFF;
		border-right: solid 1px #FFFFFF;
		width: 100%;  
		padding: 0 0 0 0;
		margin: 20px 0 20px 0;
		height: 1px;       
	}

.leftColumn a:link, a:visited
	{
		color:			#004a8d;
		text-decoration: none;	
	}

.leftColumn a:hover
	{
		color:			#CC6600;
		text-decoration: underline;
	}	
	
.formText
	{
		background-color:	#FFF;
		font-size:		12px;
		font-weight:	normal;
		color:			#000000;
		border:			inset 1px #808080;
		
	}
	
.formInput
	{
		background-color:	#FFF;
		font-size:		12px;
		font-weight:	bold;
		color:			#424242;
		text-decoration: none;
	}
