@font-face { 
  font-family: "Century Gothic";
  src: url("CenturyGothic.ttf")
}

@font-face { 
  font-family: "Century Gothic Bold";
  src: url("CenturyGothicBold.ttf")
}

@font-face { 
  font-family: "Century Gothic Italic";
  src: url("CenturyGothicItalic.ttf")
}

@font-face { 
  font-family: "Century Gothic Bold Italic";
  src: url("CenturyGothicBoldItalic.ttf")
}

h1,h2,h3,h4,h5,h6,p { padding:0.5em 0px; margin:0px; }
img { border:none; }
a { outline:none; }
div,form,body,html { padding:0px; margin:0px; }

body { background:url(../images/background.png) repeat-x #fff; font-size:14px; font-family: "Century Gothic"; }
strong { font-family:"Century Gothic Bold"; }
em { font-family:"Century Gothic Italic"; }
strong>em, em>strong { font-family:"Century Gothic Bold Italic"; }

#container { width:964px; margin:0px auto; }

#top { height:241px; background:url(../images/harland-wolf.jpg) no-repeat; }
#top ul.links { position:absolute; top:206px; border:2px solid #244661; background:url(../images/links-back.gif) repeat-y right #fff; list-style:none; height:33px; padding:0px; margin:0px 15px; width:929px; font-size:13px; font-family:"Century Gothic Bold"; }
#top ul.links li { float:left; height:33px; color:#244661; padding:0px 20px; border-right:1px solid #244661; line-height:32px; }
#top ul.links li.last { border-right:none; text-transform: uppercase; padding-right:27px; }
#top ul.links li:hover, #top ul.links li.selected { background-color:#244661; color:#fff; cursor:pointer; }
#top ul.links li a { color:#244661; text-decoration: none; }
#top ul.links li:hover a, #top ul.links li.selected a { color:#fff; }
#top p.home { float:right; margin:5px 15px 0px 0px; }

#middle { margin-top:16px; padding:0px 17px; }
#middle div.right { width:323px; margin-left:6px; float:right; padding-bottom:10px; }
#middle div.right div.sublinks { background:url(../images/darkblue-back.gif) repeat-y right #244661; font-size:16px; padding:2px 20px; color:#fff; margin-bottom:1px; }
#middle div.right div.sublinks a { color:#fff; text-decoration: none; }
#middle div.right div.sublinks a:hover { color:#3399CC; text-decoration: underline; }
#middle div.right div.sublinks p { padding:0.4em 0; }
#middle div.right div.sublinks h2 { color:#FFFFFF; font-weight:bold; font-size:22px; }
#middle div.right div.whatsnew { background:url(../images/lightblue-back.gif) repeat-y right #4F91B9; }
#middle div.right div.whatsnew h1 { font-weight: normal; font-size:24px; color:#fff; padding:10px 20px 20px 20px; }
#middle div.right div.whatsnew ul.tabs { margin:0px; padding:0px 10px; list-style:none; color:#244661; font-family:"Century Gothic"; font-size:16px; font-weight: normal; }
#middle div.right div.whatsnew ul.tabs li { float:left; margin:0px 4px; padding:3px 8px 6px 8px; background-color: #CEE0EB; }
#middle div.right div.whatsnew ul.tabs li.selected { background-color: #fff; }
#middle div.right div.whatsnew ul.tabs li a { color:#244661; text-decoration: none; }
#middle div.right div.whatsnew div.newback { min-height:300px; clear:both; background:url(../images/whatsnew-back.png) bottom repeat-x; }
#middle div.right div.whatsnew div.white { min-height:300px; background-color:#fff; margin:0px 10px; padding:20px 15px; }
#middle div.right div.whatsnew div.white h1 { color:#244661; font-size:16px; padding:0.2em 0px 0px 0px; }
#middle div.middle { text-align: center; }
#middle div.left { color:#003366; width:590px; font-size:16px; }
#middle div.left h1 { background-color:#86D5F6; color:#fff; width:230px; font-size:19px; padding:9px 20px 9px 20px; font-weight: normal; }
#middle div.left h1 a { color:#fff; text-decoration: none; }
#middle div.left h2 { color:#003366; font-size:19px; font-weight: normal; margin: 0px; padding: 0px; }
#middle h2 { color:#003366; font-weight:bold; font-size:22px; }
#middle h3 { color:#003366; font-weight:bold; font-size:18px; }
#middle div.left a { color:#3399CC; text-decoration: underline; }
#middle div.left a:hover { color:#666; }
#middle div.left div.middle { padding:30px 0px; }
#middle div.left div.inset { padding:0px 20px; }
#middle div.right div.sbitems { padding:0px 10px; }
#middle div.left label { color:#244661; width:110px; float: left; margin-right:20px; }
#middle div.left .pink { color:#FC6DA0; }
#middle div.left div.bluebox { background-color: #244661; color:#fff; margin:10px 0px; font-size:20px; padding:15px; }
#middle div.left div.greenbox { background-color: #C1CD00; font-size:20px; padding:5px 15px;  }

#middle div.left div.story, #middle div.left div.blog { clear: left; margin: 10px 0px; padding: 10px 0px; }
#middle div.left div.story img, #middle div.left div.blog img, div.gallery img { border: 1px solid #666; float: left; margin: 10px 10px 10px 0px; padding: 1px; }
#middle div.left div.story p.title, #middle div.left div.blog p.title { color: #000; }
#middle div.left div.story p.text { font-size: 12px; }
#middle div.left div.blog { font-size: 13px; }
#middle div.left div.story p.title span.posted, #middle div.left div.blog p.title span.posted, span.small { color: #000; font-size: 12px; }

#endmenu { background:url(../images/darkblue-back-endmenu.gif) repeat-y #244661 right; margin-top:15px; clear:both; color:#fff; padding:10px 20px; }
#endmenu ul { list-style: none; margin:0px; padding:0px; }
#endmenu ul li { width:215px; float:left; }
#endmenu ul li.last { width:275px; }
#endmenu h1 { font-size:13px; font-family:"Century Gothic Bold"; font-weight: normal; padding-bottom:0.2em; }
#endmenu ul a { text-decoration: underline; }

#bottom { font-size:0px; background-color:#4F91B9; height:20px; margin-top:10px; }

div.thumbs { padding:10px 0px; }
div.thumbs img { margin:0px; }
div.thumbs td { color:#244661!important; padding-bottom:10px; width:180px; text-align: center; }
div.thumbs span.smaller { font-size:12px; }

table.vacancies { width:100%; }
table.vacancies th { color:#003366; font-weight:bold; font-size:19px; text-align: left; border-bottom:1px solid #003366;  }

table.stafflist { width:930px; color:#000; }
table.stafflist th { font-family:"Century Gothic Bold"; text-align: left; color:#fff; background-color: #222; }
table.stafflist td, table.stafflist th { font-size:12px; border:1px solid #222; }
table.stafflist td[colspan] { background-color: #ccc; }

table td.restore-locations { background-image: url(../cmsfiles/restore/locations.png); background-repeat: no-repeat; color: #FFFFFF; font-size: 16px; vertical-align: top; }
table td.restore-locations a { color: #FFFFFF; }
table td.restore-locations ul { list-style: none; margin: 60px 0px 0px 20px; }
table td.restore-locations ul li { margin-left: -15px; }
table td.restore-locations ul li a { color: #FFFFFF; }
table td.restore-locations ul li ul { list-style: none; margin: 0px; }
table td.restore-locations ul li ul li a { color: #FFFFFF; }
.l-hide { display: none; }

ul.tablinks { list-style:none; margin:0px; padding:8px 0px 0px 20px; }
ul.tablinks li { float:left; padding:0px 7px; margin:0px; height:36px; }
ul.tabcontent { list-style:none; margin:-1px 0px 0px 0px; padding:0px; }
ul.tabcontent li { display: none; margin:0px; padding:0px; }

/* History Display */
#middle div.left .year { background-color:#244661; color: #FFFFFF; display: inline; margin: 3px 3px; padding: 5px 5px; width: 45px; }
#middle div.left .year a { color: #FFFFFF; text-decoration: none; }
#middle div.left .selected { background-color:#86D5F6; color: #FFFFFF; display: inline; margin: 3px 3px; padding: 5px 5px; width: 45px; }
#middle div.left .selected a { color: #FFFFFF; text-decoration: none; }
#middle div.left .pad { margin: 0px; }

table#podcasts { border: 1px solid #244661; width:100%; }
table#podcasts th{ background-color:#3399CC; color: #FFF; font-size: 12px; padding: 2px 5px; text-align: left; }
table#podcasts tr.row1{ background-color: #C1C1C1; }
table#podcasts tr.row2{ background-color: #FFF; }
table#podcasts td{ font-size: 12px; padding: 2px 5px; text-align: left; }