/*  Frontend CSS - frontend-style.css	*/

/*  Establish general layout parameters */
	

body {
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0px 0px 0px 0px;
}


td {
	font-family: arial,helvetica,sans-serif; 
	font-size: 10pt;
}


h1 {
	background-color: #FFFFFF;
	color: #0C3E78;	
	font-size: 18px;
	font-weight: bold;
}

h2 {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}

h3 {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 16px;
	font-weight: bold;

}

.text-header {
	background-color: #FFFFFF;
	color: #000000;	
	font-size: 14px;
	font-weight: bold;
}

.text-small {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 11px;
}

.text-small-welcome {
	background-color: #6E7168;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}

.text-copyright {
	background-color: #FFFFFF;
	color: #737373;
	font-size: 10px;
}

.link-fake {
	background-color: #FFFFFF;
	color: #ED1C24;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}

a {
	background-color: #FFFFFF;
	color: #0C3E78;
	text-decoration: none;
	font-weight: bold;
}

a:active {
	background-color: #FFFFFF;
	color: #0C3E78;
	text-decoration: none;
	font-weight: bold;
}

a:link {
	background-color: #FFFFFF;
	color: #0C3E78;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	background-color: #FFFFFF;
	color: #0C3E78;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	background-color: #FFFFFF;
	color: #ED1C24;
	text-decoration: underline;
	font-weight: bold;
}

.link-darkblue {
	background-color: #FFFFFF;
	color: #0C3E78;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}

.link-darkblue:active {
	background-color: #FFFFFF;
	color: #0C3E78;
	text-decoration: none;
	font-weight: bold;
}

.link-darkblue:link {
	background-color: #FFFFFF;
	color: #0C3E78;
	text-decoration: none;
	font-weight: bold;
}

.link-darkblue:visited {
	background-color: #FFFFFF;
	color: #0C3E78;
	text-decoration: none;
	font-weight: bold;
}

.link-darkblue:hover {
	background-color: #FFFFFF;
	color: #0C3E78;
	text-decoration: none;
	font-weight: bold;
}

.link-lightblue {
	background-color: #FFFFFF;
	color: #8796BE;
	text-decoration: none;
	font-weight: bold;
}

.link-lightblue:active {
	background-color: #FFFFFF;
	color: #8796BE;
	text-decoration: none;
	font-weight: bold;
}

.link-lightblue:link {
	background-color: #FFFFFF;
	color: #8796BE;
	text-decoration: none;
	font-weight: bold;
}

.link-lightblue:visited {
	background-color: #FFFFFF;
	color: #8796BE; 
	text-decoration: none; 
	font-weight: bold;
}

.link-lightblue:hover {
	background-color: #FFFFFF;
	color: #8796BE; 
	text-decoration: none; 
	font-weight: bold;
}

/*  Define the footer */

.copyright {
	background-color: #FFFFFF;
	color: #9EA496;	
	font-size: 10px;
}

#footer {
	right: 0;
	text-indent: 15px;
	width: 100%; 
	text-align: right;
}

/* Define the Subnav Location */

div.container {
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
}

div.container {
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
}

div.CompanyNav {
	position: absolute;
	top: 0px;
	left: -39px;
	width: 150px;
	padding: 0px;
	visibility: hidden;
	z-index:9999;
}

div.ServicesNav {
	position: absolute;
	top: 0px;
	left: 33px;
	width: 150px;
	padding: 0px;
	visibility: hidden;
	z-index:9999;
}

div.EmploymentNav {
	position: absolute;
	top: 0px;
	left: 102px;
	width: 150px;
	padding: 0px;
	visibility: hidden;
	z-index:9999;
}

div.HideLayer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 0px;
	visibility: hidden;
	z-index:2;
}

/* Define the Subnav Element Styles */

#SubNav td {
	font-size:11px;
	font-weight:bolder;  
	text-align: left;
	vertical-align: middle;
	background-image: none;	
	background-color: #6E7168;
	display: block; 
	width: 150px;	
	color: #FFFFFF;
	float: none;
	padding: 0px;
}

#SubNav td a {
	font-size:11px;
	font-weight:bolder;  
	text-align: left;
	vertical-align: middle;
	height: 24px;
	line-height:24px;
	background-image: none;	
	background-color: #8796BE;
	display: block; 
	width: 150px;	
	color: #FFFFFF;
	float: none;
	text-decoration: none;
	border-left: 1px solid #0C3E78;
	border-right: 1px solid #0C3E78;
	border-bottom: 1px solid #0C3E78;
}

#SubNav td a:hover {
	background-image: none;
	color: #000000;
	background-color: #FBAF5D;
	text-decoration : none;
	border-left: 1px solid #0C3E78;
	border-right: 1px solid #0C3E78;
	border-bottom: 1px solid #0C3E78;	
}

#SubNav1 td {
	font-size:11px;
	font-weight:bolder;  
	text-align: left;
	vertical-align: middle;
	background-image: none;	
	background-color: #6E7168;
	display: block; 
	width: 150px;	
	color: #FFFFFF;
	float: none;
	padding: 0px;
}

#SubNav1 td a {
	font-size:11px;
	font-weight:bolder;  
	text-align: left;
	vertical-align: middle;
	height: 24px;
	line-height:24px;
	background-image: none;	
	background-color: #8796BE;
	display: block; 
	width: 150px;	
	color: #FFFFFF;
	float: none;
	text-decoration: none;
	border-left: 1px solid #0C3E78;
	border-right: 1px solid #0C3E78;
	border-bottom: 1px solid #0C3E78;
}

#SubNav1 td a:hover {
	background-image: none;
	color: #000000;
	background-color: #FBAF5D;
	text-decoration : none;
	border-left: 1px solid #0C3E78;
	border-right: 1px solid #0C3E78;
	border-bottom: 1px solid #0C3E78;
}

#SubNav2 td {
	font-size:11px;
	font-weight:bolder;  
	text-align: left;
	vertical-align: middle;
	background-image: none;	
	background-color: #6E7168;
	display: block; 
	width: 150px;	
	color: #FFFFFF;
	float: none;
	padding: 0px;
}

#SubNav2 td a {
	font-size:11px;
	font-weight:bolder;  
	text-align: left;
	vertical-align: middle;
	height: 24px;
	line-height:24px;
	background-image: none;	
	background-color: #8796BE;
	display: block; 
	width: 150px;	
	color: #FFFFFF;
	float: none;
	text-decoration: none;
	border-left: 1px solid #0C3E78;
	border-right: 1px solid #0C3E78;
	border-bottom: 1px solid #0C3E78;
}

#SubNav2 td a:hover {
	background-image: none;
	color: #000000;
	background-color: #FBAF5D;
	text-decoration : none;
	border-left: 1px solid #0C3E78;
	border-right: 1px solid #0C3E78;
	border-bottom: 1px solid #0C3E78;
}

/*  Define the form elements */

input.loginbox {
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000000;
	vertical-align: middle;
	border: 1px solid #000; 
	background-color: #E4E4E4;
	width: 160px;
	height:20px;
}

input.Loginbutton { 
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000000;
	border: 1px solid #000; 
	background-color: #E4E4E4;
	width: 100px;
	height:20px;
}


input.button { 
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000000;
	font-weight: bold; 
	border: 1px solid #6D7067; 
	background-color: #FFFFFF;
	width: 100px;
	height:20px;
}

input.largebutton {
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000000;
	font-weight: bold; 
	border: 1px solid #6D7067; 
	background-color: #FFFFFF;
	width: 150px;
	height:20px;
}

input.textbox { 
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000000;
	vertical-align: middle;
	border: 1px solid #6D7067; 
	background-color: #FFFFFF;
	width: 200px;
	height:20px;
	padding-left:3px;
}

select.select {  
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000000;
	vertical-align: middle;
	border: 1px solid #6D7067; 
	background-color: #FFFFFF;
	width: 200px;
	height:20px;
}

select.selectmedium {  
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000000;
	vertical-align: middle;
	border: 1px solid #6D7067; 
	background-color: #FFFFFF;
	width: 365px;
	height:20px;
}

select.selectlarge {  
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000000;
	vertical-align: middle;
	border: 1px solid #6D7067; 
	background-color: #FFFFFF;
	width: 425px;
	height:20px;
}


select.LoginSelect { 
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000000;
	vertical-align: middle;
	border: 1px solid #000; 
	background-color: #E4E4E4;
	width: 160px;
	height:20px;
}

textarea.textarea {
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000000;
	border: 1px solid #6D7067; 
	background-color: #FFFFFF;
	width: 300px;
	height:100px;
	padding-left:3px;
}

input.searchbutton { 
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000000;
	border: 1px solid #6D7067; 
	background-color: #FFFFFF;
	width: 30px;
	height:20px;
	vertical-align:middle;
}

input.searchbox {
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000000;
	vertical-align: middle;
	border: 1px solid #6D7067; 
	background-color: #FFFFFF;
	width: 180px;
	height:20px;
	padding-left:3px;
}

input.smalltextbox { 
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000000;
	vertical-align: middle;
	border: 1px solid #6D7067; 
	background-color: #FFFFFF;
	width: 100px;
	height:20px;
	padding-left:3px;
}

input.mediumtextbox {
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000000;
	vertical-align: middle;
	border: 1px solid #6D7067; 
	background-color: #FFFFFF;
	width: 150px;
	height:20px;
	padding-left:3px;
}

/* Purely Design Divs */

#Established {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:2;
}

.thumbnail {
	position: relative;
	z-index: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin-left: 25px;
}

.thumbnail1 {
	position: relative;
	z-index: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin-left: 25px;
}

.thumbnail:hover {
	background-color: #FFFFFF;
	z-index: 50;
	font-weight: bold;
	text-decoration: none;
	color: #000099;
}

.thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	padding: 0px;
	left: 100px;
	border: 0px solid gray;
	visibility: hidden;
	text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
	border-width: 0;
	padding: 0px;
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -100px;
	left: 300px; /*position where enlarged image should offset horizontally */
}

.thumbnail1:hover {
	background-color: #FFFFFF;
	z-index: 50;
	font-weight: bold;
	text-decoration: none;
	color: #000099;
}

.thumbnail1 span { /*CSS for enlarged image*/
	position: absolute;
	padding: 0px;
	left: 100px;
	border: 0px solid gray;
	visibility: hidden;
	text-decoration: none;
}

.thumbnail1 span img { /*CSS for enlarged image*/
	border-width: 0;
	padding: 0px;
}

.thumbnail1:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 75px;
	left: -200px; /*position where enlarged image should offset horizontally */
}