body { margin: 0; font: normal 1em Arial, Helvetica, sans-serif; color: #000; background-color: #fff; }
body, #tContainer { width: 770px; font-size: 100%; } /* IE bug: http://www.thenoodleincident.com/tutorials/box_lesson/font/index.html */
.midText { font-size: 1.2em; }
.bigText { font-size: 1.5em; }
a:visited { color: #609; }
a:link { color: #003163; }
a:hover, a:active {color: #900; }
h1 { color: #933; font-size: 1.1em; font-weight: bold; margin: 1em 0 .8em .2em; }
h2, h3, h4, h5, h6 { font-size: 1em; font-weight: bold; margin: 1em 0 .25em .2em; letter-spacing: .03em; }
h2 { color: #003190; }
p, blockquote, address { margin: 0 0 .9em .2em; line-height: 1.3em; }
dl { margin-left: .2em; }
dt { margin-top: .5em; margin-bottom: .3em; }
dd { margin-left: 0; }
ul { margin-left: 1.4em; padding: 0; list-style-type: disc; }
body ol { margin-left: 2.8em; list-style-type: decimal; padding: 0; }
li { margin-bottom: .3em; }
img { border: 0; }
a:focus img, a:active img { outline: #888 dotted 1px; }
acronym { cursor: help; }
.aural { position: absolute; top: -10000px; left: -10000px; }
.context { position: relative; }

/* template elements */
#top { font-size: .6em; height: 15px; }
#top, #top a { margin-right: 1em; color: #fff; }
#top a:focus, #top a:active { color: #003163; position: absolute; top: 0; left: 0; font-size: 1.5em; padding: 5px ; z-index: 10000; background: #fff; opacity: .8; font-weight: bold; }
#tLogo img { position: absolute; top: 13px; left: 9px; z-index: 1; }

/* Search */
#tSearch fieldset { border: 0; background: #D8DAC3; color: #000; margin: 0; padding: 8px 8px 0; border-left: none; border-right: none; border-top: solid #fff 2px; }
#tSearch fieldset label { padding-left: 2px; font-size: .8em; font-weight: bold; margin: 0 0 .3em; color: #000; background: #D8DAC3; display: block; }
#tSearch fieldset input { vertical-align: middle; margin-top: -2px; }
#tSearch input[type='image'] { position: relative; left: 5px; }
#tSearch form, #tSearch #tQ { margin: 0; }
html body .ui-autocomplete { font-size: .8em; }

/* Help */
ul#tHelp { border-top: solid #fff 2px; overflow: hidden; margin: 0; font-weight: bold; padding: 0; }
#tHelp li { background: #ff9200 url(/wres/template/orange.gif); color: #fff; float: left; list-style-type: none; list-style-image: none; width: 60px; text-align: center; margin: 0; border-right: solid #fff 2px; }
li#keys { width: 65.5%; border-left: solid #fff 2px; }
#tHelp a:link, #tHelp a:visited { color: #fff; text-decoration: none; padding: .3em 0; display: block; }
#tHelp a:hover, #tHelp a:focus, #tHelp a:active { text-decoration: underline; }
#tHelp li.size { width: 29px; border: none; position: relative; padding: .3em 0; color: #ff9200; }
#tHelp li.size a { bottom: -1px; position: absolute; line-height: 15px;}
#tHelp li.small a { font-size: .85em; left: 18px; }
#tHelp li.medium a {font-size: 1.1em; left: 10px;}
#tHelp li.large a { font-size: 1.5em; left: 2px; }

#tContainer { position: absolute; left: 0; top: 116px; }
#tMainCol { font-size: .8em; } 

#tMenu { float: left; width: 139px;  }
#tMenu ul { margin: 0 0 .5em; padding: 0; }
#tMenu ul li { list-style-type: none; margin: 0; padding: 0; display: inline; }
#tMenu ul a:link, #tMenu ul a:visited, #tMenu ul a:hover, #tMenu ul a:active { color: #003163; display: block; width: 94%; font-size: .75em; text-decoration: none; background: #9DCDE9 url(/wres/template/chip-top.gif) no-repeat 100% 0; padding: 2.2px 5px .2em .3em; margin: 0; border-bottom: solid #fff 1px; } /* 2.2px makes Moz display correctly */
#tMenu ul a:hover, #tMenu a:link.tCurrentArea, #tMenu a:visited.tCurrentArea { color: #fff; background-color: #00ADEF; }
#tMenu ul a:active, #tMenu ul a:active.tCurrentArea { color: #fff; background-color: #00ADEF; background-image: url(/wres/template/chip-top.gif); }
#tMenu em { font-style: normal; }
#tMenu img { margin: .5em 0 0; display: block; max-width: 140px; }

#tContainer h2.panel { background: #4D4D4D; color: #fff; padding: 0; border-top: 1px solid #fff; margin-top: -1px; } /* border/margin fixes IE6 */
#tContainer h2.panel .line { background: #717171 url(/wres/template/chip-top.gif) no-repeat right top; height: 10px; font-size: 10px; position: absolute; width: 100%; left: 0; }/* No text in here, font-size controls IE6 height */
#tContainer h2.panel .title { display: block; padding: 3px 10px; position: relative; }

#tContainer div.az { background-image: none; }
#tContainer div.az div div div { padding: 10px 6px 6px 10px; background-image: none; }
#tContainer div.az div div div div { padding: 0; }
div.az a { width: 18px; height: 18px; background: transparent url(/wres/template/az.gif) no-repeat left top; float: left; text-align: center; text-decoration: none; color: #000; font-family: Verdana; font-weight: bold; margin: 0 4px 4px 0; font-size: .85em; line-height: 16px; }

div.tCol1 { float: left; width: 49.5%; margin-right: 1%; }
div.tCol2 { width: auto; margin-left: 50.5%; }

#tFooter { font-size: .75em; clear: both; width: 100%; border-top: solid 8px #fff; padding: 8px 0 1em; background: #fff; color: #000; }
#tFooter div a { margin: 0 .3em; border-left: solid #003163 1px; padding-left: 7px; }
#tFooter .first { border: 0; padding: 0 0 0 3px; }
#tFooter p { margin: .2em 6px 0; }
#footer_printFooter { display: none; }
#footer_plainEng { float: right; margin-top: 6px; }
#tFooterLinks { border-top: 8px solid #999; margin: -8px 0 0; padding-top: 8px; }

#tLang { background: #fff; margin: .5em; }
#tLang li { float: left; list-style: none; margin-right: 1em; }
#tLang li.nonLatin { font-weight: bold; font-size: 1.1em; }

/* Sitewide styles */ 
div.roundedBox { background: #ddddca url(/wres/template/corner-tl.gif) no-repeat 0 0; width: 100%; overflow: hidden; }
div.roundedBox div { background: url(/wres/template/corner-bl.gif) no-repeat 0 100%; overflow: hidden; } /* Don't put width here: interferes with forms CSS */
div.roundedBox div div { background: url(/wres/template/corner-br.gif) no-repeat 100% 100%; }
div.roundedBox div div div { background: url(/wres/template/corner-tr.gif) no-repeat 100% 0; padding: 10px; }/* Don't put width here: interferes with forms CSS */
div.roundedBox div div div div { background: none; padding: 0; overflow: visible; }

/* Template switcher */
.style-switcher { position: absolute; top: 10px; left: 780px; padding: 10px; background: #ffc url(/wres/template/star.gif) no-repeat 64px -5px; border: 2px solid #DCDE74; width: 120px; font: 75% Arial; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.style-switcher h2 { margin: 0; }
.style-switcher p { margin: 0; }