body {
cursor:default;
margin:0;
margin-top:10px;
background-color:#f5e7cb;
background-image:url(images/bod_bg.gif);
background-repeat:repeat-x;
}

#top {
padding: 0;
font-size: 95%;
border-top: 1px solid #00639c;
background: #002e48;
}

#logo {
width: 800px;
height: 80px;
margin: 0 auto;
padding:0;
background-image:url(images/logo.jpg);
background-position:100% 50%;
background-repeat: no-repeat;
}

#navigation {
margin: 0 auto 0 auto;
width:800px;
padding:0;
}

#navigation ul {
margin: 0;
height: 33px;
padding-left: 0px;
list-style: none;
border-top: 1px solid #00639c;
border-left: 1px solid #00639c;
border-right: 1px solid #00639c;
background-color:#004e7a;
}

#navigation li {
float: left;
margin: 0;
padding: 0;
font-family: Georgia, serif;
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
background-color:#004e7a;
}

#navigation li a {
float: left;
padding: 10px 12px;
text-decoration: none;
color: #ccc;
border: none;
background-color:#004e7a;
background: url('images/nav_bg.gif') no-repeat bottom right;
}

#navigation li a.active {
color: #fff;
background: #115e8a;
}

#navigation li a:hover {
color: #fff;
background: #115e8a;
}

#middle {
min-height:458px;
background-color:#f5e7cb;
width:800px;
margin:0 auto 0 auto;
}

#content {
float:left;
width:520px;
padding:5px;
background-color:#f5e7cb;
border-right:1px dashed #b06c00;
min-height:458px;
height:auto !important;
height:458px;
margin-bottom:5px;
}

div.date {
float:left;
text-align:right;
width:120px;
}

div.data {
border-top:1px solid #e5c78b;
margin-left:135px;
width:380px;
}

#sub {
float:right;
width:258px;
padding:5px;
background-color:#f5e7cb;
min-height:458px;
height:auto !important;
height:458px;
}

#sub h1 {
background-image:url(images/h1.gif);
background-repeat:no-repeat;
background-position:right;
font-family: Georgia;
font-size:10px;
letter-spacing:2px;
text-transform: uppercase;
font-weight:700;
color:#FFF;
line-height:17px;
padding-right:18px;
margin-bottom:5px;
text-align:right;
background-color:#115e8a;
}

#sub p {
padding-right:10px;
}

#content h1 {
margin-top:10px;
font-family: Tahoma, Verdana, Georgia, Times New Roman;
font-size: 24px;
font-weight:900;
color:#002e48;
cursor:default;
border-bottom:3px solid #e5c78b;
padding-left:2px;
}

#content p.intro {
text-align:justify;
font-family: Cambria, Georgia, Times, serif;
font-size: 14px;
font-style:italic;
padding:10px;
margin-top:-10px;
background-color:#e5d7bb;
border: 1px solid #e5c78b;
}

#content p.quote {
background-image:url(images/quote.gif);
background-repeat:no-repeat;
line-height:120%;
margin:20px;
margin-bottom:0;
padding-top:5px;
padding-left:25px;
font-size:16px;
font-style:italic;
}

#content p.email {
background-image:url(images/e-mail_bg.gif);
background-repeat:no-repeat;
background-position:right;
min-height:93px;
}

#content p.error {
color:#f00;
}

#content h2 {
background-image:url(images/h2.gif);
background-repeat:no-repeat;
font-family: Cambria, Georgia;
font-size:10px;
letter-spacing:2px;
text-transform: uppercase;
font-weight:700;
color:#FFF;
line-height:17px;
padding-left:18px;
margin-bottom:5px;
background-color:#115e8a;
}

p, td, ol, #content ul {
font-family:Cambria, Georgia;
margin-top:5px;
font-size:14px;
color:#555;
line-height:150%;
}

td {
text-align:left;
}

td:first-child { 
text-align:right;
font-style:italic;
}

p a, li a {
color:#555;
font-weight:700;
text-decoration:none;
border-bottom:1px dotted;
}

p a:hover, li a:hover {
color:black;
text-decoration:none;
border-bottom:1px solid;
}

#sub img {
border:0;
}

#sub img:hover {
border:0;
}

img {
border:5px solid #d5c7ab;
margin-right:5px;
}

img:hover {
border:5px solid #b5a78b;
margin-right:5px;
}

form {
padding:20px;
background-color:#e5d7bb;
border: 1px solid #e5c78b;
}

input, textarea {
color:#b06c00;
font-family: Cambria, Georgia, Times New Roman;
font-size: 14px;
background-color:#f5e7cb;
border: 1px solid #e5c78b;
padding:5px;
margin-bottom:2px;
margin-top:0;
}

input:hover, textarea:hover {
color:#b06c00;
font-family: Cambria, Georgia, Times New Roman;
font-size: 14px;
border: 1px solid #b06c00;
padding:5px;
}

input:focus, textarea:focus {
clear:both;
border: 1px solid #b06c00;
}

#bottom {
width:100%;
float:left;
background-color:#002e48;
height:120px;
background-image:url(images/bot_bg.gif);
background-repeat:repeat-x;
}

#copyright {
border-width: 0 1px 1px 1px;
border-style:solid;
border-color:#00639c;
font-family:Verdana,Arial;
font-size:9px;
line-height:300%;
height:90px;
width:800px;
text-align:right;
padding-right:5px;
margin:0 auto 0 auto;
color:#ddd;
background-color:#004e7a;
}

#copyright a {
color:#ddd;
text-decoration:none;
border-bottom:1px dotted #ccc;
}

#copyright a:hover {
color:#fff;
text-decoration:none;
border-bottom:1px solid #fff;
}

p.link {
min-height:45px;
height:auto !important;
height:45px;
}

#content p.link img {
float:left;
}

p.portfolio {
min-height:135px;
height:auto !important;
height:135px;
margin-left:210px;
}

p.note {
font-size:10px;
font-style:italic;
}
