@charset "UTF-8";
/* CSS Document */

/* body styles the body text */
body {font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; color: #000000; padding: 0 0 0 0; margin:0;}

#BigFrame {width: 100%; padding:0; margin:0;}

#TopBackground {width:100%; background: url(/Style%20Library/Images/BckG.jpg) 0 0 repeat-x;}


p,ul,li,h1,h2,h3,h4,h5,h6,address,form { padding:0; margin:0; }

a {font-family: Arial, Helvetica, sans-serif; text-decoration:none; color:#f42837; }

a:hover {color: #999999;}

select { font-family:Arial, Helvetica, sans-serif; font-size:10px; background:#FFFFFF; border:1px solid #CCCCCC; width:205px; padding:2px;}

option {padding:1px;}

input { font-family:Arial, Helvetica, sans-serif; font-size:10px; background:#FFFFFF;   padding:2px;}

textarea { font-family:Arial, Helvetica, sans-serif; font-size:10px; background:#FFFFFF; border:1px solid #666666; width:200px; padding:2px;}

.submit { font-family:Arial, Helvetica, sans-serif; font-size:10px; background:#FFFFFF; border:1px solid #666666; width:200px; padding:2px;}

.SearchTitle {font-weight: bold; text-decoration: underline; color: #f42837; font-size: 1.3em;}
.SearchTitle a{font-weight: bold; text-decoration: underline; color: #f42837; }
.SearchTitle a:hover{font-weight: bold; text-decoration: underline; color: #666666; }

.QuicklHolder {height: 25px; padding:0 0 8px 0; margin:0;}


/* Top Navigation */

a {	text-decoration:none;}

body { font-family: Arial, Helvetica, sans-serif; font-size: 0.7em;	color: #000000;}

#nav li a.daddy { color:#000000; padding: 7px 0 7px 0; margin-left:auto; margin-right:auto; background: url(/Style%20Library/Images/Spacer.gif); }

#nav li a.daddy:hover { color: #f42837; background: url(/Style%20Library/Images/Spacer.gif);  }

#nav li a.daddyLogin { color:#F21F1F; padding: 7px 0 7px 0; margin-left:auto; margin-right:auto; background: url(/Style%20Library/Images/Spacer.gif); font-weight: bold; }

#nav li a.daddyLogin:hover { color: #666666; background: url(/Style%20Library/Images/Spacer.gif);  }

#nav, #nav ul { /* all lists */	padding: 0;	margin: 0; list-style: none; line-height: 1;}

#nav a { display: block; /*width: 10em;*/ color:#FFFFFF; padding-left:15px; background:url(/Style%20Library/Images/arrow.gif) 3px 0px no-repeat;}

#nav a:hover { color: #FFCC33; background:url(/Style%20Library/Images/arrow.gif) 3px -16px no-repeat;}

#nav li { /* all list items */ border-left: #efefef solid 2px;	text-align:left; float: left; padding: 0 0 0 10px; width: 165px;  /* width needed or else Opera goes nuts */}

#nav li ul li {	border:0; text-align:left; float: left;	padding: 8px 0px 7px 0px;	width: 155px;}

#nav li ul { /* second-level lists */ position: absolute;  text-align:left; width: 150px; left: -999em; height:170px; /* background: url(/Style%20Library/Images/BkTest.png); using left instead of display to hide menus because display: none isn't read by screen readers */}

#nav li ul ul { /* third-and-above-level lists */ margin: -18px 0 0 155px; text-align:left; height:auto; width: 165px;	}

#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em; }
	
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */	left: auto; }

#nav li a:focus + ul { left: auto; }
#nav li li a:focus + ul { left: -999em; }
#nav li li a:focus { left:-999em;  }
#nav li li li a:focus {left: -999em;  }
#nav li:hover a:focus, #nav li.sfhover a.sffocus { left: auto; }
#nav li li:hover a:focus + ul, #nav li li.sfhover a.sffocus + ul { left: auto; }



#nav li ul .Redli { background: url(/Style%20Library/Images/BkTest2.png); }

#nav li .Blueli {background: url(/Style%20Library/Images/BlueBkg.png);}

#nav li ul .Greenli {background: url(/Style%20Library/Images/GreenBkg.png);}

#nav li ul .Limeli {background: url(/Style%20Library/Images/LimeBkg.png);}

#nav  li ul .Purpleli { background: url(/Style%20Library/Images/PurpleBkg.png); }

#nav  li ul .Blackli { background: url(/Style%20Library/Images/LightBlueBkg.png);}

#nav  li ul .Orangeli { background: url(/Style%20Library/Images/OrangeBkg.png); }


/* Frame controls the main div area ie: where the site sits on a page */
#Frame {width: 780px; padding: 0; margin-right: auto; margin-left: auto;}

#Top {width: 780px; height: 123px; padding:0; margin-right:auto; margin-left: auto; background: url(/Style%20Library/Images/BckG.jpg) 0 0 repeat-x;}

#Login {width: 800px; height: 18px; text-align: right; padding:5px 0 0 0; margin:0;}

#Login a {color: #FF0000;}
	
#Login a:hover {text-decoration: none; color: #f42837;}

#TopLeft {width: 230px; padding:0; margin:0; float: left;}

#TopRight {width: 490px; padding:0 0 0 0px; margin:0; float: left;}
	
#Navigation {width: 500px;	padding:65px 0 0 0;	text-align: right; left: 472px;	top: 19px;}
	
#BannerHolder {width: 100%; height: 170px; background: #000000; padding:0; margin:0;}	
	
#BannerImg {width: 760px; height: 170px; padding:0; margin-left: auto; margin-right: auto; text-align: center;}

#ContentMain {width: 100%; padding:0; margin:0; background: url(/Style%20Library/Images/BckGBottom.jpg) 0 0 repeat-x;}


#ContentLeft {width: 230px; padding:0; margin:0; float: left;}
	
#ContentLeft a {font-weight: bold; text-decoration: none; color: #f42837;}

#ContentLeft a:hover {color:#999999;}
	
#ContentLeft h1 {font-size: 1.7em; font-weight: bold; padding: 0 0 10px 0; margin:0;}

#ContentLeft h2 {font-size: 1.1em; font-weight: bold; padding:0; margin:0; color: #f42837;}
		
#ContentRight {width: 520px; padding:0 0 0 30px; margin:0; float: left; }

#ContentRight ul {padding:0 0 0 25px;}

#ContentRight li {padding:0 0 0 0;}
	
#Crumbs {width: 520px; padding:0 0 5px 0; color: #666666; border-bottom: 1px dashed #666666; font-weight: bold;}
		
#Crumbs a{ color: #f42837; text-decoration: none; padding:0; margin:0;}

#Crumbs a:hover{ color: #000; text-decoration: none; padding:0; margin:0;}
		
#PrintOptions { clear:both; padding:15px 20px 5px 0; margin:0; text-align:right; font-weight: bold; color:#666666; font-size: 10px;}

#PrintOptions a { color:#333333; }

#PrintOptions a:hover { color: #f42837; }

#Office {width: 520px; padding:0 0 10px 0; margin:0;}

#OfficeImg {width: 300px; height: 200px; padding:0; margin:0; float: left;}

#OfficeInfo {width: 320px; padding: 0 0 0 30px; margin:0; float: left; }

#FooterHolder {width:100%; border-top: 1px solid #333333; clear: both; }		
	
#Footer {width: 780px; padding: 10px 0 10px 0; margin-left: auto; margin-right: auto;}
	
#FooterLeft {width: 360px; padding:0; margin:0; float: left;}S
		
#FooterLeft a{font-weight: bold; color: #000000; text-decoration: none; padding: 0 0 0 10px;}

#FooterLeftL {width: 150px; padding:0; margin:0; float: left;}

#FooterLeftR {width: 190px; padding:0 0 0 10px; margin:0; float: left;}

#FooterLeftR a{color: #000000; padding:0; margin:0; text-decoration: none;}

#FooterLeftR a:hover{color: #f42837; padding:0; margin:0; text-decoration: none;}
	
#FooterRight {width: 380px; padding:0 20px 0 0; margin:0; float: right; text-align: right; color: #666666; font-weight: bold; font-size: 10px;}

#FooterRight a { color:#333333; }

#FooterRight a:hover { color: #f42837; }

#MapHolder {width:520px; padding:0; margin:0;}

	#MapLeft {width: 200px; padding:5px 0 0 0; margin:0; float:left;}
	
	#MapRight {width: 275px; padding:5px 0 0 45px; margin:0; float:left;}




.Contact {width: 320px; padding:0; clear:both; margin-left:auto;  margin-right:auto; }


.ContactInfo {width: 100px;  padding: 5px 10px 0 0; margin:0; text-align: right; float:left; display:block;}

.ContactBox {width: 200px;  padding:5px 0 0 0; margin:0; text-align: left; float: left; display:block;}		

.VacancyResult {width: 520px; padding:0 0 15px 0; clear:both; margin-left:auto;  margin-right:auto;}

.VacancyResultLine {width: 250px;  padding:1px 0 0 0; margin:0; text-align: left; float: left;display:block;}	

.VacancyResultLineFull {width: 520px;  padding:1px 0 1px 0; margin:0; text-align: left; display:block;}	


.VacancyResultLabel {width: 75px;  padding:0 0 0 0; margin:0; text-align: left;float: left; display:block;}		

.VacancyResultText {width: 175px;  padding:0 0 0 0; margin:0; text-align: left;float: left; display:block;}		
	

.VacancyDescriptionLine {width: 520px; padding:1px 0 1px 0; clear:both; margin-left:auto;  margin-right:auto; }

.VacancyDescriptionLabel {width: 100px;  padding:0 0 0 0; margin:0; text-align: left;float: left; display:block;}		

.VacancyDescriptionText {width: 250px;  padding:0 0 0 0; margin:0; text-align: left;float: left; display:block;}		

		
.AdvancedSearch {width: 450px; padding:0; clear:both; margin-left:auto;  margin-right:auto; }

.SearchInfo {width: 200px;  padding: 5px 10px 0 0; margin:0; text-align: right; float:left; display:block;}

.SearchBox {width: 200px;  padding:5px 0 0 0; margin:0; text-align: left; float: left; display:block;}		
				
	
/* SUB MENU STYLES */

.News {width: 200px;  padding: 0 0 5px 0; margin:0; border-bottom: 1px dashed #f42837;}

.News a{font-weight: bold; color: #f42837; text-decoration: none;}

.Case {width: 200px;  padding: 0 0 5px 0; margin:0; border-bottom: 1px dashed #f42837;}

.CaseImage {width: 50px; padding:0 5px 0 0; border-right: 1px dashed #666666; float: left;}

.CaseText {width: 138px; padding:0 0 0 5px; margin:0; float: left;}

.Case a{font-weight: bold; color: #f42837; text-decoration: none;}

.Careers {width: 200px; height: 45px; padding: 0 0 5px 0; margin:0; border-bottom: 1px dashed #f42837;}
	
.Careers a{font-weight: bold; color: #f42837; text-decoration: none;}


/* SUB NAVIGATION */

#navcontainer {margin-left: 0px; }

#navcontainer ul {margin: 0; padding: 0; list-style-type: none; font-family:Arial, Helvetica, sans-serif; font-weight:none;}

#navcontainer li {margin: 0 0 1px 0; }

#navcontainer a {display: block; padding: 5px 10px; width: 200px; color:#f42837; background-color: #FFF; text-decoration: none; background:url(/Style%20Library/Images/arrowTwo.gif)  -5px -3px no-repeat; }

#navcontainer a:hover {color: #fff; background: #f42837 url(/Style%20Library/Images/arrowTwo.gif)  -5px -20px no-repeat; text-decoration: none; }

#navcontainer ul ul li {margin: 0 0 1px 0; }

#navcontainer ul ul a {display: block; padding: 5px 5px 5px 30px; width: 165px; color: #000; background-color: #FFF; text-decoration: none; background:url(/Style%20Library/Images/arrowTwo.gif)  15px -3px no-repeat;}

#navcontainer ul ul a:hover {color: #fff; text-decoration: none; background: #f42837 url(/Style%20Library/Images/arrowTwo.gif)  15px -20px no-repeat;}


/* SUB NAV BLUE */

#navcontainerB {margin-left: 0px; }

#navcontainerB ul {margin: 0; padding: 0; list-style-type: none; font-family:Arial, Helvetica, sans-serif; font-weight:none;}

#navcontainerB li {margin: 0 0 1px 0; }

#navcontainerB a {display: block; padding: 5px 10px; width: 200px; color:#000099; text-decoration: none; background:url(/Style%20Library/Images/arrowTwo.gif)  -5px -3px no-repeat; }

#navcontainerB a:hover {color: #fff; background: #000099 url(/Style%20Library/Images/arrowTwo.gif)  -5px -20px no-repeat; text-decoration: none; }

#navcontainerB ul ul li {margin: 0 0 1px 0; }

#navcontainerB ul ul a {display: block; padding: 5px 5px 5px 30px; width: 165px; color: #000; text-decoration: none; background:url(/Style%20Library/Images/arrowTwo.gif)  15px -3px no-repeat;}

#navcontainerB ul ul a:hover {color: #fff; text-decoration: none; background: #000099 url(/Style%20Library/Images/arrowTwo.gif)  15px -20px no-repeat;}


/* SUB NAV GREEN */

#navcontainerG {margin-left: 0px; }

#navcontainerG ul {margin: 0; padding: 0; list-style-type: none; font-family:Arial, Helvetica, sans-serif; font-weight:none;}

#navcontainerG li {margin: 0 0 1px 0; }

#navcontainerG a {display: block; padding: 5px 10px; width: 200px; color: #009900; text-decoration: none; background:url(/Style%20Library/Images/arrowTwo.gif)  -5px -3px no-repeat; }

#navcontainerG a:hover {color: #fff; background: #009900 url(/Style%20Library/Images/arrowTwo.gif)  -5px -20px no-repeat; text-decoration: none; }

#navcontainerG ul ul li {margin: 0 0 1px 0; }

#navcontainerG ul ul a {display: block; padding: 5px 5px 5px 30px; width: 165px; color: #000; text-decoration: none; background:url(/Style%20Library/Images/arrowTwo.gif)  15px -3px no-repeat;}

#navcontainerG ul ul a:hover {color: #fff; text-decoration: none; background: #009900 url(/Style%20Library/Images/arrowTwo.gif)  15px -20px no-repeat;}





/* SUB NAV LIME */


#navcontainerL {margin-left: 0px; }

#navcontainerL ul {margin: 0; padding: 0; list-style-type: none; font-family:Arial, Helvetica, sans-serif; font-weight:none;}

#navcontainerL li {margin: 0 0 1px 0; }

#navcontainerL a {display: block; padding: 5px 10px; width: 200px; color: #AFDB00; text-decoration: none; background:url(images/arrowTwo.gif)  -5px -3px no-repeat; }

#navcontainerL a:hover {color: #fff; background: #AFDB00 url(images/arrowTwo.gif)  -5px -20px no-repeat; text-decoration: none; }

#navcontainerL ul ul li {margin: 0 0 1px 0; }

#navcontainerL ul ul a {display: block; padding: 5px 5px 5px 30px; width: 165px; color: #000; text-decoration: none; background:url(images/arrowTwo.gif)  15px -3px no-repeat;}

#navcontainerL ul ul a:hover {color: #fff; text-decoration: none; background: #009900 url(images/arrowTwo.gif)  15px -20px no-repeat;}




/* SUB NAV PURPLE */

#navcontainerP {margin-left: 0px; }

#navcontainerP ul {margin: 0; padding: 0; list-style-type: none; font-family:Arial, Helvetica, sans-serif; font-weight:none;}

#navcontainerP li {margin: 0 0 1px 0; }

#navcontainerP a {display: block; padding: 5px 10px; width: 200px; color: #660066; text-decoration: none; background:url(/Style%20Library/Images/arrowTwo.gif)  -5px -3px no-repeat; }

#navcontainerP a:hover {color: #fff; background: #660066 url(/Style%20Library/Images/arrowTwo.gif)  -5px -20px no-repeat; text-decoration: none; }

#navcontainerP ul ul li {margin: 0 0 1px 0; }

#navcontainerP ul ul a {display: block; padding: 5px 5px 5px 30px; width: 165px; color: #000; text-decoration: none; background:url(/Style%20Library/Images/arrowTwo.gif)  15px -3px no-repeat;}

#navcontainerP ul ul a:hover {color: #fff; text-decoration: none; background: #660066 url(/Style%20Library/Images/arrowTwo.gif)  15px -20px no-repeat;}


/* SUB NAV ORANGE */

#navcontainerO {margin-left: 0px; }

#navcontainerO ul {margin: 0; padding: 0; list-style-type: none; font-family:Arial, Helvetica, sans-serif; font-weight:none;}

#navcontainerO li {margin: 0 0 1px 0; }

#navcontainerO a {display: block; padding: 5px 10px; width: 200px; color: #E37600; text-decoration: none; background:url(/Style%20Library/Images/arrowTwo.gif)  -5px -3px no-repeat; }

#navcontainerO a:hover {color: #fff; background: #E37600 url(/Style%20Library/Images/arrowTwo.gif)  -5px -20px no-repeat; text-decoration: none; }

#navcontainerO ul ul li {margin: 0 0 1px 0; }

#navcontainerO ul ul a {display: block; padding: 5px 5px 5px 30px; width: 165px; color: #000; text-decoration: none; background:url(/Style%20Library/Images/arrowTwo.gif)  15px -3px no-repeat;}

#navcontainerO ul ul a:hover {color: #fff; text-decoration: none; background: #E37600 url(/Style%20Library/Images/arrowTwo.gif)  15px -20px no-repeat;}


/* SUB NAV ORANGE */

#navcontainerBK {margin-left: 0px; }

#navcontainerBK ul {margin: 0; padding: 0; list-style-type: none; font-family:Arial, Helvetica, sans-serif; font-weight:none;}

#navcontainerBK li {margin: 0 0 1px 0; }

#navcontainerBK a {display: block; padding: 5px 10px; width: 200px; color: #333333; text-decoration: none; background:url(/Style%20Library/Images/arrowTwo.gif)  -5px -3px no-repeat; }

#navcontainerBK a:hover {color: #fff; background: #333333 url(/Style%20Library/Images/arrowTwo.gif)  -5px -20px no-repeat; text-decoration: none; }

#navcontainerBK ul ul li {margin: 0 0 1px 0; }

#navcontainerBK ul ul a {display: block; padding: 5px 5px 5px 30px; width: 165px; color: #000; text-decoration: none; background:url(/Style%20Library/Images/arrowTwo.gif)  15px -3px no-repeat;}

#navcontainerBK ul ul a:hover {color: #fff; text-decoration: none; background: #333333 url(/Style%20Library/Images/arrowTwo.gif)  15px -20px no-repeat;}


/* STYLE OF POD */


	
.RollHolder {width: 518px;  padding:0; margin:0; border-bottom: 1px dashed #666666; }
	.RollBack {width: 94px; height: 180px; padding: 8px 9px 14px 9px; margin:0; background: url(/Style%20Library/Images/PodBkg.jpg) 0 0 no-repeat; float: left;}
	.RollImg {width: 94px; height: 172px; padding:0; margin:0;}
	.RollText {width: 380px; padding:8px 0 8px 10px; margin:0; float:left;}
	.RollTextFullWidth {width: 500px; padding:8px 0 14px 10px; margin:0; float:left;}
	


/* STYLES OF FONTS */

h1 {font-size: 1.7em; }

h2 {font-size: 1.1em; }

h3 {font-size: 1.3em; }

h4 {font-size: 1.0em; }

h6 {font-size: 1.0em; }

h7 {font-size: 0.9em; }




.SearchButton {width: 65px; height: 20px; background: #f42837; color: #FFFFFF; font-weight: bold; border: 1px solid #990000;}

.SearchButtonGrey {width: 65px; height: 18px; background: #CCCCCC; color: #000; font-weight: bold; border:0;}