/* whole page */
html { font-family: Arial, Helvetica, sans-serif; }
body { background-color: #8EA7A7; background-image: url(images/bg4.gif); background-repeat: repeat-x; }
h1, h2, h3, h4 { font-family: "Goudy Old Style", "Times New Roman", serif; }
h1 { font-size: 30pt; color: #333; font-weight: bold; margin: 0px; }
h2 { font-size: 12pt; color: #333; font-weight: bold; margin: 0px; }
h3 { font-size: 11pt; color: #046; font-weight: bold; margin: 0px; }
h4 { font-size: 11pt; color: #333; font-weight: bold; margin: 0px; }
h5 { font-size: 10pt; color: #333; font-weight: bold; font-family: "Trebuchet MS", Arial, sans-serif; }
h6 { font-size: 11px; color: #999; font-weight: normal; margin: 10px; }
p  { font-size: 10pt; color: #333; margin: 15px 0; }
td { font-size: 10pt; color: #333; vertical-align: top; }
ul { list-style-type: none; }
li { font-size: 10pt; color: #333; }

a:link { color: #046; text-decoration: underline; }
a:visited { color: #333; text-decoration: underline; }
a:hover, a:active { color: #666; text-decoration: underline; }

/* sections */
#page { position: relative; width: 896px; margin: 8px auto; padding: 6px 2px; background-color: #000; }

#header { position: relative; width: 896px; height: 220px; margin: 0px; }
#header h1 { font-size: 30pt; color: #CCC; font-weight: bold; margin: 0px; }
#header h2 { font-size: 20pt; color: #CCC; font-weight: bold; margin: 0px; }
#header h3 { font-size: 16pt; color: #CCC; font-weight: bold; margin: 0px; }
#header .h2 { font-size: 20pt; }
#headerimage { position: relative; width: 188px; height: 220px; margin: 0px; }
#headertext { position: absolute; top: 0px; left: 190px; width: 706px; height: 220px; margin: 0px; background-color: #08A;  }
#name { position: absolute; top: 10px; left: 14px; }
#phone { position: absolute; top: 20px; left: 522px; }
#address { position: absolute; top: 55px; left: 15px; }
#description { position: absolute; top: 110px; left: 15px; }
#nav { position: absolute; top: 191px; left: 0px; background-color: #666; width: 706px; height: 20px; }
#subnav { position: absolute; top: 191px; left: 0px; background-color: #666; width: 706px; height: 0px; }
/* #nav { position: absolute; top: 162px; left: 0px; background-color: #666; width: 706px; height: 20px; }
#subnav { position: absolute; top: 191px; left: 0px; background-color: #666; width: 706px; height: 20px; } */
#nav ul, #subnav ul { margin: 0 0 0 5px; padding: 0px; }
#nav li, #subnav li { font-family: GillSans, Arial, sans-serif; font-weight: bold; margin: 0; list-style: none; display: inline; }
#nav li { font-size: 10pt; padding: 0 0 0 10px; }
#subnav li { font-size: 9pt; padding: 0 4px; margin: 0 0 0 6px; }
#nav a:link, #subnav a:link { color: #FFF; text-decoration: none; }
#nav a:visited, #subnav a:visited { color: #CCC; text-decoration: none; }
#nav a:hover, #nav a:active, #subnav a:hover, #subnav a:active { color: #FFF; text-decoration: underline; }
#check1 { position: absolute; top: 182px; left: 0px; width: 706px; height: 9px; background-image: url(images/check.jpg); }
#check2 { position: absolute; top: 211px; left: 0px; width: 706px; height: 9px; background-image: url(images/check.jpg); }

#main { position: relative; width: 896px; margin: 0px; background-image: url(images/mainbg.gif); background-repeat: repeat-y; min-height:400px; height:auto !important; height:400px;  }
#content { position: relative; width: 540px; background-color: #ECEADF; margin-top: 2px; padding: 30px 25px 20px 35px; }
#content h1 { font-size: 18pt; color: #046; font-weight: normal; margin: 0px 0px 10px 0px; text-align: center; }
#content h2 { margin-left: -10px; }
#contentwide { position: relative; width: 570px; padding: 0 25px 20px 25px; }
#contentcentered { position: relative; width: 580px; padding: 0 25px 20px 25px; text-align: center; }
#contentwide table { margin-left: -10px; }
#content td, #contentwide td { padding: 2px 10px; vertical-align: top; }
#contentcentered p { margin-top: 0px; }
#content a, #contentwide a, #contentcentered a { font-weight: bold; }
#content img, #contentwide img, #contentcentered img, #accent img { border: 1px solid #333; }

#sidebar { position: absolute; top: 0px; left: 602px; width: 294px; background-color: #A79D8E; margin-top: 30px; }
#sidebar p, #sidebar li { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; margin: 8px 20px; }
#sidebar h3 { margin: 10px 10px 8px 10px; }
#sidebar h5 { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; margin: 8px 10px; }
#sidebar p.img { margin: 10px 0px 0px 0px; }
#sidebar p.caption { margin: 2px 10px 20px 10px; }

#activity p, #activity li { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; margin: 6px 10px; }
#activity h3 { margin: 10px 10px 8px 0px; }
#activity h5 { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; margin: 8px 0px; }
#activity p.img { margin: 10px 0px 0px 0px; }
#activity p.caption { margin: 2px 10px 10px 10px; }

#footer { position: relative; width: 896px; text-align: center; }
#footer p { font-size: 12px; }
#footer ul { margin: 10px 0 0 5px; padding: 0px; }
#footer li { font-family: GillSans, Arial, sans-serif; font-size: 10pt; font-weight: bold; margin: 0; padding: 0 10px; list-style: none; display: inline; }
#footer a:link { color: #FFF; text-decoration: none; }
#footer a:visited { color: #CCC; text-decoration: none; }
#footer a:hover, #footer a:active { color: #FFF; text-decoration: underline; }

#indent ul { margin: 5px 0 5px 0; padding: 0 0 0 15px; }
#indent li { margin: 3px 0 0 0; padding: 0; list-style: disc outside; }
#outdent li { margin: 3px 0 0 -20px; padding: 0; list-style-type: disc; }
#end img { border: 0; }
#accent { position: absolute; top: 80px; left: 422px; width: 160px; padding: 10px; border-top: 4px solid #900; border-right: 1px solid #900; border-bottom: 4px solid #900; border-left: 1px solid #900; }
#accent h4 { font-style: italic; font-weight: bold; font-size: 9pt; margin: 0 0 5px 0; line-height: 25px; }
#captions { width: 160px; float: right; }
#captionsleft { width: 220px; float: left; }
#captions td { text-align: center; }

.name { font-size: 18pt; color: #600; font-weight: normal; margin: 30px 20px 10px 0; }
.caption { font-size: 11px; }
.bold { font-weight: bold; }
.smaller { font-size: 12px; }
.fine { font-size: 10px; }
.footer { font-size: 9px; }
.red { color: #900; }
.white { color: #FFF; }
.center { text-align: center; }
.top0 { margin-top: 0 }
.padbot { padding-bottom: 10px }
.indent { padding-left: 20px }
.pad2 { padding: 2px }
.pad10 { padding: 10px }
.W60 { width: 60px; }
.border { border: 1px solid #900; }
.noborder { border: none; }
.quote { font-style: italic; font-weight: bold; margin-bottom: 5px; }

