/* general styles */

body, table { font-family: verdana, geneva, arial, sans-serif; font-size: 11px; margin: 0;}
img {border: 0;}
body {background: white;}
a {text-decoration: none;  color: #853F08; font-weight: bold;}
a:hover {text-decoration: underline;}
form {border: 0; margin: 0;}
input, select, textarea {font-size: 10px; font-family: arial, geneva, sans-serif;}
.big {font-size: 12px; font-weight: bold;}
div.clearfix {clear: both; height: 0; overflow: hidden; width: 90%;}
p.error {color: #ce0000; font-weight: bold;}
.dead {font-weight: bold; color: #aaa; text-decoration: none;}
hr { padding: 0;}
.highlight {background: #F7DFCE;}

/* header & logos */

#header {width: expression(document.body.offsetWidth < 776 ? "auto" : "756px"); margin: 0 auto; padding: 13px 10px 0 25px;}
html>body #header {max-width: 756px; min-width: 590px; }
#header #logo {float: left; margin-right: 10px; width: 180px; height: 74px; }
#header h1 {font-family: arial, geneva, sans-serif; color: #C56E2A; font-size: 30px; margin: 0; padding: 0; font-weight: bold;}
#header .alt {color: #853F08;}
#header h2 {font-family: arial, geneva, sans-serif; color: black; font-size: 10px; margin: 0; padding: 0; font-weight: normal; text-transform: uppercase; letter-spacing: 4px; position: relative; top: -2px;}

/* toolbar */

#toolbar {width: 100%; background: url(/slices/bg_toolbar.gif); clear: both;}
#toolbar2 {color: white; font-weight: bold; font-size: 10px; width:expression(document.body.clientWidth > 776 ? "756px" : "620px"); margin: 0 auto; padding: 0; clear: both;}
html>body #toolbar2 {max-width: 766px; min-width: 630px; }
#toolbar2 a {color: white;}
#toolbar2 #language {height: 22px; padding: 7px 0 0 10px; float: left;}
#toolbar2 #language a {text-decoration: underline;}
#toolbar2 #search {padding-top: 4px; float: right;}
html>body #toolbar2 #search {padding-top: 5px;}

/* body */

#container {width: expression(document.body.offsetWidth < 776 ? "auto" : "756px"); margin: 0 auto; padding: 13px 10px 0 25px; clear: both;}
html>body #container {max-width: 756px; min-width: 490px; }

/* left nav area */

#leftnav {float: left; width: 180px; margin-right: 10px;}
#menu {border: 1px solid #35353A; background: #F7DFCE; padding: 0 0 10px 0;}
#menu ul {margin: 0; padding: 0;  list-style-position: inside;}
#menu li {color: #35353A; font-size: 10px; font-weight: bold; margin: 1px 0; padding: 6px 2px 6px 10px;}
#menu li a {color: #35353A;}
#menu li.selected {background: #C56E2A; color: white; }
#menu li.selected a {color: white;}
#menu li.submenu {font-weight: normal; padding-left: 24px;}
#menu li.submenuselected {background: #C56E2A; color: white; font-weight: normal; padding-left: 24px;}
#menu li.submenuselected a {color: white;}

#login {font-size: 10px; border: 1px solid #35353A; background: #F7DFCE; padding: 0; margin: 10px 0 0 0;}
#login a {font-weight: bold; color: #853F08;}
#login p {margin: 4px 0 6px 0; padding: 0;}
#logintitle {font-weight: bold; background: #C56E2A; color: white; height: 20px; padding: 6px 0 0 10px; border-top: 1px solid #F7DFCE;}
#loginbody {padding: 4px 2px 8px 10px;}
#login .username {text-transform: uppercase; font-size: 11px; color: #853F08; font-weight: bold;}
#login a.notyou {font-size: 10px; color: #853F08; font-weight: normal; text-decoration: underline;}
#login .errored {background: #ffaaaa;}

#gateways {font-size: 10px; border: 1px solid #35353A; background: #F7DFCE; padding: 0; margin: 10px 0;}
#gatewaystitle {font-weight: bold; background: #C56E2A; color: white; height: 20px; padding: 6px 0 0 10px; border-top: 1px solid #F7DFCE;}
#gatewaysbody {padding: 4px 2px 8px 10px;}

/* Rightnav area */

#rightnav { border-left: 1px solid #35353A; border-bottom: 1px solid #35353A; float: right; width: 180px; margin-left: 5px; margin-right: 0px;}

/* body styles */

#body {border: 0px solid black; margin-left: 190px; color: #35353A; min-height: 400px; }

/*See Tan Hack for IE and curing float drops */
* html #body {overflow-x: auto; overflow-y: hidden; width: expression(document.all["container"].offsetWidth-240); height: expression(this.scrollHeight < 594 ? "594px" : "auto" ); }

#body h1 {font-size: 12px; font-weight: bold; color: #853F08; padding: 0; margin: 2px 0 10px 0;}
#body h2 {font-size: 10px; text-transform: uppercase; font-weight: bold; color: black; padding: 0; margin: 2px 0 2px 0;}
#body h3 {font-weight: bold; display: inline; font-size: 11px;}
#body p {padding: 0; margin: 0 0 10px 0;}
#body .alt, #body p.alt a {font-weight: normal; font-size: 10px; color: #0B1B6D;}
#body p.alt {margin: 2px 0 0 0;}
#body a.arrow {padding-left: 10px; background: url(/slices/arrow.gif) no-repeat left top;}
#body a.back {padding-left: 10px; background: url(/slices/arrow_back.gif) no-repeat left center;}
#body a.next {padding-right: 10px; background: url(/slices/arrow.gif) no-repeat right center;}
#body #highlightbox {border: 1px solid #853F08; background: #F9F0E9; padding: 10px; margin: 10px;}
#body div.leftcol {float: left; width: 49%;}
#body div.rightcol {float: right; width: 49%;}
#body div.pic {float: right; border: 1px solid #853F08; padding: 1px; margin: 0 0 10px 10px;}
#body div.pic2 {border: 1px solid #853F08; padding: 1px; margin: 0 0 5px 0; text-align: center;}
#body ul {margin: 0; list-style: inside; padding: 0;}
#body ol {margin: 0 0 0 18px; padding: 0;}
#body li {margin: 0; padding: 0;}

#body #fullform label {float: left; clear: right; display: block; width: 140px; margin-left: 2px;}
html>body #body #fullform label {margin-left: 0px;}
#body #fullform fieldset {padding-top: 10px; margin-bottom: 20px;}
#body #fullform legend {font-weight: bold;}
#body #fullform h2 {margin: 20px 0 10px 0;}
#body #fullform .errored {background: #ffdddd;}

#body table.data {border: 0; margin: 0; padding: 0; cellspacing: 0;}
#body table.data tr.odd {background: #F9F0E9;}
#body table.data td {margin: 0; border: 0; padding: 6px 4px 4px 4px;}
#body table.data td.last {padding-bottom: 10px;}
#body table.data th {text-align: left;}
#body table.data p {margin: 0;}

#body div.select_lang_holder {margin: 0; padding: 0; border-right: 1px solid black; display: inline;}
#body div.select_lang {display: inline; border: 1px solid black; margin: 0; padding: 4px 10px; border-right: 0; background: white;}
#body div.langlayer {border: 1px solid black; margin: 4px 0 20px 0; padding: 10px;}

#body div.browsebox {padding: 10px; border: 1px solid #C56C2A; background: #F9F0E9; margin: 20px 0 10px 0;}
#body div.browsebox h2 {margin-bottom: 10px;}

#body div.photoholder {float: right; width: 164px; height: 300px; margin: 0 0 10px 10px;}
#body div.photoholder2 {width: 164px; display: none;}
#body div.photocontrols {text-align: center;}

/* google search styles */
#body #google {font-size: 10px;}
#body #google p.g {margin-top: 20px; font-size: 12px;}
#body #google a.l {font-size: 12px;}

/* maps */

div.infowindow {width: 300px; }
html>body div.infowindow {width: 300px; }
#map {margin-bottom: 10px; width: 560px; height: 320px;}

/* SH addition to remove feedburner icon */
div.feedburnerFeedBlock img {
                display: none;
                margin:0px;
}



/* footer */

#footer {width: 100%; background: url(/slices/bg_toolbar.gif); height: 29px; margin: 0;}
#footer2 {color: white; text-transform: uppercase; font-family: arial, helvetica;font-weight: bold; font-size: 14px; expression(document.body.offsetWidth < 776 ? "690px" : "756px"); margin: 0 auto; padding: 7px 0 0 0; text-align: center;}
html>body #footer2 {max-width: 766px; min-width: 590px;}