body {
  font-family: Arial, Helvetica, Sans-Serif; 
  font-size: 12px; 
  color: #696868; 
  background-color: #ffffff;
}
h1 {color: #696868; font-size: 24px; font-weight: bold; padding-bottom: 21px;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}

/* ==========  Useful   =============================================================== */
.bold {font-weight: bold;}
.introText {color: #818382; font-size: 16px; padding-bottom: 21px; line-height: 20px;}
.bodyText {color: #696868; font-size: 12px; line-height: 18px;}
.bodyText h2 {font-size: 13px; font-weight: bold;}
.bodyText h3 {font-size: 12px; font-weight: bold;}
.bodyText p {padding-bottom: 25px;}
.bodyText ul {padding-left: 20px; list-style-type: disc;}
.bodyText a, .introText a {color: #709900;}

.clearBoth {clear: both;}

/* ==========  Framework   =============================================================== */

.all {overflow: hidden; width: 100%; height: 100%;}
.logoForPrint {display: none;}
.headerContainer, .headerNoFlashContainer, .contentContainer, .footerContainer {text-align: center;}
.footerContainer {border-top: solid 1px #e0e0e0; margin-top: 30px;}
.footerBackground {background-color: #f6f6f6; margin: 4px 0 10px 0; padding: 15px 0 30px 0;}
.header {height: 40px; width: 960px; margin: 0 auto; text-align: left;}
.headerNoFlash {height: 57px; width: 960px; margin: 0 auto; text-align: left; background: transparent url(/Styles/header/backgroundGradient.gif) repeat-x 0 42px;}
.areaBox {width: 100%; text-align: center;}
.content {width: 960px; margin: 0 auto; text-align: left;}
.footer {width: 960px; margin: 0 auto; text-align: left; font-size: 11px; letter-spacing: 0.4px;}
.footer img {padding: 0 7px 0 12px;}

/* ----- Header -- */
.headerTop {height: 40px;}
.headerBottom {height: 57px;}

.headerTopSupportMenu{float: right; padding: 20px 0 0 0; width: 400px;}
.headerTopSearch{float: right; padding: 16px 0 0 8px;}
.headerTopSearchField {float: left; background: url('/Styles/header/searchField.gif') no-repeat 0 0; padding: 5px 7px 5px 7px;}
.headerTopSearchField input {border: none; background-color: Transparent; width: 152px;}
.headerTopSearchButton {float: left;}

.supportMenu {overflow: hidden; font-size: 11px;}
.supportMenu li {display: block; float: right; padding: 0 7px 0 7px; background: transparent url(/Styles/header/supportMenuSeparator.gif) no-repeat 100% 2px;}
.supportMenu .siteMap {background-image: none;}
.supportMenu li a {color: #818382;}
.supportMenu .active a {color: #719800;}

.headerBottomLogo {float: left;}
.headerBottomMainMenu{float: right; width: 755px;}

.mainMenu {padding: 32px 20px 0 47px;}
.mainMenu .mainItem {display: block; float: left; font-weight: bold; width: 114px; height: 22px; text-align: center; position:relative; cursor: default;}

.mainMenu ul {
  width: 125px;
	background: #ffffff;
	border-top: solid 1px #e0e0e0;
	border-left: solid 1px #e0e0e0;
	border-right: solid 1px #e0e0e0;
	border-bottom: solid 5px #abd158;
	display:none;
	margin: 0; 
	padding: 10px 0 15px 0; 
	position: absolute;
	top: 22px;
	left: 0;
	z-index: 500;
}
.mainMenu ul a {color: #818382; padding: 0 10px 0 10px; display: block;}
.mainMenu .subItem {padding-bottom: 3px;}
.mainMenu .mainItem:hover {background: transparent url(/Styles/header/activeGradient.gif) repeat-x 0 bottom;}
.mainMenu .mainItem:hover ul {display:block;}
.mainMenu .subItem {text-align: left;}

/* ==========  Header: Default   =============================================================== */
.headerDefault {background: transparent url(/styles/areaBox/plainBackground.gif) no-repeat 0 0; width: 960px; height: 96px;}

/* ==========  Header: Big   =============================================================== */
.headerBig {height: 252px; text-align: center; overflow: hidden;}
.headerBigPadding {width: 960px; text-align: left; margin: 0 auto; overflow: hidden;}
.headerBigSlogan {height: 188px;}
.headerBigSloganPadding {font-size: 24px; padding: 80px 0 0 40px; color: #fefafa;}
.headerBigSlogan strong {font-weight: normal; color: #333333;}
.headerBigTabs {overflow: hidden;}
.headerBigTabs .tabUL {overflow: hidden; float: right; font-weight: bold; padding-right: 17px;}
.headerBigTabs .tabLI {float: left; width: 110px; background: transparent url(/Styles/areaBox/tabGreenBackground.gif) repeat-x 0 0; line-height: 36px; margin-left: 5px; padding: 0 0 0 15px; }
.headerBigTabs .tabLIActive {float: left; width: 110px; background: transparent url(/Styles/areaBox/tabWhiteBackground.gif) repeat-x 0 0; line-height: 36px; margin-left: 5px; padding: 0 0 0 15px; }
.headerBigTabs .tabLI .tabA {display: block; height: 36px; color: #ffffff;}
.headerBigTabs .tabLIActive .tabA {display: block; height: 36px; color: #709900;}
.headerBigList {text-align: center;  width: 960px;}
.headerBigList a {color: #709900;}
.headerBigList a:hover {text-decoration: none; font-weight: bold;}
.headerBigList ul {overflow: hidden; padding-top: 10px;}
.headerBigList li {float: right; padding-right: 22px;}

/* ==========  Header: Small   =============================================================== */
.headerSmall {height: 152px; text-align: center; overflow: hidden;}
.headerSmallPadding {width: 960px; text-align: left; margin: 0 auto; overflow: hidden;}
.headerSmallTabs {overflow: hidden; padding-top: 78px;}
.headerSmallTabs .tabUL {overflow: hidden; float: right; font-weight: bold; padding-right: 17px;}
.headerSmallTabs .tabLI {float: left; width: 123px; background: transparent url(/Styles/areaBox/tabGreenBackground.gif) repeat-x 0 0; line-height: 36px; margin-left: 5px; padding: 0 0 0 15px; }
.headerSmallTabs .tabLIActive {float: left; width: 123px; background: transparent url(/Styles/areaBox/tabWhiteBackground.gif) repeat-x 0 0; line-height: 36px; margin-left: 5px; padding: 0 0 0 15px; }
.headerSmallTabs .tabLI .tabA {display: block; height: 36px; color: #ffffff;}
.headerSmallTabs .tabLIActive .tabA {display: block; height: 36px; color: #709900;}
.headerSmallList {text-align: center;  width: 960px;}
.headerSmallList a {color: #709900;}
.headerSmallList a:hover {text-decoration: none; font-weight: bold;}
.headerSmallList ul {overflow: hidden; padding-top: 10px;}
.headerSmallList li {float: right; padding-right: 22px;}


/* ==========  Header: District   =============================================================== */
.headerDistrict {height: 230px; text-align: center; overflow: hidden;}
.headerDistrictPadding {width: 960px; text-align: left; margin: 0 auto; overflow: hidden;}
.headerDistrictTop {height: 168px; color: #ffffff; overflow: hidden;}
.headerDistrictName {float: left; width: 570px;}
.headerDistrictInfo {float: left; width: 380px; font-size: 11px;}
.headerDistrictNameLine1 {font-size: 48px; padding: 78px 0 0 50px;}
.headerDistrictNameLine2 {font-size: 36px; padding: 0 0 0 50px; line-height: 20px;}
.headerDistrictInfo .info {height: 130px; overflow: hidden;}
.headerDistrictInfo .line1 {padding-top: 40px; font-weight: bold;}
.headerDistrictInfo .line4 {padding-top: 18px;}
.headerDistrictInfo .districtSearch {overflow: hidden; height: 36px;}
.headerDistrictInfo .districtSearch .textField {float: left; background: url('/Styles/areaBox/orangeSearchBackground.gif') no-repeat 0 0;
}
.headerDistrictInfo .districtSearch .textField input {border: none; background-color: Transparent; width: 217px; height: 18px; color: #ffffff;}
.headerDistrictInfo .districtSearch .searchButton {float: left; padding-left: 10px;}

.headerDistrictTabs {overflow: hidden;}
.headerDistrictTabs .tabUL {overflow: hidden; float: right; font-weight: bold; padding-right: 17px;}
.headerDistrictTabs .tabLI {float: left; width: 123px; background: transparent url(/Styles/areaBox/tabOrangeBackground.gif) repeat-x 0 0; line-height: 36px; margin-left: 5px; padding: 0 0 0 15px; }
.headerDistrictTabs .tabLIActive {float: left; width: 123px; background: transparent url(/Styles/areaBox/tabWhiteBackground.gif) repeat-x 0 0; line-height: 36px; margin-left: 5px; padding: 0 0 0 15px; }
.headerDistrictTabs .tabLI .tabA {display: block; height: 36px; color: #ffffff;}
.headerDistrictTabs .tabLIActive .tabA {display: block; height: 36px; color: #d96601;}
.headerDistrictList {text-align: center;  width: 960px;}
.headerDistrictList a {color: #d96601;}
.headerDistrictList a:hover {text-decoration: none; color: #d33a20; font-weight: bold;}
.headerDistrictList strong {color: #d33a20;}
.headerDistrictList ul {overflow: hidden; padding-top: 10px;}
.headerDistrictList li {float: right; padding-right: 22px;}


/* ==========  Header: Search   =============================================================== */
.headerSearch {height: 100px; text-align: center; overflow: hidden;}
.headerSearchPadding {width: 960px; text-align: left; margin: 0 auto; overflow: hidden;}
.headerSearch .areaSearch {overflow: hidden; padding: 60px 0 0 490px;}
.headerSearch .textField {float: left; background: url('/Styles/areaBox/greenSearchBackground.gif') no-repeat 0 0;
}
.headerSearch .textField input {border: none; background-color: Transparent; width: 217px; height: 18px; color: #ffffff;}
.headerSearch .searchButton {float: left; padding-left: 10px;}

/* ==========  toolBox   =============================================================== */
.toolBox {text-align: right; padding-right: 13px;  height: 18px; overflow: hidden;}
.toolBox a {color: #5f5f5f; font-size: 11px; float: right; height: 18px; display: block; }
.toolBoxTipAFriend {padding: 0 22px 0 20px; background: url('/Styles/icons/email.gif') no-repeat 100% 2px;}
.toolBoxPrint {padding: 0 26px 0 16px; background: url('/Styles/icons/print.gif') no-repeat 100% 0;}
.toolBoxTipAFriend:hover {background-image: url(/Styles/icons/emailMO.gif);}
.toolBoxPrint:hover {background-image: url(/Styles/icons/printMO.gif);}

/* ==========  TwoColumn   =============================================================== */
.twoColumn {overflow: hidden; width: 100%; padding-top: 10px;}
.twoColumnLeftPadding {float: left; padding-right: 20px; height: 100%; overflow: hidden;}
.twoColumnLeft {width: 595px;}
.twoColumnRight {float: left; width: 345px;}

/* ==========  sideBar   =============================================================== */
.sideBarPic {padding-bottom: 15px;}
.sideBarHeading1 {font-size: 11px; color: #709900;}
.sideBarHeading2 {font-size: 11px;}
.sideBarText {font-size: 10px; padding-top: 6px;}

.sideBarFiles {padding-top: 40px; font-size: 11px; color: #5f5f5f;}
.sideBarFiles h4 {font-weight: bold; font-size: 12px; padding-bottom: 9px;}
.sideBarFiles a {color: #5f5f5f;}
.sideBarFilesList {overflow: hidden;}
.sideBarFile {float: left; width: 49%; padding-bottom: 10px;}
.sideBarFile a {padding: 0 10px 3px 22px; display: block;}
.sideBarFileOther {background: url('/Styles/icons/file.gif') no-repeat 0 0;}
.sideBarFilePDF {background: url('/Styles/icons/pdf.gif') no-repeat 3px 0;}
.sideBarFileWord {background: url('/Styles/icons/word.gif') no-repeat 0 0;}
.sideBarFileExcel {background: url('/Styles/icons/excel.gif') no-repeat 0 0;}
.sideBarFilePowerPoint {background: url('/Styles/icons/ppt.gif') no-repeat 0 0;}
.sideBarFilePic {background: url('/Styles/icons/camera.gif') no-repeat 0 0;}

/* ==========  Flash   =============================================================== */
#flashContainer {width: 100%; text-align: center;}
#header {margin: 0 auto; height: 210px; text-align: left; width: 960px;}

.flashFix1 {width: 100%; text-align: center;}
.flashFix2 {width: 960px; margin: 0 auto; text-align: left;}

/* ==========  Frontpage   =============================================================== */
.frontpage {}
.slideShow {width: 100%; text-align: center;}
.slideShow .SlideShowCenter {width: 960px; margin: 0 auto; text-align: left;}
.slideShow .slide {overflow: hidden; width: 100%;}
.slideShow .slidePic {width: 960px; height: 420px;}
.slideShow .slideOverlay {padding-top: 268px;}
.slideShow .slideOverlay h1 {font-size: 15px; color: #000000; background-color: #beef50; padding: 6px 0 5px 150px; margin: 0;}
.slideShow .slideOverlay h2 {font-size: 14px; padding-bottom: 5px;}
.slideShow .slidetext {color: #ffffff; background-color: #201d1c; padding: 10px 140px 0 150px;}
.slideShow .slidetext p {font-size: 13px; line-height: 18px; height: 70px;}

.getFlash {text-align: left; position: absolute; top: 97px; padding: 5px; z-index: 200; width: 945px; background-color: #ff8888; border: dashed 2px #ff0000; color: #000000;}
.getFlash img {float: left; margin-right: 10px;}
.getFlash p {padding-top: 12px;}
.getFlash a {color: #000000; text-decoration: underline;}

.frontpage .boxes {width: 100%; text-align: center; padding-top: 24px;}
.frontpage .boxesCenter  {width: 960px; margin: 0 auto; text-align: left; overflow: hidden;}
.frontpage .box, .frontpage .boxDistrict {float: left; width: 225px;}
.frontpage .boxPadding {height: 95px;  border-bottom: solid 1px #eeeeee;}
.frontpage .box h2, .frontpage .boxDistrict h2 {border-top: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; color: #6a6a6a; padding: 7px 0 4px 0; margin-bottom: 7px;}
.frontpage .box h2 a {color: #818382;}
.frontpage .box a, .frontpage .boxDistrict a {color: #83a722;}
.frontpage .box p, .frontpage .boxDistrict p {color: #5f5f5f; line-height: 17px;}
.frontpage .boxes .spacer {float: left; width: 20px;}
.frontpage .boxArrow {}
.frontpage .boxDistrict select {border: solid 1px #c7c7c7; color: #7aa011; width: 225px; margin-top: 6px;}
.frontpage .boxDistrictPadding {height: 95px;}


/* ==========  Article   =============================================================== */
.article {}
.articleToolBox {}
.publishedDate {font-size: 11px; padding-bottom: 10px;}
.article .applicationDate {font-size: 12px; padding-bottom: 15px; font-weight: bold;}
.articleSidePic {padding-top: 65px;}
.passwordProtectedMsg {border: 1px dashed #709900; margin: 20px 0pt 300px 350px; width: 200px; padding: 20px; color: #000000; line-height: 18px;}
.passwordProtectedMsg a {color: #709900;}

/* ==========  AreaFrontpage   =============================================================== */
.areaFrontpage {padding-top: 10px;}
.afTop {overflow: hidden; width: 100%;}
.afHeading {width: 595px; float: left;}
.afToolBox {float: right;}
.afPictureAndPictureText {position:relative; width: 100%;}
.afPicture {width: 595px;}
.afPictureText {position: absolute; left: 615px; bottom: 0; width: 345px;}
.afMainTextAndSidebar {overflow: hidden; width: 100%; padding-top: 30px;}
.afMainText {float: left; width: 595px;}
.afSideBar {float: right; width: 345px; padding-top: 100px;}
.afSidePic {padding-bottom: 16px;}


/* ==========  ArticleList   =============================================================== */
.articleList {padding-top: 10px;}
.alTop {overflow: hidden; width: 100%; border-bottom: solid 1px #ededed; margin-bottom: 25px;}
.alTop h1 {padding-bottom: 6px;}
.alHeading {float: left;}
.alToolBox {float: right; padding-top: 10px;}
.alFeaturedArticle {overflow: hidden; width: 100%; background: transparent url(/Styles/articleList/featuredArticleGradient.gif) repeat-x 0 bottom; padding: 0 0 26px 0;}
.alFeaturedArticlePic {float: left; width: 475px;}
.alFeaturedArticlePic img {float: right; margin-right: 50px;}
.alFeaturedArticleText {float: right; width: 465px;}
.alFeaturedArticleTextPadding {padding-right: 30px;}
.alFeaturedArticleText .Date {color: #5f5f5f; padding-bottom: 25px;}
.alFeaturedArticleText h2 {font-size: 24px; font-weight: normal; padding-bottom: 13px;}
.alFeaturedArticleText h2 a {color: #709900;}
.alFeaturedArticleText p {color: #5f5f5f; font-size: 16px; line-height: 22px;}
.alFeaturedArticleText .ReadMore {color: #709900; padding-top: 22px; display: block;}
.alList {overflow: hidden; padding-top: 29px; width: 100%; color: #333333;}
.alList a {color: #709900;}
.alList h2 {font-size: 12px; font-weight: bold; padding-bottom: 5px;}
.alListItem {float: left; overflow: hidden; width: 466px;}
.alListItemPic {float: left; width: 185px; overflow: hidden;}
.alListItemPic img {float: right; margin-right: 20px;}
.alListItemTextAndLink {float: left; width: 281px;}
.alListItemText {height: 98px; line-height: 18px;}
.alList .dividerVertical {float: left; width: 20px;}
.alList .dividerHorizontal {float: left; width: 100%; padding: 28px 0 30px 0;}
.alList .dividerHorizontal div {width: 100%; border-bottom: solid 1px #ededed; font-size: 1px;}
.alListItemApplicationDate {padding-top: 5px;}

/* ==========  FAQ   =============================================================== */
.faq {padding-top: 10px;}
.faqTop {overflow: hidden; width: 100%;}
.faqHeading {float: left;}
.faqToolBox {float: right; padding-top: 10px;}
.faqContent {width: 100%;}
.faqLeft {float: left; width: 600px;}
.faqRight {float: right; width: 360px;}
.faqRight img {margin-left: 10px;}
.faqList {position: relative; left: -18px;}
.faqListItemToggle {padding-left: 18px; font-weight: normal; background: url('/Styles/icons/plus.gif') no-repeat 0 2px;}
.faqList h2 a {color: #5f5f5f;}
.faqList h2 a:hover {color: #709900; cursor: pointer;}
.faqList .Open {background-image: url(/Styles/icons/minus.gif);}
.faqList .Open a {color: #709900;}
.faqListItem {padding-bottom: 14px;}
.faqListItemAnswer {color: #404040; padding: 11px 0 11px 4px; margin-left: 15px; border-bottom: solid 1px #e6f2a9; line-height: 18px;}



/* ==========  Employees   =============================================================== */
.employees {padding-top: 10px;}
.emTop {overflow: hidden; width: 100%;}
.emHeading {float: left;}
.emToolBox {float: right; padding-top: 10px;}

.employeeContent {overflow: hidden; width: 100%;}
.employeeList {float: left; width: 564px;}

.emListTable {width: 100%; border-spacing: 0;}
.emListTable caption {display: none;}
.emListTable thead { }
.emListTable thead th {font-size: 12px; font-weight: bold; border-top: solid 1px #cbcbcb; border-bottom: solid 1px #cbcbcb; padding: 5px 0 4px 0;}
.emListTable thead .Name {width: 355px; padding-left: 5px;}
.emListTable thead .Position {width: 160px; padding-right: 5px;}
.emListTable tbody > tr:first-child {background-color: #f8f8f8;}
.emListTable tbody tr:hover {background-color: #ed712b; color: #ffffff; font-weight: bold;}
.emListTable tbody tr:hover .MoreInformation a {color: #ffffff;}
.emListTable tbody td {padding: 5px 0 4px 0; border-bottom: solid 1px #efefef;}
.emListTable tbody .Name {padding-left: 5px;}
.emListTable tbody .Position {}
.emListTable tbody .MoreInformation {padding-right: 5px;}
.emListTable tbody .MoreInformation a {color: #5f5f5f;}
.emListTable tbody .MoreInformation a:visited {color: #5f5f5f;}
.emListTableWithJavaScriptAddition {margin-bottom: 250px;}
.emListTableWithJavaScriptAddition tbody .MoreInformation a:hover {color: #ffffff;}
.emListTableWithJavaScriptAddition tbody tr:hover {cursor: pointer;}
.emListTableWithJavaScriptAddition tbody a:hover {text-decoration: none;}

.employeeDetailsList {float: right; width: 365px; overflow: hidden;}
.employeeDetailsList a, .employeeDetailsListNoJavaScript a {color: #696868;}
.employeeDetailsListNoJavaScript {width: 100%; overflow: hidden;}
.employeeDetailsListHeight {height: 300px;}
.employeeDetailsListHeightNoJavaScript {}
.employeeDetails {width: 353px;}
.employeeDetailsNoJavaScript {width: 363px; float: left; padding-top: 30px;} 

.edHeader {background: transparent url(/Styles/employees/header.gif) no-repeat 0 0; height: 26px; color:#ffffff;}
.edHeader h2 {font-weight: bold; font-size: 13px; padding: 5px 0 0 19px}
.edData {background: transparent url(/Styles/employees/background.gif) no-repeat 0 bottom; overflow: hidden; padding: 24px 20px 50px 0; height: 100%;}
.edPic {float: left; width: 120px; text-align: center; padding-top: 5px;}
.edText {float: left; width: 213px; line-height: 18px;}
.edText .space {padding-top: 5px; display: block;}


/* ==========  Calendar   =============================================================== */
.calendar {padding-top: 10px;}
.calTop {overflow: hidden; width: 100%;}
.calTop h1 {padding-bottom: 6px;}
.calHeading {float: left;}
.calToolBox {float: right; padding-top: 10px;}
.calendarPage {width: 100%; overflow: hidden; padding-top: 45px;}
.cpLeft {float: left; width: 555px;}
.cpRight {float: left; width: 405px;}
.cpRightPadding {padding: 5px 0 0 25px;}
.cpRight h2 {color: #696868; font-size: 14px; font-weight: bold; padding-bottom: 15px;}
.cpRight h3 {padding-bottom: 0;}
.calendarEvent, .calendarEventOrange {padding-bottom: 15px; line-height: 18px;}
.calendarEventOrange {color: #d96601;}
.eventDates {list-style-type: circle; font-weight: bold; padding: 10px 10px 35px 20px; margin: 25px 0 0 0; float: right; border: solid 1px #cccccc;}
.eventDates a {color: #d96601;}


/* ==========  SearchResults / ArticleArchive   =============================================================== */
.searchResults {padding-top: 10px;}
.srTop {overflow: hidden; width: 100%; margin-bottom: 25px;}
.srHeading h1 {padding-bottom: 6px; color: #696868;}
.srHeading {float: left;}
.srToolBox {float: right; padding-top: 10px;}

.srPage {overflow: hidden; width: 100%;}
.srResults {float: left; width: 655px;}
.srSearchBox {float: right; width: 285px; padding-top: 67px;}

.resultTable {overflow: hidden; width: 100%;}
.resultTable h2 {font-size: 13px; padding-bottom: 5px;}
.resultTable a {color: #709900;}
.resultTable p {line-height: 18px; padding-bottom: 5px;}
.resultTable .thead {overflow: hidden; width: 100%; color: #5f5f5f; font-weight: bold; border-bottom: solid 1px #c8c7c7; padding: 26px 0 12px 0;}
.resultTable .th1 {width: 100px; float: left;}
.resultTable .th2 {width: 555px; float: left;}
.resultTable .tr {overflow: hidden; width: 100%; border-bottom: solid 1px #ededed; padding: 12px 20px 16px 2px;}
.resultTable .td1 {width: 98px; float: left;}
.resultTable .td2 {width: 535px; float: left;}


.srPaging a {color: #5f5f5f;}
.srPaging ul {overflow: hidden; padding: 20px 0 30px 100px; font-size: 11px;}
.srPaging li {float: left; padding-right: 10px;}

.searchBox {width: 283px; overflow: hidden; border: solid 1px #c9c8c8; padding-bottom: 20px;}
.searchBox input {border: solid 1px #d3d3d3; padding: 1px;}
.searchFieldAndButton {overflow: hidden; padding: 32px 17px 10px 17px; width: 100%;}
.searchField {float: left; padding: 2px 3px 0 0;}
.searchTextBoxKeywords {width: 190px;}
.searchTextBoxDate {width: 190px; font-size: 10px; margin: 3px 0 3px 0;}
.searchButton {float: left;}
.searchOptions {padding: 10px 0 10px 17px; font-size: 11px; width: 100%;}
.searchOptions select {border: solid 1px #d3d3d3 padding: 3px 0 3px 0; width: 190px; font-size: 11px;}


/* ==========  Logistics   =============================================================== */
.logisticsArticle, .logisticsArticleList {padding-top: 10px;}
.logTop {overflow: hidden; width: 100%; margin-bottom: 25px;}
.logTop h2 {padding-bottom: 6px; font-size: 24px;}
.logHeading {float: left;}
.logToolBox {float: right; padding-top: 10px;}

.logPage {overflow: hidden; width: 100%;}
.logMenu {float: left; width: 137px; padding-top: 2px;}
.logSpacer {float: left; width: 40px;}
.logContent {float: left; width: 700px;}
.logContent h1 {font-size: 18px;}

.logMenuList {border-bottom: solid 1px #f3f3f3;}
.logMenuList li { border-top: solid 1px #f3f3f3;}
.logMenuList a {padding: 7px 0 7px 0; display: block; color: #5f5f5f;}
.logMenuList .active a {color: #709900;}
.logMenuList .secondLevel {padding-left: 15px; border-top: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf;}
.logMenuList .thirdLevel {padding-left: 15px; border-top: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf;}

.logList {overflow: hidden; width: 100%;}
.logListItem {float: left; width: 350px; height: 140px; line-height: 18px;}
.logListItem .padding {padding: 0 50px 40px 0;}
.logListItem h3 {padding-bottom: 10px;}
.logListItem a {color: #8dad33;}

/* ==========  Job   =============================================================== */
.jobFile a {color: #709900; font-weight: bold; font-size: 16px;}


/* ==========  Sitemap   =============================================================== */
.sitemap {padding-top: 10px; color: #818382;}
.sitemap a {color: #709900;}
.sitemap li {padding: 2px 0 2px 0;}
.sitemap .mainList {list-style-type: square; list-style-position: outside; }
.sitemap .subList {list-style-type: disc; list-style-position: outside; padding: 0 0 15px 10px;}
.sitemap .subsubList {list-style-type:circle; list-style-position: outside; padding: 0 0 5px 10px;}
.sitemap .lists {padding: 0 0 20px 30px;}
.sitemap .listsPadding {width: 100%; overflow: hidden;}
.sitemap .list1 {padding: 0 20px 0 20px; float: left; width: 200px;}
.sitemap .list2 {padding: 0 20px 0 20px; float: left; width: 200px;}
.sitemap .list3 {padding: 0 20px 0 20px; float: left; width: 200px;}
.sitemap .list4 {padding: 0 0 0 20px; float: left; width: 160px;}
.sitemap .mainItem {font-weight: bold;}
.sitemap .subItem, .sitemap subsubItem {font-weight: normal;}
.sitemap .subsubItem {font-size: 11px;}
.sitemap .subsubItem a {color: #818382;}

/* ==========  modalTipAFriendWindow   =============================================================== */	
.modalWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -175px;
    width: 350px;
    background-color: #ffffff;
    color: #ffffff;
}
.modalWindow .modalClose {overflow: hidden; padding: 7px 6px;}
.modalWindow .modalClose img {float: right;}
.modalWindow .modalHeading {
  background: transparent url(/Styles/lightbox/headerBackground.gif) repeat-x 0 0;
  font-size: 14px;
  font-weight: bold;
  height: 31px;
}
.modalWindow .modalHeading div {padding: 9px 0 0 40px;}
.modalWindow .modalContent {height: 100%;}
.modalWindow iframe {width: 350px; z-index: 900; height: 100%;}
.modalWindowIframe {color: #2f2e2e; padding: 23px 74px 0 40px; font-size: 11px;}
.modalWindowIframe .field {border: solid 1px #b7b7b7; margin: 5px 0 10px 0; width: 231px;}
.modalWindowIframe .fieldShort {border: solid 1px #b7b7b7; margin: 5px 0 10px 0; width: 100px;}
.modalWindowIframe .buttonRow {overflow: hidden; width: 100%;}
.modalWindowIframe .requiredMsg {float: left; font-size: 11px;}
.modalWindowIframe .button {float: right;}
.modalWindowIframe .message {text-align: center; padding-top: 20px;}
.modalWindowIframe h1 {font-size: 18px;}
.modalWindowIframe a {color: #709900;}
.modalWindowIframe .error {color: #ff0000; font-size: 10px;}
.modalWindowIframe .formLabelAndButton {overflow: hidden; width: 100%;}
.modalWindowIframe .formLabel {float: left; padding: 7px 5px 0 0;}
.modalWindowIframe .formInput {float: left;}
.modalWindowIframe .formButton {float: left; padding: 3px 0 0 5px}


/* ==========  epiLogin   =============================================================== */	
.epiLoginPage {text-align: center; width: 100%; height: 100%;}
.epiLogin {width: 400px; margin: 0 auto; text-align: left; padding-top: 100px;}
.epiLoginBox {border: solid 1px green; width: 400px;}
.epiLoginBox h2 {padding-bottom: 10px;}
.epiLoginBox .error {padding-bottom: 10px;}
.epiloginBoxPadding {}
.epiLoginBoxHeading {
  background: transparent url(/Styles/lightbox/headerBackground.gif) repeat-x 0 0;
  font-size: 14px;
  font-weight: bold;
  height: 31px;
  color: #ffffff;
}
.epiLoginBoxHeading div {padding: 9px 0 0 10px;}
.epiLoginBoxForm {padding: 20px 20px 30px 40px}
.epiLoginFormLabel {overflow: hidden;}
.epiLoginFormLabel .label {width: 70px; float: left;}
.epiLoginFormLabel .field {width: 260px; float: left;}
.epiLoginFormLabel .field input {border: solid 1px grey;}
.epiLoginFormButton {padding: 20px 0 10px 70px;}