/* CSS Document  work communications jobs 1-3-06 */

body {
font-family: verdana, arial, helvetica, sans-serif;
margin: 0px;
padding: 0px;
text-align: center;
background-color: #eee;
color: #666; 
}

h1 {font-size:120%;}

hr.hide { /* invisible dividers for non-styled display */
margin: 0;
padding: 0;
display: none;
}

#frame { 
position: relative;
width: 600px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
margin-top: 25px;
padding: 0px;
border: 5px solid #ccc;
text-align: left;
background:#fff;
color:#000;
}

#contentheader {
position: relative;
width: 600px;
height: 130px;
/*background-image:url(../images/header.gif);
background-repeat:no-repeat;*/

}

#copy {
position: relative;
width: 485px;
/*
margin-top: 40px;
margin-bottom: 30px;*/
margin-left: 62px;
margin-top: 45px;
margin-bottom: 45px;
font-size:70%;
}

*> html #copy {width: 215px;}


#copy h1  {
color: #666;
background-color:#fff;
font-weight: bold;
font-size: 130%;
}

#copy h2  {
color: #666;
background-color:#fff;
font-weight: bold;
font-size: 100%;
}

#copy h3  {
color: #666;
background-color:#fff;
font-weight: bold;
font-size: 100%;
}

#copy p { 
color: #666;
background-color:#fff;
} 

#copy p.infoclicks { 
margin: 0px 18px 5px 0px 
} 

.client-img {
margin: 0px 0px 20px 125px 
}

#navframe { 
width: 100%;
background-color:#fff;
color: #666;
}

#navlist li a#current
{
color: #666;
background-color: #ccc;
padding:8px 17px 8px 17px;
margin-top: 0;
/*height:32px; this is the total height */
height: 16px;
border-right: 1px solid #fff;
}
		
#navcontainer ul
{
display: inline;
list-style-type: none;
padding: 0;
margin: 0;
float: left;
font-size: 70%;
}

#navcontainer li { 
display: inline;
list-style-type: none;
}

#navcontainer ul li a
{
color: #666;
background-color: #DADADA;
padding:8px 15px 8px 15px;
margin-top: 0;
height: 16px;
text-decoration:none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
color: #666;
background-color: #eee;
}

img {
border:0;
}

.navjobs a:link,a:visited
{
color: #660066;
background-color: inherit;
text-decoration: none;
}

.navjobs a:hover
{
color: #660066;
background-color: inherit;
text-decoration: underline;
font-weight: bold;
}

#copy  a {
color: #666;
font-weight:bold;
background-color: inherit;
text-decoration: none; 
}

#copy  a:hover {
color: #B71F54;
background-color: inherit;
text-decoration: none;
font-weight: bold;
}

#copy ul {
color: #666;
}

div.recentwork {height: 200px; padding:0 15px 20px 0; margin:0;}
div.recentwork img {float:left; padding:0 4px 10px 0; margin:0;}

#contentfooter {
position: relative;
width: 600px;
height: 37px;
background:#fff;
color:#666;
background:url(../images/footerbg.gif) repeat-x left top !important;
/*text-align:right;*/
}	

/* 3.11.05 added by Jane for footers links */


#contentfooter ul {
	margin: 0 0 0 415px;
	padding: 16px 0 0 0;
	list-style: none;
	}

#contentfooter li {
	font-size: 65%;
	list-style: none;
	padding: 0 0 6px 0;
	margin: 0;
	display: inline;
	}


#contentfooter li a{
	color: #666;
	background-color:#fff;
	text-decoration:none;
	font-weight:normal;
	}

#contentfooter li a:hover{
	font-weight:normal;
	text-decoration:underline;
	}

.send {
width: 117px;
height: 24px;
font-family: arial, verdana, helvetica, sans-serif;
font-size:100%;
padding-top:0px;
margin: 0px;
color: #fff;
background-color: inherit;
border: 0px;
background-image:url(../images/submit.gif);
background-repeat:no-repeat;
}

/* Only MAC IE5 can see this line of code */
* > html .send {
padding-top: 6px;
}

.clearer {
clear: both;
overflow: hidden;
}


fieldset.userform
{
width: 425px;
height: 270px;
overflow: hidden;
border: solid 0px #666666;
margin: 5px 0px 5px 0px;
padding: 5px 0px 5px 0px;
}

legend.userform
{
font-weight: bold;
padding: 0px 5px 0px 0px;
margin: 0px 0px 0px -3px;
}

div.userfield
{
font-size: 100%;
width:500px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
}

label.userform
{
color: #000000;
background-color: inherit;
width: 170px;
float: left;
padding: 3px 0px 0px 5px;
margin: 0px 0px 0px 0px;
}

input.UserForm, select.UserForm
{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 100%;
width: 230px;
border: solid 1px #666666;
margin: 0px 0px 0px 0px;
padding: 1px 1px 1px 1px;

}

textarea.UserForm
{
width: 230px;
border: solid 1px #666666;
overflow: auto;
}

div.userbuttons
{
width:417px;
text-align: right;
margin-top: 8px;
}

/* added for accessibility statement */

#copy ul.nobullets {
	margin: 0;
	padding: 0;
	list-style: none;
	color:#666;
	background:#fff;
	}

#copy li.nobullets {
	font-size: 100%;
	list-style: none;
	padding: 0 0 3px 0;
	margin: 0 0 0 16px;
	display: block;
	}

#copy ul.bullets {
 
	list-style: square;
	color:#666;
	background:#fff;
	}	
	
/* Skiplinks */
#skiplinks ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
	
#skiplinks li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
	}
#skiplinks a {
	color: #DC2A1A;
	background-color: #fff;
	font-weight: bold;
	position: absolute;
	top: -20px;
	left: 20px;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 1em !important;
	z-index: 1000;
}

#skiplinks a:active, #skiplinks a:focus {
	position: absolute;
	overflow: visible;
	width: auto;
	height: auto;
	border: 0;
	margin: 0;
	padding: 6px;
	font-size: .6em;
	}