﻿/*CSS BROWSER RESET to default settings.---START*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0 none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; 
} /*CSS BROWSER RESET ----- END*/

/************************CSS_GENERAL-START_BELOW**************************/
html, body {height: 100%;}
body {background-color: #D5D0B0;}

/**************************************************************************************************COLOR*/
H4
{color: #FFFFFF;} /*WHITE*/

H3 , H5
{color: #000000;} /*BLACK*/

.spreadTop, .body_middle, .body_top_center
{background-color: #D5D0B0; }

/********************************************************************************************FONT-FAMILY*/
H2, H1, H4, H5, P, .bulletPadding
{font-family: Arial, Helvetica, Sans-serif;}

H3, H6, H7
{font-family: Verdana, Helvetica, Sans-serif;}

H1, H2, H4, H5, H6, H7
{font-weight: bold;}

/***********************************************************FONT-SIZE*/
.footer
{
font-size: 11px;
position:relative;
}

H3, P, H5, H6, A, A:link, A:visited     
{font-size: 12px;}
/******************************TEXT-DECORATION [UNDERLINE, NONE]*/
#contactBox
{
width: 310px;
height: auto;
display: block; 
padding: 4px 4px 4px 4px;
border-width: 1px 1px 1px 1px; 
border-style: solid solid solid solid;
}
 
/******* H1,2,3,4,5,6,7 - HEADER(S) ***********************************/

H1
{
color: #333;
font-size: 24px;
padding: 8px 10px 10px 0px; 
min-height: 32px;
max-height: auto;
line-height: 32px;
}

H2
{
font-size: 14px;
margin-top: 12px;
color: #00009c;
text-transform:uppercase
}

H3
{
font-weight: 800;
padding: 8px 0px 8px 0px; 
}

H4
{font-size: 26px;}

H5 
{
display: block;
padding: 3px 7px;
}

H6 
{color: #FFFFFF;}


/****** P,1,2,3,4,5 - PARAGRAPH(S) ****************************/
P
{
padding-top: 1px;
padding-bottom: 1px;
font-style: normal;
color: #000000;
}
/****** "UL", "OL", "LI" - Lists ****************************/
ul, ol, li
{} 

ul, ol
{}

li
{}


/****** "A" - Link ****************************/
A, A:link , A:visited /*Default Link*/
{
color: #0F3D7F; /*#0F3D7F*/
outline: none;
text-decoration: none;
}

A:active, A:hover   
{
color:  #0000CC; 
text-decoration: none;
}

.content_padding
{
padding-top: 10px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 15px; 
}	

/*Height, Bottom Bar Style*/
.spreadTop
{height: 119px;
z-index: -100;
}

.container_content, .container_top, .footerPadding
{
height: auto;
width: auto;
}

.content, .footer
{
max-width: 758px;
min-width: 640px;
margin-left:auto;
margin-right:auto;
background-color: #FFFFFF;
}

.footerPadding
{padding-top: 80px;
padding-bottom: 0px;}
  
.footer {
clear: both;
height: 25px;
padding: 10px 8px 0px 8px;
border-width: 1px 0px 0px 0px; 
border-style: solid;
border-color: #103051;
margin-top: -45px;
width: 700px;
}
	
/*Dark Grey & Line Width Color Scheme */	
.lineSolid, .lineDouble
{
border-bottom-color: #00009c;
border-bottom-width: 1px;
}			 

.lineSolid
{
border-bottom-style: double;
padding-bottom: 0px;
}

.lineDouble
 {
  border-bottom-style: double;
 border-width: medium;
 }

.lineDotted
{
border-bottom-style: dotted;
border-bottom-width: 1px;
overflow: auto;
padding-top: 0px;
padding-bottom: 4px;
border-bottom-color: #CCCCCC;
}

.lineBoxDiv
{
background-color: #484D46;
border-bottom-color: #CCCCCC;
border-bottom-width: 1px;
overflow: auto;
padding: 5px 5px 5px 5px;
}			 
			 		 

/*Specific To Main Webpage (index.cfm)*/
#contentLeft {
	float: left;
	margin: 0px 0px 0px 16px; 
	width:140px;
}

#contentLeft p {
  margin-top:5px;margin-bottom:15px;
  padding:4px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #000000;
}

#contentRight 
{
  float: right;
  width: 140px;
  border:0px #ffffff;
}


#career_banner 
{
	background: white url('../img/Exciting_Career_Background.jpg') left top no-repeat;
	width: 400px;	
	height: 100px;
}


#career_banner a span 
{
	padding: 43px 19px 30px 39px;
	font: bold 12pt "Arial Narrow", Arial, sans-serif;
	color:white;
	text-align: left;
	vertical-align: top;	
	display: block;
}


#career_banner a 
{
	height:100%;
	width: 100%;
	text-decoration: none;
	display:block;
}

#contentMiddle 
{
  margin-left: auto; 
  margin-right: auto;
  width: 400px;
}

.thumbnail_left 
{
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	border:0px;
	padding-right: 20px;
	padding-top: 5px;
}

.thumbnail_right {
	float:right;
	margin-left:10px;
	margin-bottom:5px;
	border:0px;
}

/*Id's that will be used in the future.*/	#warning, #highlight, #notify, #error{background: #000; /*BLACK:CHANGE*/}

.bold
{font-weight:bold;}

.center
{text-align:center;} 

.grey
{color: #888;}

.red
{color: #B22222;}

.blue
{color: #00009c;}

.doubleSpace
{line-height: 20px;}

.borderDeny
{border: 0px;}

.bulletDeny
{list-style-type: none;}

.bulletPadding
{padding-left: 20px;
font-size: 12px;}

.imgSmall
{height: 80px;}

.imgMedium
{height: 120px;}

.imgLarge
{height: 200px;}

.imgPadding
{padding-left: 60px;}

.bulletDoubleSpace
{line-height: 30px;}


