*
{
margin:0;
padding:0;
}
html, body
{
height: 100%;
}
body {
text-align:center;
margin-top:20px;
padding:0;
}
#container {
position:relative;
width:750px;
padding:5px;
text-align:left;
background:#fff;
margin:0 auto -200px auto;
z-index:4;
min-height: 100%;
}
#container #header #logo {
position:relative;
height:59px;
width:342px;
/*
background-image:url(images/newhawthorne.jpg);
background-position:top left;
background-repeat:no-repeat;*/
}
#logo #address
{
display:none;
}
#container #header h1,#container #header h2 {
display:none;
height:0;
line-height:0;
margin:0 0 0 -1000em;
padding:0;
}
#container #header #tag {
position:absolute;
right:0;
top:15px;
}
#container #header #tag h3 {
font-family:arial, helvetica, sans-serif;
font-size:21px;
color:#C19B48;
margin:0;
padding:0;
}
#container #graphic {
text-align:center;
margin:5px 0 7px;
}
#container #text #breadcrumbs
{
position:absolute;
right:10px;
top:-5px;
font-family:arial, helvetica, sans-serif;
font-size:11px;
}
#container #text #breadcrumbs a
{
text-decoration:underline;
font-style:normal;
}
#container ul.work
{
margin:10px 0;
padding:0;
list-style:none;
}
#container ul.work li
{
display:block;
list-style:none;
float:left;
width:208px;
height:200px;
margin:0 25px 15px 0;
font-family:arial, helvetica, sans-serif;
font-size:11px;
color:#666;
}
#container ul.work li a
{
display:block;
/*border:4px solid #eee;*/
margin:0 0 5px;
}
#container ul.work li a:hover
{
/*border:4px solid #ccc;*/
}
#container #bar {
font-size:0;
width:750px;
height:50px;
line-height:0;
background-image:url(images/footerback.jpg);
background-repeat:no-repeat;
background-position:top left;
margin:5px 0 7px;
padding:0;
}
#container #menu {
position:relative;
text-align:center;
margin:0 0 40px;
}
#container #menu ul {
list-style:none;
margin:0;
padding:0;
}
#container #menu li {
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
list-style:none;
display:inline;
margin:0 7px;
font-size:14px;
}
#container #menu li a {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:600;
color:#0E401F;
text-decoration:none;
}
#container #menu li a:hover
{
color:#a77727;
text-decoration:underline;
}
#container #content {
position:relative;
min-height:300px;
height:auto!important;
margin:20px 0;
padding:0;
}
#container #content #text.index
{
width:550px;
position:relative;
}
#container #content #text {
position:relative;
width:100%;
}
#container #content #text p {
font-family:Georgia, Times, serif;
/*font-family:georgia, times, serif;*/
font-size:14px;
color:#3A2400;
margin:0;
line-height:17px;
padding:0 0 17px;
}
#container #content #text .comment
{
background-image:url(images/comment_back.jpg);
background-repeat:no-repeat;
background-position:top left;
padding:40px 40px 5px 70px;
margin:0 0 20px -30px;
}
#container #content #text .comment p
{
font-family:arial, sans-serif;
font-size:12px;
color:#333;
}
#container #content #text .header, #text h1 {
/*font-family:"Goudy Old Style", "Book Antiqua", Georgia, Times, serif;*/
font-family:arial, helvetica, sans-serif;
font-size:30px;
color:#C19B48;
/*letter-spacing:5px;*/
/*font-variant:small-caps;*/
font-weight:400;
margin:0 0 10px;
}
#container #content #text .header2, #text h2 {
font-family:arial, helvetica, sans-serif;
font-size:18px;
color:#0E3F1F;
margin:0 0 10px;
padding:0;
}
h3 {
font-family:arial, helvetica, sans-serif;
font-size:16px;
color:#0E3F1F;
margin:15px 0 10px;
padding:0;
}
#container #content #text .bucket
{
position:relative;
float:left;
width:400px;
height:115px;
padding:5px 0;
margin:2px;
border-right:1px dotted #ddd;
}
#container #content #text .bucket2
{
position:relative;
float:left;
width:280px;
padding:5px 0 5px 15px;
margin:2px;
height:115x;
}
#container #content #text .bucket3
{
position:relative;
float:left;
width:741px;
padding:15px 0 0;
margin:2px;
border-top:1px dotted #ddd;
}
#container #content #text .left
{
position:relative;
float:left;
width:180px;
height:180px;
padding:5px 0;
text-align:center;
margin:2px;
background-image:url(images/th_back.jpg);
background-position:top left;
background-repeat:no-repeat;
padding-top:30px;
}
#text .left img
{
border:5px solid #325D3B;
}
#text .left a
{
display:block;
margin:0 15px;
}
#text a
{
font-style:italic;
text-decoration:underline;
color:#0E3F1F;
}
#container #content #green {
position:absolute;
right:0;
top:0;
width:161px;
height:256px;
}
#container #content #green p {
font-family:arial, helvetica, sans-serif;
font-size:12px;
color:#fff;
margin:0;
padding:17px 10px;
}
#footer {
position:relative;
background:#002400;
background-image:url(images/footer_back.jpg);
background-position:top left;
background-repeat:repeat-x;
padding-top:40px;
z-index:5;
height:200px;
}
#footer #copy
{
position:relative;
z-index:5;
}
#footer #copy ul
{
list-style:none;
padding-left:10px;
}
#footer #copy li
{
list-style:none;
display:inline;
margin-right:5px;
}
#footer #copy li a
{
font-style:normal;
font-size:14px;
border-bottom:2px solid #356140;
}
#footer #copy a:hover
{
color:#83B18C;
border-bottom:2px solid #;
}
#footer #copy p {
font-family:georgia, times, serif;
font-size:12px;
color:#fff;
margin:0;
padding:7px 10px;
}
#footer #copy a
{
color:#fff;
text-decoration:none;
font-style:italic;
}
#footer #copy img
{
border:2px solid #fff;
}
#footer #mem {
position:relative;
float:right;
padding:2px;
z-index:6;
}
.clear {
clear:both;
height:0;
}
#container #header,#footer #copy {
position:relative;
}
#container #menu.index li a:hover,#container #menu.index a.currentlink {
border:0;
}
form select,form td{
font-family:georgia, times, serif;
font-size:12px;
}
form td
{
padding:2px;
}
ul.logo
{
list-style:none;
margin:0;
}
ul.logo li
{
list-style:none;
padding:4px;
margin:4px;
height:100px;
position:relative;
float:left;
}
img.r
{
margin:0 0 10px 20px;
}
hr
{
clear:both;
background:#eee;
border:0px solid #eee;
margin:15px 0;
height:1px;
}
.clearfooter {
height: 200px;
clear: both;
}