@media print {
hr, #thumbBox, #thumbLoading, div.side, div#footer a, div#header a, p#nav .map, div#text p, div#text h3, div.gallery, button, input {display: none}
body, h1 {margin-top: 0; padding-top: 0}
div#text form table, div#text form textarea {width: 100%}
div#text form strong {margin: 1.5em 0 .5em; display: block}
div#footer {color: #666; font-size: .8em; border-top: 1px solid #0b375e; margin-top: 20px; padding-top: 10px}
}

@media screen {
/* Style Reset (start) */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,textarea,legend { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,b,pre,code,address,caption,cite,code,em,b,th,small { font-size: 1em; font-weight: normal; font-style: normal; } ul,ol { list-style: none; } fieldset,img { border: none; } caption,th { text-align: left; } table { border-collapse: collapse; border-spacing: 0; }
/* Style Reset (end) */


body {font: 100% Arial, Verdana; line-height: 1.125em; text-align: center; margin-top: 2px; margin-bottom: 1px}
hr, .hidden, #thumbBox br {display: none}
a {color: #666}
a:hover {color: #f90; text-decoration: none;}
.alert {color: #f90}

div#header {position: relative; width: 800px; margin: 0 auto; background: no-repeat url('img/mainimg2.jpg') 0 100%; overflow: hidden; height: 125px; border-top: 5px solid #0b375e;}
div#header a {width: 300px; display: block; overflow: hidden; height: 50px; margin: 12px; white-space: nowrap; text-indent: 1000px; position: absolute}
h1 {background-color: #0b375e; padding: 2px 10px 3px; font-size: 12px; color: #fff; line-height: 12px; margin: 0 auto; position: relative; width: 780px; border-top: 1px solid #fff; text-align: left}

div#wrapper {position: relative; width: 780px; margin: 1px auto 0; font-size: 0.875em; text-align: left; padding: 0 10px}

p#nav {margin: 10px 0 25px; font-size: .9em; color: #999;}
p#nav br {display: none}
p#nav .map {float: right; width: auto}

div.side {float: left; width: 215px; position: relative; margin-bottom: 25px; clear: left; overflow: hidden; font-size: .8em; color: #666}
div.side h3 {text-transform: uppercase; border: 1px dotted #9cf; color: #3988d6; padding: 3px 5px 3px 20px; font-weight: bold; border-right: none; border-left: none; margin-bottom: 10px; background: url('img/headarr.gif') 5px 50% no-repeat}
div.side p {padding: 0 20px}
div.side p a img {border: 2px solid #afc5fc;}
div.side p a:hover img {border: 2px solid #0b375e;}
div.side ul li {padding: 0 5px 0 20px; font-size: 1.1em}
div.side ul li a, div.side ul li b {text-decoration: none; background: url('img/list.gif') no-repeat 0 50%; padding-left: 15px}
div.side b {color: #3988d6;}
div.side dl {padding: 0 20px; margin-bottom: 5px}
div.side dl dt {font-weight: bold;}

div#text {float: right; width: 540px; color: #333; font-size: .9em}
div#text h2, div#text h3 {clear: both; color: #0b375e; text-transform: uppercase; letter-spacing: 0.1em; background-color: #fff}
div#text h2 {margin: 0 0 1em; font-size: 2em; line-height: 1em}
div#text h3 {margin: 2em 0 1em; font-size: 1.5em; display: block}

div#text p {margin-bottom: 8px; text-align: justify}
div#text p em {color: #999}
div#text p img {margin: 5px 0 7px 10px; border: 2px solid #afc5fc;}
div#text p img.big {margin: 30px auto 40px; display: block}
div#text p.big {text-align: center; margin: 30px 0 40px}
div#text p.big img {margin: 0 5px; display: inline}
div#text p strong {font-weight: normal}
div#text iframe {margin-top: 30px; border: 1px solid #0b375e}
div#text dl {margin-bottom: 10px; text-align: justify}
div#text dl dt, div#text h4 {font-weight: bold}
div#text ul {margin-left: 15px; margin-bottom: 25px}
div#text ul ul {margin-bottom: 0}
div#text ul li {list-style: circle inside}
div#text form {clear: both;}
div#text form dl dt {font-weight: normal}
div#text form button {float: right; margin: 10px 0 20px; width: auto}
div#text div.tabletext {border: 1px solid #afc5fc; padding: 0 10px 10px; border-top: none; margin-top: -1px; text-align: center}
div#text div.tabletext strong {padding: 3px 18px; margin: 0 -10px; display: block; background: no-repeat url('img/arrtab.gif') 100% 50% #afc5fc; color: #333; font-weight: normal; text-align: left; position: relative}
div#text div.tabletext br {display: none}
div#text div.tabletext p {display: block; text-align: right; padding: 5px 3px 0; color: #b3b3b3; margin: 0}
div#text div.tabletext p input#txtMsgCount {color: #b3b3b3; border: 1px solid #b3b3b3; padding: 1px 2px; cursor: default; text-align: right}
div#text div.tabletext table {width: 100%; margin: 10px 0 0; font-size: 1em; border: none; text-align: left}
div#text div.tabletext table td {border: 2px solid #fff; padding: 5px; color: #666;}
div#text div.tabletext table td input.field, div#text dl input {border: 1px solid #b3b3b3; padding: 1px 2px}
div#text div.tabletext table td input.field:focus, div#text dl input:focus, div#text div.tabletext textarea:focus {border-color: #0b375e}
div#text div.tabletext table tr.odd td {background-color: #f2f2f2}
div#text div.tabletext table tr.alert td {background-color: #fc9; color: #000}
div#text div.tabletext textarea {width: 510px; display: inline; margin: 10px 0 0; height: 70px; padding: 0; border: 1px solid #b3b3b3; font-family: Arial}
div#text div.gallery {clear: both;}
div#text div.gallery a {float: left; margin: 1px; cursor: pointer; display: block; width: 128px; height: 128px; border: 2px solid #afc5fc; position: relative}
div#text div.gallery a img {position: absolute; left: 0; top: 0}
div#text div.gallery a:hover {border-color: #0b375e}
div#text div.alpha div {text-align: center; word-spacing: .4em; margin-bottom: 20px; background-color: #ebf2fc; padding: 5px 10px}
div#text div.alpha div b {font-weight: bold; color: #3988d6}
div#text div.alpha dl dt {font-weight: bold}
div#text .toggle span {text-transform: uppercase; cursor: pointer; font-size: .85em; padding: 3px 15px; background: url('img/toggle.gif') no-repeat 100% 50%; display: block; text-align: right; border-top: 1px dotted #9cf;}
div#text .toggle span.active {background-image: url('img/toggle-a.gif')}

div#footer {position: relative; width: 780px; margin: 0 auto; font-size: 0.75em; padding: 70px 10px 0; color: #999; clear: both; text-align: right}
div#footer a {margin: 0 2px;}
div#footer a.ontop {float: right; margin: 0 0 30px; width: auto}
div#footer address {font-size: .9em; margin: 0 -10px 10px; clear: both; border-bottom: 4px solid #0b375e; width: 780px; padding: 0 10px 15px 10px; height: 1%}


#thumbBox {position: absolute; left: 0; top: 0; width: auto; padding: 4px; background-color: #0b375e; visibility: hidden; z-index: 1000; cursor: pointer;}
#thumbBox small {color: white; padding: 4px 0 0; display: block; text-align: left; font-size: 0.75em; font-variant: small-caps;}
#thumbLoading {position: absolute; visibility: hidden; border: 1px solid #0b375e; background-color: #f2f2f2; padding: 7px; z-index: 1000; font-size: 0.75em; text-transform: uppercase; font-weight: bold}

div#tt {position: absolute; background-color: #f5f5f5; border: 1px solid #0b375e; text-align: center; font-size: 90%; padding: 4px 5px; color: #0b375e; z-index: 1000; display: none; font-size: .7em; line-height: 1.1em}

}