/*---------- general styles ----------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	margin-top: 15px;
	}
	
img {
	border: 0;
	}

p {
	margin-top:0px;
	}

.clearFloat {
	clear:both;
	}

/*---image grid controls---*/
.tester{
	width: 85px;
	height: 100px;
	border: 5px #ffffff solid;
	float: left;
	margin-bottom: 10px;
}

.tester:hover{
	border: 5px #7a998f solid;
}


/*---------- navigation ----------*/
	
#header {
	width: 770px;
	padding-left: 10px;
}

#header #logo {
	padding-right: 20px;
	padding-top: 34px;
	float: left;
	}
	
#header #nav {
	float:left;
	width: 513px;
	}
	
#header #nav ul {
	font-size: 12px;
	font-weight: bold;
	line-height: 34px;
	list-style-type: none;
	display: inline;
	padding:0;
	margin: 0;
}

#header #nav li{
	display: inline; 
	text-transform: uppercase;
	padding: 0;
	margin: 0 25px 0 0;
	}

/* the navigational list above the color-band i.e, the main navigaional method */

/*----ACTIVE PAGE----*/
#header #nav  .active a:link{ 
	color: #565656;
	text-decoration: none;  
	}

#header #nav  .active  a:visited{ 
color: #565656;
	text-decoration: none;  
}
#header #nav  .active a:hover{
color: #7a998f;
	text-decoration: none;  
}
#header #nav  .active  a:active{
color: #7a998f;
	text-decoration: none;  
}

/*----INACTIVE PAGE----*/
#header #nav  .inactive a:link{ 
	color: #7a998f;
	text-decoration: none;  
	}

#header #nav  .inactive a:visited{ 
	color: #7a998f;
	text-decoration: none;  
}
#header #nav  .inactive a:hover{
color: #565656;
	text-decoration: none;  
}
#header #nav  .inactive a:active{
color: #565656;
	text-decoration: none;  
}
/*----END LINK STYLES FOR HEAD----*/

#header #nav .box{
	width: 495px;
	height: 100px;
	background-image: url("/images/header.gif"); 
	background-repeat: repeat-y;
	background-color: #8c9793;
	}
	
#header #nav .box h1{
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 10px 12px 0 12px;	
	}
	
	#header #nav .box h1 + p {
	color: #ffffff;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding: 7px 12px 0 12px;
	}
	
#header #nav .box h1 + p + p{
	color: #ffffff;
	font-size: 11px;
	margin: 0;
	padding: 7px 12px 0 12px;
	color: #000;
	}
	
#header #nav .box p {
	color: #ffffff;
	font-size: 12px;
	line-height: 16px;
	padding: 10px 12px 10px 12px;
}

/* links inside the color band box */
#header #nav .box  a:link {  /*  unvisited link */
	color:#aed9cb;
	text-decoration: none;
}   

#header #nav .box a:visited { /* visited link */
	color:#ffffff;
	text-decoration: underline;
} 

#header #nav .box a:hover {/* mouse over link */
	color:#aed9cb;
	text-decoration: underline;
}  

#header #nav .box a:active {  /* selected link */
	color:#ffffff;
	text-decoration: underline;
}

/* links inside the color band box  on a work page*/
#header #nav .box  a[href^="/work/"]:link {  /*  unvisited link */
	color:#000;
	text-decoration: none;
}   

#header #nav .box a[href^="/work/"]:visited { /* visited link */
	color:#fff;
	text-decoration: underline;
} 

#header #nav .box a[href^="/work/"]:hover {/* mouse over link */
	color:#fff;
	text-decoration: underline;
}  

#header #nav .box a[href^="/work/"]:active {  /* selected link */
	color:#000;
	text-decoration: underline;
}


/*----foooter----*/
#footer	{
	width: 760px;
	height: 25px;
	padding-top: 15px;
	font-size:10px;
	padding-left: 10px;
	}

#footer ul {
	margin: 0;
	padding: 0;
	}

#footer li {
	display: inline; 
	width: 100px;
	margin:0 25px 0 0;
	padding: 0; 
	}

	
#footer a:link {
	color:#7a998f;
	text-decoration: none;
	}

#footer a:hover {
	color:#565656;
	text-decoration: underline;
	}
	
#footer a:visited {
	color: #565656;
	text-decoration: none;
	}
	
#footer a:active {
	color:#565656;
	text-decoration: underline;
	}
	
/*content*/
#content{ 
	padding: 25px 0 0 0;
	float: left;
	width: 770px;
	}

.desc_box{
	width: 742px;
	height:40px;
	margin-top: 10px;
	margin-left: 10px;
	background-image: url("/images/footer.gif"); 
	background-repeat: repeat-y;
	background-color: #8c9793;
	}
	
.desc_box p{
	color: #ffffff;
	font-size:12px;
	padding: 14px 10px 10px 10px;
	letter-spacing: 1px;
	}

.content_left{
	float: left;
	width: 227px;
	padding-right: 20px;
	text-align: right;
	}
	
.content_left h1{
	color: #8baea2;
	text-transform: uppercase;
	font-size: 26px;
	line-height:32px;
	margin-top: -3px;
	}
	
.content_left #emp_contact ul{
	 margin: 0;
	 padding: 0;
	 list-style-type: none;	
	 }

.content_left #emp_contact h1{
	 font-size: 20px;
	 line-height: 28px;
	 }

.content_left #emp_contact .dept{
	color: #030303;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	}
	
 .content_left #emp_contact .link{
	font-weight: normal;
	font-size: 11px;
	line-height:18px;
	padding-bottom: 18px;	
	}

 .content_left #emp_contact .link a{
	color: #7a998f;
	text-decoration: none;	
	}

.content_right{
	float: right;
	width: 498px;
	text-align: left;
	margin-right: 15px;
	}

.content_right h1>a{
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	}

.content_right h1>a:hover{
	text-decoration: none;
	}
	
.content_right a:hover{
	text-decoration: underline;
	}
	
.content_right p{
	color: #676767;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	padding:0;
	}

.content_right  h1 {
	color: #000000;
	font-size: 11px;
	margin-top: -3px;
	margin-bottom: 6px;
	}	

.content_right .positions h1 {
	color: #000000;
	font-size: 20px;
	line-height: 28px;
	/*margin-top: 5px;*/
	margin-bottom: 6px;
	}	
	
.content_right a{	
	color: #7a998f;
	font-size: 11px;
	line-height: 18px;
	text-decoration: none;
	}
	
.content_right .disco{
	font-size: 10px;
	line-height: 17px;
	padding-top: 10px;
	}
	
.content_right img{
	padding-top: 35px;
	}
	
.twoCol_Wrapper{
	width: 760px;
	padding: 25px 0 0 10px;
	float: left;
	}

img.no_pad{
	padding:0;
	}

.all_caps{
	text-transform: uppercase;
	}
.black{
	color:#000000;
	}

.image_alt{font-size: 10px;}