@charset "UTF-8"; 
/* CSS Document */

/* Reset */
body { color:#000; background:#FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup,sub { line-height:-1px; vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }

/* Overall */
body { background: url(images/bg.gif) top left repeat; color: #FFF; font-family: Arial, sans-serif; font-size: 11px; min-width: 1005px; position: relative; width: expression( document.body.clientWidth < 1005 ? "1005px" : "100%" ); }
h1 { background: url(images/headhead.gif) top left no-repeat; height: 50px; text-indent: -5000px; }
h2 { color: #085677; font-family: Eurostile, Arial, sans-serif; font-size: 16px; font-style: italic; padding: 5px; }
h2 span.Date { font-size: 14px; font-style: normal; font-weight: bold; }
h3 { color: #085677; font-family: Eurostile, Arial, sans-serif; font-size: 14px; font-style: italic; padding: 5px; }
h4 { color: #085677; font-family: Eurostile, Arial, sans-serif; font-size: 13px; font-style: italic; padding: 5px; }
h5 { color: #085677; font-family: Eurostile, Arial, sans-serif; font-size: 12px; font-style: italic; padding: 5px; }
p { padding: 5px 0px; }
li { padding: 2px 2px 2px 8px; }
ul, ol { margin: 5px 5px 5px 30px; }
ul li { list-style-image: url(images/bullet.gif); }
table { border: 8px double #085677; border-spacing: 5px; margin: 5px; }
td, th { background-color: #085677; border: 1px solid #FFF; color: #FFF; font-size: 12px; padding: 3px; }
td { text-align: left; }
th { text-align: center; font-weight: bold; }
a { color: #FFF; text-decoration: none; }
em, i { font-style: italic; }
strong, b { font-weight: bold; }
hr { border: none; border-top: 1px solid #333; height: 10px; margin: 0px auto; width: 50%; }

/* Header */
#divHeader { background: url(images/headbg.gif) top left repeat-y; left: 43px; position: absolute; top: 50px; width: 301px; z-index: 1; }
#divHeader #imgPhoto { display: none; }
#divHeader h2 { background: url(images/aboutme.png) top left no-repeat; height: 211px; margin: 0px; text-indent: -5000px; padding: 0px; }
#divHeader a { color: #000; }
#divHeaderContent { background: url(images/headfooter.gif) bottom left no-repeat; padding: 10px 50px 50px 50px; }

/* Menu */
ul.Menu { margin: 0px; padding: 0px; }
ul.Menu li { list-style: none; list-style-image: none; margin: 0px; padding: 0px; }

#ulMenu { background: url(images/menubg.gif) top left repeat; border: 1px solid #666; height: 23px; position: absolute; right: 150px; top: 85px; overflow: hidden; padding: 1px 0px; width: 339px; z-index: 2; }
#ulMenu li { border-left: 1px solid #888E91; float: left; height: 23px; list-style: none; list-style-image: none; margin: 0px; padding: 0px 2px; width: 80px; }
#ulMenu li.First { border-left: 0px; }
#ulMenu a { color: #FFF; float: left; height: 23px; line-height: 23px; text-align: center; text-transform: uppercase; width: 80px; }
#ulMenu a:hover { border: 1px solid #CCC; height: 21px; line-height: 21px; width: 78px; }

/* Drop Down Menu */
#ulDropDownMenu { position: absolute; right: 150px; top: 111px; width: 511px; z-index: 3; }
#ulDropDownMenu li { background: #333; border-top: 1px solid #666; border-bottom: 1px solid #666; float: left; height: 23px; overflow: hidden; padding: 1px 0px; width: 85px; }
#ulDropDownMenu li.First { border-left: 1px solid #666; width: 84px; }
#ulDropDownMenu li.Last { border-right: 1px solid #666; }
#ulDropDownMenu a { border-left: 1px solid #888E91; color: #FFF; float: left; height: 23px; line-height: 23px; text-align: center; text-transform: uppercase; width: 84px; }
#ulDropDownMenu li.First a { border: none; width: 83px; }
#ulDropDownMenu ul { background: #333 url(images/dropdownmenubg.gif) bottom left repeat-x; border-right: 1px solid #CCC; border-bottom: 1px solid #666; border-left: 1px solid #666; left: -5000px; overflow: auto; position: absolute; text-align: left; top: 26px; width: 166px; z-index: 4; }
#ulDropDownMenu ul li, #ulDropDownMenu ul li.First, #ulDropDownMenu ul li.Last { background: transparent; border: 0px; float: none; height: auto; padding: 3px 5px; width: auto; }
#ulDropDownMenu li.Last li { text-align: right; }
#ulDropDownMenu ul a { border: 0px; display: inline; float: none; height: auto; line-height: normal; text-transform: none; width: auto; }
#ulDropDownMenu ul a:hover { text-decoration: underline; }
#ulDropDownMenu li:hover ul, #ulDropDownMenu li.sfhover ul { left: auto; }
#ulDropDownMenu li.Last:hover ul, #ulDropDownMenu li.Last.sfhover ul { right: 0px; }

/* Side Bar */
#divSideBar { background: #333 url(images/sidebarbg.gif) top right no-repeat; border: #333 12px solid; color: #FFF; position: absolute; right: 20px; width: 87px; }
#divSideBar h2 { border-bottom: 1px solid #FFF; color: #C4D7C5; font-family: Eurostile, Arial, sans-serif; font-size: 12px; text-transform: lowercase; }
#divSideBar li { padding: 2px 2px 2px 0px; }
#divSideBar ul, #divSideBar ol { margin: 5px 5px 5px 15px; }
#divSideBar ul li { list-style-image: url(images/sidebarbullet.gif); }

/* Inner Wrapper and Content */
#divWrapper { padding: 138px 150px 0px 75px; }
#divInnerWrapper { background: #FFF; border-right: 10px solid #333; border-bottom: 10px solid #333; color: #333; height: expression( document.getElementById("divInnerWrapper").scrollHeight < 600 ? "600px" : "" ); min-height: 600px; padding: 10px; position: relative; width: expression( document.body.clientWidth < 1006 ? "750px" : "" ); }
#divInnerWrapper a { color: #085677; font-style: italic; }
#divInnerWrapper a:hover { color: #666; }
#divContent { margin: 0px 0px 0px 260px; padding: 15px 21px; }
#divContentWrapper { overflow: auto; width: 100%; }

/* Contact Form */
form label { display: block; margin: 4px 0px; }
form input, form textarea { display: block; margin: 4px 0px; }
form legend { display: none; }
form input { padding: 3px; }

/* Email */
#divEmail { background: url(images/emailbg.gif) top left no-repeat; bottom: 10px; height: 32px; line-height: 14px; left: 10px; padding: 20px 0px 0px 20px; position: absolute; width: 240px; }
#divEmail p { text-indent: 10px; }
#divEmail a { color: #666; font-style: normal; }

/* Footer */
#divFooter { font-size: 10px; margin-top: 30px; text-align: center; }

/* Classes */
.Right { float: right; margin: 0px 0px 20px 20px; padding: 4px; }
.Left { float: left; margin: 0px 20px 20px 0px; padding: 4px; }
.Upper { text-transform: uppercase; }
.Section { background-color: #B4C5B6; margin: 5px 0px; padding: 10px; }
.Section .Border { border: 1px solid #085677; padding: 10px; }
