body {
background-color : #8893b0;
color : #333;
font : normal 11px verdana, arial, sans-serif;
margin : 20px;
text-align : center;
}
a:link, a:visited {
color : #8893b0;
text-decoration : none;
}
a:hover {
text-decoration : none;
border-bottom : 1px solid #dec220;
}
ul {
list-style : none;
margin : 0;
padding : 0;
}
#content {
background : #fff;
border : 1px solid #bbb;
margin-left : auto;
margin-right : auto;
text-align : left;
width : 700px;
width : 720px;
width : 700px;
}
#banner {
border-bottom : 1px solid #bbb;
border-right : 1px solid #bbb;
}
#navcontainer ul {
padding-left : 0;
margin-left : 0;
float : left;
width : 100%;
background : white;
border-bottom : 1px solid #bbb;
}
#navcontainer ul li {
display : inline;
}
#navcontainer ul li a {
border : 0;
border-top : 2px solid #fff;
color : #248391;
float : left;
padding : 0.5em 1.2em;
text-decoration : none;
}
#navcontainer ul li a:hover {
border-color : #dec220;
}
#menu {
float : left;
width : 180px;
width : 190px;
width : 180px;
overflow : hidden;
}
.menu {
padding : 3px 10px;
}
.menu h2 {
border-bottom : 1px solid #ccc;
color : #555;
font : bold 13px "Trebuchet MS", Verdana, sans-serif;
margin : 5px auto;
padding-left : 10px;
text-align : left;
}
.menu li {
border-bottom : 1px solid #ddd;
font : 11px "Trebuchet MS", Verdana, sans-serif;
width : auto;
}
#menu li a {
display : block;
padding : 2px;
}
.menu li a:hover {
background : #8893b0;
color : #fff;
}
.menu li.active {
background : #8893b0;
color : #fff;
}
.menu li a.activelink {
text-decoration : none;
border-bottom : 1px solid #dec220;
color : #fff;
}
#main {
float : left;
width : 520px;
overflow : hidden;
}
.main {
border-right : 1px solid #bbb;
padding : 3px 10px;
min-height : 300px;
}
.main h2 {
border-bottom : 1px solid #ccc;
color : #555;
font : bold 13px "Trebuchet MS", Verdana, sans-serif;
margin : 5px auto;
padding-left : 10px;
text-align : left;
}
.main p {
line-height : 14px;
margin : 1px 0 15px 0;
padding : 0;
}
.main .quote {
color : #555;
font : normal 10px Verdana, Arial, Helvetica, sans-serif;
line-height : 55%;
text-align : left;
margin : 0;
padding-left : 5px;
border-left : 3px solid #bbb;
}
.main h3 {
color : #555;
font-weight : bold;
font-size : 11px;
margin : 0 0 5px 0;
text-align : left;
}
.main p.posted {
color : #bbb;
font : bold 10px "Trebuchet MS", Verdana, sans-serif;
text-align : left;
margin : 10px auto;
padding : 2px;
border-top : 1px solid #ddd;
}
.main p.post {
text-align : justify;
}
#copyright {
border-top : 1px solid #bbb;
clear : both;
color : #555;
padding : 5px;
text-align : center;
}
form {
margin : 5px 15px;
padding : 5px;
border : 1px solid #f2f2f2;
background-color : #fafafa;
}
label {
display : block;
font-weight : bold;
margin : 5px 0;
}
input, textarea, select {
border : 1px solid #ddd;
background : #fff;
font : normal 10px verdana, arial, sans-serif;
color : #555;
margin : 1px;
}
textarea:focus, input:focus, textarea:focus, select:focus, input.button:focus {
border-color : #dec220;
}
textarea {
width : 400px;
padding : 2px;
font : normal 10px verdana, arial, sans-serif;
border : 1px solid #eee;
height : 100px;
display : block;
color : #777;
}
input.button {
margin : 0;
font : normal bold 10px verdana, arial, sans-serif;
background : #fff;
padding : 2px 3px;
color : #333;
border : 1px solid #dadada;
}