/* reset elements */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, a, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner
{
  margin: 0;
  padding: 0;
  border-width: 0;
}

object {
	display:block;
}

body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background-color: #FFFFFF;
  color: #000000;
  font-size: 13px;
  line-height: 18px;
}

body.printable {
  background-color: #FFFFFF;
}

body.popup {
  background-color: #FBF7EF;
  color: #000000;
}

h1,.h1 {
  font-size: 26px;
  line-height: 30px;
  font-weight: normal;
  margin: 8px 0px 8px 0px;
  color: #004060;
}

h2,.h2 {
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  margin: 16px 0px 4px 0px;
  color: #004060;
}

h1 + h2 {
  margin-top: 8px;
}

h3,.h3 {
  font-weight: bold;
  margin: 12px 0px 6px 0px;
  color: #004060;
}

h4,.h4 {
  font-weight: normal;
  font-style: italic;
  color: #004060;
  margin: 8px 0px 3px 0px;
}

p, .body {
  margin: 0px 20px 9px 0px;
}

table {
  border-collapse: collapse;
}

td, th {
  font-weight: normal;
}

a:link { color: #324E76; text-decoration: underline; }
a:visited { color: #6A406A; }
a:active, a:hover { color: #E00000; }

h2 a:link {
  text-decoration: none;
}

input[type=text], input[type=password], textarea {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #E7DDC9;
  border-radius: 3px;
  padding: 2px 4px;
}

/*
select {
  font-size: 90%;
  padding: 1px 0px 1px 1px;
}
*/  

select {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 16px;
  border: 1px solid #E7DDC9;
  border-radius: 3px;
  padding: 2px 2px;
}

option {
  padding: 1px 8px 1px 4px;
}

option.bold {
  font-weight: bold;
}

ul {
  margin: 0;
  padding: 0;
}
  
ol {
  margin: 0px 12px 9px 30px;
  padding: 0px;
  list-style-type: decimal;
  list-style-position: outside;
}

ol.roman {
  list-style-type: lower-roman;
}

ol > li {
  padding: 0px 0px 3px 0;
}

ul.bullet {
  margin: 0 12px 9px 0;
  padding: 0;
  font-size: 1em;
  margin-left: 0px;
  list-style: none;
}

ul.bullet > li {
  background-image: url(/images/bullets/saturn.png);
  background-position: left 2px;
  background-repeat: no-repeat;
  padding: 0px 0px 3px 20px;
  margin: 0px;
}

ul.subnav {
  margin: 3px 0px;
  padding: 0;
  list-style: none;
}

li.subnav {
  background-image: url(/images/bullet_dark_bg.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding: 0px 8px 3px 20px;
  margin: 0px 2px 0px 0px;
  display: inline;
  line-height: 20px;
}

div.subnav {
  margin: 3px 0px;
  vertical-align: bottom;
}
  

td.pageBody {
  background-color: #FBF7EF;
  color: #000000;
  margin: 0;
  padding: 8px 0 0 0;
  width: 776px;
}

td#masthead {
  width: 1000px;
  height: 75px;
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #FBF7EF;
}

td#masthead > table {
  width: 1000px;
  margin: 0px;
  padding: 0px;
}

td.navPanel {
  padding: 0 2px 0 6px;
  margin: 0;
  background-color: #E7DDC9;
  color: #000000;
  width: 200px;
}

td#mainNav {
  min-height: 410px;
}

td.navPanel h3 {
  margin-left: 6px;
}

ul.navPanel {
  list-style: none;
  margin-bottom: 8px;
}

ul.navPanel > li {
  background-image: url(/images/bullets/globe.png);
  background-position: left 1px;
  background-repeat: no-repeat;
  padding: 2px 0px 5px 22px;
  margin: 0px;
}

ul.navPanel li:hover {
  background-image: url(/images/bullets/globe_over.gif);
}

ul.navPanel li.currentNavLink {
  font-weight: bold;
}

ul.navPanel li.currentNavLink:hover {
  background-image: url(/images/bullets/globe.png);
}

ul.navPanel li.rssLink {
  background-image: url(/images/feed-icon.gif);
}

ul.navPanel li.interSite {
  background-image: url(/images/landl.png);
}

ul.navPanel a {
  text-decoration: none;
}

ul.navPanel a:link, ul.navPanel a:visited {
  color: #000;
}

ul.navPanel a:hover {
  color: #E00000;
}

td.navLinkBullet {
  padding: 0px 4px 3px 2px;
}

td.navLink {
  padding: 2px 4px 3px 0px;
}

div.navLink {
  padding: 2px 4px 3px 6px;
}

label.navLink {
  padding: 0 4px 0 0px;
}

td.navBar {
  margin: 0px;
  padding: 0px;
  background-color: #E7DDC9;
  color: #000000;
  width: 776px;
  height: 34px;
}

td.navSpacer {
  width: 24px;
}

td.navBarSpacer {
  width: 24px;
  background-color: #E7DDC9;
}

td.footer {
  margin: 0px;
  padding: 0px 8px 2px 3px;
  background-color: #E7DDC9;
  color: #000000;
  width: 776px;
  height: 34px;
  font-size: xx-small;
  text-align: center;
}

/*
p.footer {
  margin: 0px 8px 2px 3px;
  padding: 0px;
}
*/

p.fieldTitle, p.fieldTitleSmall {
  padding: 6px 0 0 0;
  margin: 0;
  color: #585858;
}

 p.fieldTitleSmall {
  font-size: xx-small;
}

td.fieldTitle, th.fieldTitle, td.fieldContent
{
  padding: 3px 8px 3px 4px;
}

th.fieldTitleSmall {
  font-size: xx-small;
  padding: 2px 8px 0px 4px;
  text-align: left;
}

th.fieldTitle {
  color: #585858;
  white-space: nowrap;
  text-align: left;
  vertical-align: top;
}

table.info {
  background-color: #FBF7EF;
}

th.info, th.infoEdit, th.infoSmall, td.info, td.infoSmall, td.infoEdit {
  border: 1px solid #D2C8B9;
  vertical-align: top;
}

th.info, th.infoEdit, th.infoSmall {
  background-color: #E7DDC9;
  color: #585858;
  white-space: nowrap;
  text-align: left;
  padding: 3px 8px 3px 4px;
}

th.infoEdit {
  padding: 6px 8px 3px 4px;
}

th.infoSmall, td.infoSmall {
  font-size: x-small;
}

td.info, td.infoEdit, td.infoSmall {
  padding: 3px 4px 3px 4px;
}

table.standard {
  background: #FBF7EF;
  border: 1px solid #D2C8B9;
}

table.standard > tbody > tr > td {
  padding: 4px 6px 4px 6px;
  border: 1px solid #D2C8B9;
  vertical-align: top;
}


table.standard > tbody > tr > th {
  background-color: #E7DDC9;
  color: #585858;
  padding: 4px 6px 4px 6px;
  border: 1px solid #D2C8B9;
  font-weight: normal;
  vertical-align: top;
  text-align: left;
  white-space: nowrap;
}

table.standard th.center, table.standard td.center {
  text-align: center;
}

table.standard th.right, table.standard td.right {
  text-align: right;
}

table.standard th.bottom, table.standard td.bottom {
 vertical-align: bottom;
}

table.standard th.editRow, td.alignTop, th.alignTop {
  vertical-align: top;
  padding-top: 6px;
}

table.standard > tbody > tr.dashed-top > td {
  border-top: 1px dashed #E7DDC9;
}
table.standard > tbody > tr.dashed-bottom > td {
  border-bottom: 1px dashed #E7DDC9;
}

table.standard th.blank {
  border: none;
  background-color: transparent;
}

table.standard p {
  margin-right: 0;
}

td.yellow {
  background-color: #FFFBBF;
}

td.blue {
  background-color: #E8F0FF;
}
  
td.green {
  background-color: #E0FFE8;
}

td.white {
  background-color: #FFFFFF;
}

table.standard > tbody > tr > td.noBorder {
  border: none;
}

div#cookies {
  margin: 0 auto;
  padding: 5px 0;
  width: 980px;
  font-size: 1em;
}

div#cookie-button {
  float: right;
  margin: 5px 5px 5px 15px;
}

table#page {
  border-left: 2px solid #D2C8B9;
  border-bottom: 2px solid #D2C8B9;
  border-right: 3px solid #E7DDC9;
  border-top: 2px solid #D2C8B9;
  background-color: #FBF7EF;
  width: 1000px;
  margin: 0 auto 0 auto;
}

.caption {
  font-size: 0.7em;
  line-height: 1.5em;
  color: #6A604F;
  clear: both;
  text-align: center;
  margin: 0;
  padding: 0;
}


h3 a:link, h3 a:visited {
  color: #004060;
  text-decoration: none;
}

a.red:link, a.red:visited { color: #D00000; font-weight: bold; }
a.pale:link, a.pale:visited { color: #60FF80; }

a.navLink, a.navLinkSelected { color: #000000; text-decoration: none; }
a.navLink:link, a.navLink:visited, a.navLinkSelected:link, a.navLinkSelected:visited { color: #000000; }
a.navLink:active, a.navLink:hover { color: #E00000; }
a.navLinkSelected { font-weight: bold; }

a.homeLink, a.homeLink:link, a.homeLink:visited { color: #004060; text-decoration: none; }
a.homeLink:active, a.homeLink:hover { color: #E00000; }

a.footer:link, a.footer:visited { color: #000000; }

/*
a.roll {
  font-weight: bold;
  color:#666666;
}
a.roll:hover {
  font-weight: bold;
  text-decoration:none;
  color:#333333;
}
*/

.bold { font-weight: bold }
.black { color: #000000; }
.red { color: #D00000; }
.grey, .gray { color: #808080; }
.pale { color: #B0B0C0; }
.green { color: #008000; }
.orange { color: #FF8000; }
.hint { color: #666666; }
.bgHili { background-color: #FFFAD0; }
.category { color: #6060B0; }
.correction { background-color: #FFECE8; border: 1px solid #D00000; padding: 2px; }
.small { font-size: 0.75em; }
.noTopMargin { margin-top: 0px; }
.noBottomMargin { margin-bottom: 0px; }
.smallBottomMargin {margin-bottom: 3px; }
.noLeftMargin { margin-left: 0px; }
.spaceBefore { margin-top: 8px; }
.spaceRight { margin-right: 3px; }
.spaceLeft { margin-left: 3px; }
.radioIndent {
  margin-left: 26px;
  text-indent: -26px;
}
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.nowrap { white-space: nowrap; }

hr {
  border: 0px;
  height: 1px;
  background-color: #E7DDC9;
  color: #E7DDC9;
  margin: 8px 0px 8px 0px;
  padding: 0;
}

td.divider {
  height: 4px;
  background-color: #E7DDC9;
}

form {
  display: inline;
  margin: 0;
  padding: 0;
}

p.separator {
  margin: 0px;
  padding: 0px;
  background-color: #FBF8ED;
  color: #999999;
  border-top: 1px solid #F5F1CC;
  border-bottom: 1px solid #F5F1CC;
}

ul.buttons {
  display: inline-block;
  list-style-type: none;
}

ul.buttons > li {
  display: inline-block;
}

ul.buttons > li > a {
  text-decoration: none;
}

input.submit, input.button, a.button, a.buttonRed, ul.buttons > li > a, ul.buttons > li.disabled > span, input.buttonRed, input.cancel, input.careful, input.secondary, input.correct {
  -webkit-box-sizing: content-box;
  -webkit-appearance: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  padding: 2px 8px 3px 8px;
  vertical-align: middle;
  border: 1px solid #000000;
  text-decoration: none;
}

input.submit, input.button, a.button, ul.buttons > li > a {
  background-color: #C4D7D9;
  color: #004060;
  border-color: #8BAFB4;
}

ul.buttons > li.disabled > span {
  background-color: #D0D0D0;
  color: #FFFFFF;
  border-color: #A0A0A0;
}  

input.cancel, input.buttonRed, ul.buttons > li.red > a, a.buttonRed {
  background-color: #C33630;
  color: #FBEE2B;
  border-color: #8D2823;
}

input.grey {
  background-color: #D6D6D6;
  color: #6C6C6C;
  border-color: #888888;
}

input.careful {
  background-color: #FFB164;
  color: #B00000;
  border-color: #FF8040;
}

input.secondary {
  background-color: #FBF7EF;
  color: #4F4639;
  border-color: #BCAD91;
}

input.correct {
  background-color: #FF6040;
  color: #663300;
  font-weight: bold;
}

input.submit:hover, input.button:hover, a.button:hover, ul.buttons > li > a:hover {
  border: 1px solid #004060;
}

input.buttonRed:hover {
  border: 1px solid #431210;
}

a.infoButton {
  background-color: #C4D7D9;
  color: #004060;
  border-radius: 5px;
  font-family: serif;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  padding: 1px 7px 1px 7px;
  vertical-align: middle;
  text-decoration: none;
}

button.small {
  background-color: #C4D7D9;
  color: #004060;
  border: 1px solid #8BAFB4;
  border-radius: 4px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
  font-weight: bold;
  padding: 1px 6px 2px 6px;
  min-height: 16px;
  vertical-align: middle;
}

.hili {
  padding: 4px;
  background-color: #FFFFF0;
  width: 100%;
}

div.thumbnail {
  border: 1px solid #E7DDC9;
  width: 170px;
  height: 170px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  margin: 0px 5px 20px 5px;
}

div.block {
  background-color: #FFFFFF;
  border: 1px solid #D2C8B9;
  padding: 6px 12px;
  margin: 0px 20px 8px 0px;
}

div#userNav {
  width: 171px;
  text-align: left;
  margin: 0 0 10px 0;
  padding: 0px 8px 3px 8px;
  background-color: #FFFFFF;
  border-radius: 9px;
}

div#userNav h2 {
  font-weight: bold;
  color: #004060;
  font-size: 1em;
  margin: 0 0 0 0;
  padding-top: 6px;
  font-weight: bold;
  text-transform: none;
}

div#userNav h3 {
  margin: 6px 0 0 0;
}

div#userNav p {
  margin: 0 0 4px 0;
}

div#userNav ul.navPanel {
  margin: 0 0 0 -3px;
  padding: 4px 0 0 0;
}

div#userNav ul.navPanel li:hover {
  background-image: url(/images/bullets/globe_over_white.gif);
}

div#actionFrame h2 {
  font-size: 1em;
  margin: 12px 0 0 0;
}

div.posterRed, div.posterBlue, div.posterTeal, div.posterPurple, div.posterBronze, div.posterSilver, div.posterWhite {
  width: 187px;
  text-align: center;
  margin: 6px 0 10px 0;
  color: #FFFFFF;
}

div.posterRed, div.posterRed span.poster1, div.posterRed span.poster2, div.posterRed span.poster3, div.posterRed span.poster4 {
  background-color: #C33630;
}

div.posterBlue, div.posterBlue span.poster1, div.posterBlue span.poster2, div.posterBlue span.poster3, div.posterBlue span.poster4 {
  background-color: #29A8DB;
}

div.posterTeal, div.posterTeal span.poster1, div.posterTeal span.poster2, div.posterTeal span.poster3, div.posterTeal span.poster4 {
  background-color: #135762;
}

div.posterPurple, div.posterPurple span.poster1, div.posterPurple span.poster2, div.posterPurple span.poster3, div.posterPurple span.poster4 {
  background-color: #362f50;
}


div.posterBronze, div.posterBronze span.poster1, div.posterBronze span.poster2, div.posterBronze span.poster3, div.posterBronze span.poster4 {
  background-color: #D89923;
}

div.posterSilver, div.posterSilver span.poster1, div.posterSilver span.poster2, div.posterSilver span.poster3, div.posterSilver span.poster4 {
  background-color: #A8B8AA;
}

div.posterWhite, div.posterWhite span.poster1, div.posterWhite span.poster2, div.posterWhite span.poster3, div.posterWhite span.poster4 {
  background-color: #FFFFFF;
}

div.posterText {
  padding: 0px 8px 5px 8px;
}

div.posterText:hover {
  cursor: pointer;
}

div.posterText h2 {
  margin: 0 0 1px 0;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
}

div.posterText h2:hover {
  text-decoration: underline;
}

div.posterText h3 {
  margin: 10px 0 1px 0;
  text-align: center;
}

div.posterText p {
  margin: 0;
  font-size: 13px;
  line-height: 17px;
  color: #FFFFFF;
  text-align: center;
}

div.posterText.posterLeft h3, div.posterText.posterLeft p {
  text-align: left;
}

div.posterWhite div.posterText {
  color: #585858;
}

div.posterRed h2 {
  color: #FBEE2B;
}

div.posterWhite h2 {
  color: #C33630;
}

a.posterLink, a.posterLink:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

span.posterTop, span.posterBottom {
  display: block;
  background: #E7DDC9
}

span.poster1,span.poster2,span.poster3,span.poster4 {
  display: block;
  overflow: hidden;
  font-size: 0px;
}

span.poster1 { height: 1px; margin: 0 5px }
span.poster2 { height: 1px; margin: 0 3px }
span.poster3 { height: 1px; margin: 0 2px }
span.poster4 { height: 2px; margin: 0 1px }

h3 .date { font-weight: normal; font-style: italic; }

.lineAbove {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #E7DDC9;
}

div.alignRight, div.floatRight {
  display: block;
  float: right;
  margin: 0 12px 6px 12px;
}

div.alignLeft, div.floatLeft {
  display: block;
  float: left;
  margin: 0 12px 6px 0;
}

div.alignCenter, div.alignCentre {
  display: block;
  margin: 0 auto 12px auto;
}

img.alignRight, div.imageRight {
  float: right;
  margin: 0 12px 12px 12px;
  background-color: #FFFFFF;
  border: 1px #CCCCCC solid;
  padding: 2px;
}

img.alignLeft, div.imageLeft {
  float: left;
  margin: 0 12px 6px 0;
  background-color: #FFFFFF;
  border: 1px #CCCCCC solid;
  padding: 2px;
}

img.left {
  display: block;
  margin: 0 0 6px 0;
  background-color: #FFFFFF;
  border: 1px #CCCCCC solid;
  padding: 2px;
}


img.alignCentre, img.alignCenter, div.imageCentre, div.imageCenter {
  display: block;
  margin: 0 auto 6px auto;
  background-color: #FFFFFF;
  border: 1px #CCCCCC solid;
  padding: 2px;
}

img.thumbnail {
  border: 1px solid #BBB;
}

.framed {
  background-color: #FFFFFF;
  border: 1px #CCCCCC solid;
  padding: 2px;
}

div.slogan {
  font-style: italic;
  text-align: left;
}

.ui-dialog-title { font-size: 10pt; }
/*
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(/js/jquery/css/images/ui-bg_lookandlearn_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-button-text { line-height: 0.8em; }
*/

.message {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #D2C8B9;
  background-color: white;
  border-radius: 8px;
}

div.statusSelector {
  float: right;
  margin: 4px 8px 0 0;
  padding: 4px 8px;
  background-color: #FBEE2B;
  border: 1px solid #D2C8B9;
  border-radius: 6px;
}

div#dialogBox p {
  margin-right: 0;
}

span.nav-icon {
  display: inline-block;
  vertical-align: bottom;
}

div#searchForm {
  position: relative;
  float: right;
}

input#searchInput {
  width: 240px;
  height: 28px;
  vertical-align: top;
  font-size: 18px;
  line-height: 28px;
  border: 1px solid #C33630;
  border-radius: 4px;
  padding: 2px 6px;
  color: #716148;
}

input#searchBtn {
  height: 32px;
  vertical-align: top;
  font-size: 18px;
  padding: 0 8px;
}

input#advSearchBtn {
  background-image: url('/css/images/search-plus.png');
  background-size: 20px 20px;
  background-position: center center;
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  padding: 0;
}

div#advSearch {
  background-color: white;
  border: 1px solid #C33630;
  border-radius: 5px;
  padding: 4px 8px;
  position: absolute;
  z-index: 100;
}

div#advSearch h3 {
  margin: 2px 0 5px 0;
}

div.inline-button {
  display: inline-block;
  position: relative;
  top:-3px;
  margin-left: 2px;
  margin-right: 9px;
}


th.smartstyle_dateTitle {
  font-size: xx-small;
  padding: 0 4px 0 0;
  text-align: left;
}

td.smartstyle_dateField {
  font-size: 1em;
  padding: 0 4px 0 0;
  text-align: left;
}

input.smartstyle_correction, textarea.smartstyle_correction, select.smartstyle_correction {
  background-color: #FFECE8;
  border: 1px solid #D00000;
  border-radius: 3px;
  padding: 4px 4px;
}

#smartid-message {
  background-color: #F5F289;
  padding: 4px 10px;
  border-radius: 6px;
  margin: 2px 10px 8px -10px;
}

ul#smartid-message {
  margin: 0 9px 9px 0;
  padding: 4px 10px 8px 20px;
  font-size: 1em;
  list-style-type: disc;
}