html { font-size: 100%; /* IE hack */ }
table { font-size: 100%; /* IE hack */ }

body { margin: 10px 0 0 0; background-color: #FFFFFF; color: #ded7ca; font-size: 71%; font-family: Tahoma, Arial, Helvetica, sans-serif; }

i { visibility: hidden; }
.donotdisplay { display: none; }
p { margin: 12px 0; }

a:link, a:visited { color: #e5ddcd; text-decoration: none; }
a:hover, a:active { color: #e5ddcd; text-decoration: underline; }





/** Site Contents **/
#maincontainer { width: 960px; margin: 0 45px; margin/**/:/**/ 0 auto; }

#outercontainer { width: 960px; padding: 0; }
#outercontainer .contentcontainer { display: block; width: 960px; width/**/:/**/ 942px; padding: 0 9px 9px 9px;  }

.contentcontainer .copybgrepeat { width: 941px; background: url(images/bgimages/generic-bgrepeat.jpg); }
.contentcontainer .blurrybg { width: 941px; width/**/:/**/ 911px; padding: 31px 0 34px 30px; background: url(images/bgimages/blurry-generic.jpg) no-repeat top left;  }

.maincopy { display: block; width: 880px; padding: 76px 0 40px 0; border: 1px solid #ececec; background: url(images/bgimages/genericheader.jpg) no-repeat top left; min-height: 500px; height: auto !important; height: 500px;}

.maincopy #header { position: relative; height: 170px; width: 828px; }
#header .mainlogo { position: absolute; top: 28px; left: 0; display: block; width: 287px; height: 45px; }
#header .pagetitle { display: block; float: right; margin-top: 10px; }

#navigation { display: block; float: left; width: 287px; width/**/:/**/ 265px; padding: 14px 10px 14px 12px; background: url(images/bgimages/nav-genericnav.jpg) no-repeat top left; }
#pagecopy { display: block; float: left; width: 484px; margin-left: 48px; }

#navigation ul { margin: 0; padding: 0; list-style: none; width: 265px; }
#navigation li { width: 265px; list-style-type: none; background: url(images/dotted-nav-bottom.gif) repeat-x bottom left; }
#navigation li.finallink { background-image: none; }

#navigation li a:link, #navigation li a:visited { display: block; width: 265px; width/**/:/**/ 244px; padding: 8px 0 8px 21px; background: url(images/arrow-navigation.gif) no-repeat right top; }
#navigation li a:hover, #navigation li a:active { display: block; width: 265px; width/**/:/**/ 244px; padding: 8px 0 8px 21px; background: url(images/arrow-navigation-over.gif) no-repeat right top; }
#navigation li a.open:link, #navigation li a.open:visited { display: block; width: 265px; width/**/:/**/ 244px; padding: 8px 0 8px 21px; background: url(images/arrow-navigation-open.gif) no-repeat right top; }
#navigation li a.open:hover, #navigation li a.open:active { display: block; width: 265px; width/**/:/**/ 244px; padding: 8px 0 8px 21px; background: url(images/arrow-navigation-open.gif) no-repeat right top; }


#navigation ul ul { margin: 0 0 0 23px; padding: 0 0 10px 0; list-style: none; width: 230px; }
#navigation ul li li { width: 230px; list-style-type: none; background: none; }

#navigation li li a:link, #navigation li li a:visited { display: block; width: 230px; width/**/:/**/ 222px; color: #a89d87; margin: 0 0 4px 0; padding: 0 0 0 8px; background: url(images/arrow-2ndnav.gif) no-repeat 0px 5px; }
#navigation li li a:hover, #navigation li li a:active { display: block; width: 230px; width/**/:/**/ 222px; color: #cfcbc2; margin: 0 0 4px 0; padding: 0 0 0 8px; background: url(images/arrow-2ndnav.gif) no-repeat 0px 5px; font-weight: bold; text-decoration: none; }

#navigation li li a.pageon:link, #navigation li li a.pageon:visited, #navigation li li a.pageon:hover, #navigation li li a.pageon:active { display: block; width: 230px; width/**/:/**/ 222px; color: #cfcbc2; margin: 0 0 4px 0; padding: 0 0 0 8px; background: url(images/arrow-2ndnav.gif) no-repeat 0px 5px; font-weight: bold; text-decoration: none; }

#pagecopy h1 { margin: -4px 0 0 -2px; color: #FFFFFF;  }
#pagecopy .copy { margin-top: 17px; line-height: 150%; }
#pagecopy .copy a:link, #pagecopy .copy a:visited { text-decoration: underline; }
#pagecopy .copy a:hover, #pagecopy .copy a:active { text-decoration: none; }


/** Footer **/
#footer { display: block; width: 960px; width/**/:/**/ 940px; padding: 11px 5px 30px 15px; font-size: 90%; color: #7d6f54; }
#footer .rightlinks { display: block; float: right; }
#footer .contactinfo { margin-top: 3px; color: #a49a87; font-size: 110%; }

.rightlinks a:link, .rightlinks a:visited { color: #7d6f54; text-decoration: none; margin: 0 10px; }
.rightlinks a:hover, .rightlinks a:active { color: #7d6f54; text-decoration: underline; margin: 0 10px; }
.contactinfo a:link, .contactinfo a:visited, .contactinfo a:hover, .contactinfo a:active { color: #a49a87; }

strong.title_utilities {color: #6e5528; font-weight: bold; text-transform: uppercase;}
div.utilities_end_paragraph {border-bottom: 1px solid #b2a382; width: 100%; height: 1px;}

ul.employment_list {padding-bottom: 10px; border-bottom: 1px solid #b2a382;}
strong.employment_title {color: #5a4a26; font-weight: bold;}

h2.vacancy_name { margin-top: 0; font-size: 160%; }
#jobApplicationDetails {border-top: 1px solid #b2a382; padding-top: 10px;}


/**** Additional Styles ****/
.newsteaser { display: block; line-height: normal; margin-bottom: 25px; }
.newsteaser .title { display: block; float: left; width: 380px; padding: 10px 0; color: #e9e4db; border-bottom: 1px solid #936f3f; }
.newsteaser .newsdate { display: block; float: left; color: #d2c5a9; width: 100px; padding: 0; font-weight: bold; }
.newsteaser .title a:link, .newsteaser a:visited,.newsteaser a:hover, .newsteaser a:active { color: #e9e4db; text-decoration: none; }

.newspagedate { display: block; margin-top: 15px; border-top: 1px solid #ad9d7d; line-height: normal; padding-top: 12px; color: #FFFFFF; }
.newspagedate a:link, .newspagedate a:visited { font-color: #f0f0f0; text-decoration: underline; }
.newspagedate a:hover, .newspagedate a:active { font-color: #f0f0f0; text-decoration: none; }

table.grid { border: none; width:100%; margin: 15px 0; border-collapse:collapse; }
table.grid td { border-bottom: 1px solid #b2a382; padding: 10px 0; color: #ccc6ba; }
table.grid td.title { font-weight: bold; color: #5a4a26; }
td p { vertical-align: top; margin: 0; }
td ul, td li { vertical-align: top; margin: 0; list-style: none; }
a.contact_link, a:hover.contact_link { color: #fff; }