body {
margin:20px 0px 30px 0px;
background:#fff;
font-family:'trebuchet ms', trebuchet, sans-serif;
color:#666;
font-size:18px;
}

a {
outline:0;
}

p a {
color:#333;
}


p a:hover {
text-decoration:none;
border-bottom:1px dashed #333;
}

a.external {
color:#333;
padding:0 27px 0 0;
background:url(../images/external.gif) no-repeat top right;
}

a.external:hover {
border-bottom:1px dashed #333;
text-decoration:none;
}

.wrapper {
width:860px;
margin:0 auto;
padding:130px 0 0 0;
background: url(../images/title.gif) no-repeat top left;
border:2px solid #000;
position:relative;
clear:both;
z-index:5;
}

.wrapper h1 {
display:none;
}

.nav {
margin:0 auto;
width:860px;
height:50px;
}

.nav ul {
list-style:none;
margin:0 0 0 10px;
padding:0;
overflow:hidden;
}

.nav ul li {
float:left;
} 

.nav ul li a {
background:url(../images/linkback.gif) repeat-x bottom left;
color:#666;
width:auto;
text-decoration:none;
padding:10px 10px 15px 10px;
border-top:2px solid #000;
border-left:2px solid #000;
border-right:2px solid #000;
line-height:50px;
height:50px;
margin:0 10px 0 0;
}

.nav ul li a:hover {
background:url(../images/linkback2.gif) repeat-x bottom left;
color:#fff;
}

.content {
padding:0 20px 20px 20px;
}

.content h2 {
font-weight:normal;
font-size:30px;
color:#444;
margin:0;
padding:10px 0 0 0;
}

.content h3 {
font-weight:normal;
font-size:22px;
text-indent:55px;
color:#555;
margin:0;
padding:10px 0 5px 0;
width:400px;
background:url(../images/pageicon.gif) no-repeat center left;
}

.content p b {
color:#999966;
}

.right {
width:385px;
float:right;

}

a.viewer {
margin:0 0 0 -3px;
display:block;
width:300px;
height:75px;
background:url(../images/pageviewer.jpg) no-repeat top left;
}

a.viewer:hover {
background:url(../images/pageviewerhov.jpg) no-repeat top left;
border:0;
}

form {
margin:10px 0 0 0;
padding:10px;
width:520px;
border:2px solid #999;
}

form input, form select {
color:#333;
width:150px;
font-size:14px;
padding:4px;
border-top:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #999;
border-bottom:1px solid #999;
background: #fff url(../images/inputshadow.gif) no-repeat top left;
margin-bottom:13px;
}

form div {
width:150px;
height:30px;
float:left;
}

form textarea {
color:#333;
font-family:arial, sans-serif;
width:345px;
height:100px;
font-size:14px;
padding:4px;
border-top:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #999;
border-bottom:1px solid #999;
margin-bottom:13px;
background: #fff url(../images/inputshadow.gif) no-repeat top left;
}

ul.errors {
padding:15px;
margin:0;
list-style:none;
background:#993333 url(../images/erroricon.gif) no-repeat top right;
color:#fff;
width:513px;
}

.sent {
margin:10px 0 20px 0;
background:#fff url(../images/thankyou.gif) no-repeat top left;
width:540px;
height:370px;
}

a.picture {
text-decoration:none;
background:url(../images/pictureback.gif) no-repeat top left;
padding:16px 20px 15px 20px;
float:left;
margin:0px 28px 20px 16px;
}

a.picture img {
border:0;
}

a.picture:hover {
background:url(../images/pictureback2.gif) no-repeat top left;
}

.footer {
clear:both;
text-align:right;
margin:0 20px 0 20px;
border-top:1px dashed #000;
height:50px;
line-height:50px;
color:#999;
}

ul.social {
width:350px;
height:30px;
list-style:none;
margin:20px 0 0 4px;
padding:0;
}

ul.social li {
float left;
padding:0;
margin:0;
display:inline;
}

ul.social li a {
float:left;
display:block;
width:30px;
height:30px;
margin:0 30px 0 0;
}