/*

	general elements

*/
em {
font-style:normal;
font-weight:bold;
}

a {
	text-decoration: underline !important;
}

/*

	The main container divs

*/
body {
font-size:62.5%;   /*set the medium font size to 10px  */
font-family:verdana, Helvetica, sans-serif;
background:#68b9e4 url(../img/background.jpg);
padding-bottom:130px;
}
#divWrapper {
	width:900px;
	margin:0px auto 0px auto;
	background:#ffffff;
}
#divContainer {
float:left;
clear:both;
background:#ffffff;
	padding:0px 21px 35px 25px;
margin:0px 0px 130px 0px;
}
#divHeader {
float:left;
display:inline;
width:100%;
height:81px;
margin-top:px;
background:#ffffff;
margin-bottom: 24px;
}
#divHeader h1 img {
	margin-top: 17px;
}
/* This is only on the homepage  */
#divTitle {
float:left;
clear:left;
margin-top:0px;
height:281px;
width:850px;
background:#ffffff url(../img/mainimg.jpg) no-repeat;
}
/* This is only on the homepage again  */
#divMenu {
float:left;
width:100%;
height:145px;
margin:10px 0px 0px 0px;
padding-bottom: 15px;
background: url(../img/grad-bg.jpg) bottom left repeat-x;
}
/* This is the section just below the picture box men on the homepage  */
#divMain {
float:left;
display:inline;
width:850px;
height:auto;
/*background:#f9f9f9 url(../img/home_main_background.jpg) repeat-x left top;*/
clear:both;
margin-top:0px;
padding-bottom:15px;
}
/* the main menu is on all pages except for the homepage  */
#divMainMenu {
width:854px;
float:left;
display:inline;
height:31px;
margin:0px 0px 0px 0px;
}
#divBreadcrumbs {
float:left;
display:inline;
font-size:1.1em;
padding:10px 0px 0px 0px;
background-color:#ffffff;
width:556px;
color:#cccccc;
}
/* Level 1 main content containers  
1 main container (divContent) holds divLeft and divRight, each float left and
right respectively. Then within divRight, divRightNav is absolutely positioned to sit on top of the main image
*/
#divContent {
float:left;
width:854px;
margin-top:10px;
}
#divLeft {
float:left;
display:inline;
width:189px;
padding:0;
border-right: 1px dotted #000;
padding-right: 12px;
}
#leftGrad {
width:189px;
height: 50px;
background:#ffffff url(../img/column_bottom.jpg) repeat-x left top;
clear: both;
margin-left: -9px;
}
#divRight{
float:right;
display:inline;
width:642px;
position:relative;
}
#divRight p img {
	margin-bottom: 10px;
	margin-top: 9px;
	margin-left: 4px;
}
#divRightNav {
position:absolute;
right:0px;
top:221px;
width:151px;
padding:9px 9px 0 9px;
border-left: 1px dotted #000;
/*filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;*/
/*min-height:450px;*/
}
#rightGrad {
margin-left: -9px;
width: 169px;
height: 50px;
background:#ffffff url(../img/column_bottom.jpg) repeat-x right top;
clear: both;
}
/**********************************************************************

The remainder deals with the styling within each of the main divs outlined above

************************************************************************/
/*

	Header

*/
#divTopRight {
float:right;
display:inline;

width:320px;
margin-top:15px;
font-size:1.1em;
letter-spacing:0.04em;
}
#divTopRight #divTopRightLinks {
	float:right;
	display:inline;
	clear:left;
	margin-top: 10px;
}
#divTopRight a,#divTopRight p {
	color:#b4b4b4;
}
#divTopRight a:hover {
	text-decoration:underline;
}
#divTopRight #divSearch {
	clear:left;
width:215px;
margin-left:117px;
background-color:#ffffff;
}

#divSearch input.text {
width:120px;
height:16px;
padding:4px 0px 0px 0px;
border:#b4b4b4 solid 1px;
background-color:#ffffff;
float:left;display:inline;
font-size:1.1em;
vertical-align:middle;
}
/*

divTitle 

*/

#divTitle div {
float:right;
display:inline;
width:275px;
margin-top:120px;
}
#divTitle div h1 {
font-size:1.3em;
font-weight:normal;
color:#333333;
}

/*

divMenu

Picture box menu on homepage

*/

#divMenu ul li {
float:left;
display:inline;
margin:2px 14px 0px 0px;
}
#divMenu ul li a:hover {
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}
/*
divMain
*/
#divMain div.box {
float:left;
display:inline;
width:273px;
margin:10px 0px 0px 14px;
background-color:#ffffff;
min-height:209px;
}
#divMain div.work {
	margin-left: 0;
}
#divMain div.news {
	margin-left: 14px;
}
#divMain div.third {
margin:0;
background:none;
width: 284px;
margin-left: 14px;
}
#divMain div.box p {
clear:both;
padding: 10px 10px 0px 10px;
font-size:12px;
font-family:verdana,sans-serif;
}
#divMain div.meetus p,
#divMain div.news p {
color:#000000;
padding:2px 11px 0 11px;
}
#divMain div.meetus p a {
color: #b3ca21;
}
#divMain div.news p {
padding:0;
}
#divMain div.video {
float:left;
width:130px;
margin: 10px 0 0 10px;
background: #ffffff;
}
#divMain div.box .meetus {
float:right;
width:130px;
margin-top: 10px;
background: #ffffff;
}
#divMain div.work p {
font-size: 13px;
}
#divMain div.box div.title {
float:left;
display:inline;
width:100%;
height:27px;
margin-bottom:10px;
}
#divMain div.box div.title h3 {
float:left;
display:inline;
height:27px;

}
#divMain div.box div.title img {
display:inline;
}
#divMain div.box div.title div.titleLink {
display:inline;
float:right;
margin:6px 10px 0px 0px;
}
#divMain div.box div.title div.titleLink a {
font-size:1.1em;
color:#666666;
text-decoration:underline;
}
/* This is the main news items - image is floated left and the 
text is in a div and floated right  */
#divMain div.box #divNewsMain {
float:left;
display:inline;
margin:0px 0px 10px 0px;
width:274px;
}
#divNewsMain img {
float:left;
width:100px;
}
#divNewsMain div {
/*float:right;*/
width:142px;
}

#divNewsMain div h4 a {
color:#022339;
font-size:1.5em;
line-height:1em;
}
#divNewsMain div p {
margin-top:5px;
font-size:1.2em;
color:#666666;
}
#divNewsMain div p a {
color:#0065BD;
}
/* Listing news items or quicklinks on homepage  */
#divMain div.box ul {
width:234px;
float:left;
margin:0px 0px 0px 15px;
}
#divMain div.box ul li{
float:left;
display:inline;
padding:4px 0px 5px 0px;
background:#ffffff url(../img/list_background.jpg) repeat-x left bottom;
width:234px;
}
#divMain div.box ul li a{
font-size:1.2em;
color:#666666;
display: block;
}
/*


Level 1 and beyond


*/
/*
main menu - ok, we code the main menu as a list, then we hide the text for each of the links, showing 
an image instead.

*/
#divMainMenu ul {
width: 854px;
height: 30px;
margin:0;
padding:0;
background: url('../img/mainmenu.jpg') left -32px;
position:relative;
overflow:hidden;
}

/* We want li as block and to be as tall as image*/
#divMainMenu ul li {
display:block;
height:30px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

/* a should also be block and 32px tall*/
#divMainMenu ul li a {
display:block;
height:30px;
}

/*This is the boring part, every link has to be positioned according to the image*/
li#i1 {
left: 0px;
width: 94px;
}

li#i2 {
left: 93px;
width: 129px;
}

li#i3 {
left: 221px;
width: 111px;
}

li#i4 {
left: 331px;
width: 140px;
}
li#i5{
left: 470px;
width: 74px;
}
li#i6 {
left: 543px;
width: 124px;
}
li#i7 {
left: 666px;
width: 106px;
}
li#i8 {
left: 771px;
width: 84px;
}
/*  Now add the hover  */
#i1 a:hover {
background: transparent url(../img/mainmenu.jpg) 0px -1px no-repeat;
}
#i2 a:hover {
background: transparent url(../img/mainmenu.jpg) -93px -1px no-repeat;
}
#i3 a:hover {
background: transparent url(../img/mainmenu.jpg) -221px -1px no-repeat;
}
#i4 a:hover {
background: transparent url(../img/mainmenu.jpg) -331px -1px no-repeat;
}
#i5 a:hover {
background: transparent url(../img/mainmenu.jpg) -470px -1px no-repeat;
}
#i6 a:hover {
background: transparent url(../img/mainmenu.jpg) -543px -1px no-repeat;
}
#i7 a:hover {
background: transparent url(../img/mainmenu.jpg) -666px -1px no-repeat;
}
#i8 a:hover {
background: transparent url(../img/mainmenu.jpg) -771px -1px no-repeat;
}
/* Now add item selected */
#i1 a.selected {
background:transparent url(../img/mainmenu.jpg) 0px -1px no-repeat;
}
#i2 a.selected {
background:transparent url(../img/mainmenu.jpg) -93px -1px no-repeat;
}
#i3 a.selected {
background:transparent url(../img/mainmenu.jpg) -221px -1px no-repeat;
}
#i4 a.selected {
background:transparent url(../img/mainmenu.jpg) -331px -1px no-repeat;
}
#i5 a.selected {
background:transparent url(../img/mainmenu.jpg) -470px -1px no-repeat;
}
#i6 a.selected {
background:transparent url(../img/mainmenu.jpg) -543px -1px no-repeat;
}
#i7 a.selected {
background:transparent url(../img/mainmenu.jpg) -666px -1px no-repeat;
}
#i8 a.selected {
background:transparent url(../img/mainmenu.jpg) -771px -1px no-repeat;
}
/* We just need to hide the text now   */
#divMainMenu ul li a {
text-indent:-9000px; background-color:transparent; }

/*

Breadcrumbs

*/

#divBreadcrumbs a {
	color:#cccccc;
}
#divBreadcrumbs a:hover {
	text-decoration:underline;
}

/*

Level 1 Main Content

*/


#divLeft ul, #divRightNav ul {
width:189px;
padding:0px 0px 12px 0;
float:left;
display:inline;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
background: url(../img/grad-bg.jpg) bottom repeat-x;
margin-bottom: 12px;
}
#divLeft ul li:last-child, #divRightNav ul li:last-child {
	border-bottom: none;
}
#divLeft ul li ul {
	background: none;
	list-style-image: url(../img/list-arrow.jpg) !important;
	width: 179px;
	margin-left: 10px;
	margin-top: 7px;
	margin-bottom: 0;
	padding-bottom: 0;
}
#divLeft ul li ul li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
#divLeft ul li ul li {
	list-style-image: url(../img/list-arrow.jpg) !important;
	width: 179px;
}
#divLeft p a {
color:#b3ca21;
}
#divRightNav ul {
width:160px;
}
#divLeft ul li, #divRightNav ul li {
padding:2px 0px 3px 0px;
background:#ffffff repeat-x left top;
margin:0px 5px 0px 0px;
float:left;
display:inline;
clear:left;
width:189px;
border-bottom: 1px dotted #000000;
text-indent: 5px;
}
#divRightNav ul li {
width:160px;
text-indent: 0;
}
#divLeft ul li a, #divRightNav ul li a {
font-size:1.2em;
color:#666666;
margin:0px;
padding:0px;
float:left;
display:inline;
text-decoration: none !important;
}
#divLeft ul li,
#divRightNav ul li  {
padding: 10px 0 10px 0;
}
#divLeft ul li a.selected,
#divLeft h1 a {
color:#BED600;
font-weight:bold;
}
#divLeft #careersText {
clear:both;
font-family: verdana, sans-serif; 
font-size: 12px; 
color: #666666; 
width: 159px; 
margin-top: 7px; 
margin-left: 2px;
padding: 5px 5px 0 5px; 
background: #ffffff;
}
#divLeft ul li.first,
#divRightNav ul li.first {
background-image:none;
border-top: none;
border-top: 1px dotted;
}
#divRightNav ul li.first {
border-top: none;
}
#divLeft ul li a:hover.first {
color:#BED600;
font-weight:bold;
}
#divLeft ul li a:hover,#divLeft ul li a:active,#divRightNav ul li a:hover,#divRightNav ul li a:active {
color:#333333;
}
#divLeft img, #divRightNav img {
float:left;
display:inline;
}
#divLeft ul ul {
width:149px;
}
#divLeft ul ul li {
width:138px;
}
#divRight #ImgMain {
float:left;
display:inline;
}
/* main text block on level 1 */
#divRight #divText {
float:left;
width:450px;
margin-top:28px;
}
#divRight #divText ul {
padding: 0 0 0 14px;
}
#divRight #divText ul li {
list-style-type:disc;
}
#divRight #divText h1 {
font-size:1.6em;
color:#B3CA21;
font-weight:bold;
}
#divRightNav img {
opacity:1;
-moz-opacity:1;
}
#divRight #divText p,
#divRight #divText label,
#divRight #divText ul {
margin-top:15px;
font-size:1.2em;
color:#515050;
}
#divRight #divText p {
line-height: 15px;
}
#divRight #divText label {
clear:both;
margin-top: 5px;
}
#divRight #divText p a {
color:#BED600;
}
#divRight #divText p a:hover {
text-decoration:underline;
}
#divRight #divEmail {
width:450px;
float:left;
display:inline;
margin-top:20px;
border-bottom:solid 1px #666666;
padding-bottom:15px;
}
#divRight #divBookmark {
float:left;
width:450px;
display:inline;
margin-top:5px;
}
#divRight #divBookmark a,#divRight #divEmail a {
font-size:1em !important;
color:#515050 !important;
}
#divRight #divBookmark em {
font-weight:bold;
color:#515050;
font-size:1.2em;
}
#divRight #divText form {
margin-bottom:20px;
}
#divRight #divText .submit {
width:50px;
margin:12px;
margin-right:140px;
float:right;
}
#divRight #divText label {
clear:both;
width:150px;
margin-top:20px;
}
#divRight #divText input,
#divRight #divText textarea {
float:right;
width: 300px;
margin: -12px 0px;
}
#divRight #divText textarea {
width:250px;
}
/* Search styles */
#ajaxSearch_form {
width: auto;
}
#ajaxSearch_input {
width: auto;
display: inline;
height: 17px;
border: 1px solid #ddd;
border-left-color: #c3c3c3;
border-top-color: #7c7c7c;
background: #fff url(images/input-bg.gif) repeat-x top left;
margin: 0 3px 0 0;
padding: 3px 0 0;
vertical-align: top;
}
#ajaxSearch_submit {
display: inline;
height: 22px;
line-height: 22px;
}
#ajaxSearch_output {
border: 1px solid #444;
padding: 10px;
background: #fff;
display: block;
height: auto;
vertical-align: top;
}
.ajaxSearch_paging { 
}
.ajaxSearch_resultsInfo {
margin-bottom:10px;
}
.ajaxSearch_result {
margin-bottom:10px;
}
.ajaxSearch_resultLink {
text-decoration: underline;
color:#022339;
font-size:1.5em;
line-height:1em;
}
.ajaxSearch_highlight {
font-weight:bold;
}
.AS_ajax_result {
}
.AS_ajax_resultLink {
text-decoration: underline;
color:#022339;
font-size:1.5em;
line-height:1em;
}
.AS_ajax_resultDescription{
}
.AS_ajax_more {
}
/* Sitemap */
#divRight #divText #sitemap {
font-size:62.5%;   /*set the medium font size to 10px  */
font-family:verdana, Helvetica, sans-serif;
}
#divRight #divText #sitemap ul {
font-size:12px;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
}
#divRight #divText #sitemap ul li {
list-style-type: none;
padding-bottom: 2px;
padding-top: 2px;
}
#divRight #divText #sitemap ul li a {
font-size: 12px;
color:#333333;
}
#divRight #divText #sitemap ul li a:visited {
color:#333333;
}
#divRight #divText #sitemap ul ul {
margin-left:20px;
}
#divRight #divText #divRight #divText #sitemap ul li {
list-style-type: none;
}
#divRight #divText #divRight #divText #sitemap ul {
padding: 0 0 0 0px;
}
/* News summary */
.newsStory {
padding-bottom:10px;
padding-top:10px;
border-top:1px solid #444;
}
.first {
border-top:none;
}
#divRight #divText .newsStory p {
margin-top:5px;
}
.newsStory h1,
.newsStory h1 a,
.newsStory h1 a:link {
width:100%;
color: #333333;
}