body {
margin : 0;
padding : 0;
font : 73% "Trebuchet MS", arial, verdana, tahoma, sans-serif;
line-height : 1.7em;
color : #333;
background : #1f1f1f url(img/vw.png);
background-size : 60px;
}
#container {
width : 750px;
margin-left : auto;
margin-right : auto;
padding : 5px;
color : #666;
background : #F2FAFD;
}
#banner {
height : 100px;
padding : 0 3px 0 0;
margin : 0;
color : #fff;
background : #242424
}
#banner h1 {
margin : 0;
padding : 40px 0 0;
border : none;
font-size : 2em;
letter-spacing: 5px;
text-align : center;
}
#navlist {
padding : 3px 0;
margin : 0;
border : none;
text-align : center;
letter-spacing: 2px;
color : #666;
background : #1CA3E3;
}
#navlist li {
list-style : none;
margin : 0;
display : inline;
}
#navlist li a {
text-decoration : none;
padding : 3px 1.2em;
margin : 0;
border :none;
color : #fff;
background : #2ba6df;
}
#navlist li a:link {
color : #fff;
background : #3aace0;
}
#navlist li a:visited {
color : #fff;
background : #0285c2;
}
#navlist li a:hover {
border : 0 solid #d2dcc9;
color : #fff;
background : #44acdd;
}
#navlist li a#current {
text-decoration : none;
color : #fff;
background : #0e709e;
border : none;
}
.leftbox,.rightbox,.centerbox {
height : 250px;
margin : 3px 0 5px 0;
padding : 5px;
color : #555;
}
.leftbox {
float : left;
width : 240px;
border-bottom : 15px solid #bf2020;
border-top : 15px solid #bf2020;
background : #d15f5f;
}
.leftbox p {
color: #ffffff;
}
.leftbox h2 {
color : #cecece;
}
.rightbox {
float : right;
width : 238px;
border-bottom : 15px solid #bcbf20;
border-top : 15px solid #b7bf20;
background : #cbd15f;
}
.centerbox {
float : left;
width : 240px;
border-bottom : 15px solid #272727;
border-top : 15px solid #343333;
background : #4f4f4f;
}
.centerbox p {
color : #FFFFFF;
}
.centerbox h2 {
color : #cecece;
}
.separator {
float : left;
background : url(img/sep.png) no-repeat;
height : 225px;
width : 1px;
}
#content {
padding : 5px;
margin-left : 255px;
margin-bottom : 0;
border-top : 15px solid #1CA3E3;
color : #666;
background : #F2FAFD;
}
#contentfull {
padding : 5px;
margin-bottom : 0;
border-top : 15px solid #F2FAFD;
color : #666;
background : #F2FAFD;
}
#contentfullshow {
padding : 5px;
margin-bottom : 0;
border-top : 15px solid #F2FAFD;
color : #666;
background : #F2FAFD;
align-content : center;
text-align : center;
}
#sidebar {
float : left;
width : 240px;
padding : 5px;
border-top : 15px solid #1CA3E3;
}
#contentfull h1 {
text-align : center;
}
#contentfull h2 {
padding : 0;
margin : 0 5px 0 5px;
font : 140% "Trebuchet MS", verdana, tahoma, sans-serif;
color : #333;
background : inherit;
}
#content p {
padding : 5px 15px 5px 15px;
}
#sidebar h1{
text-align : center;
margin : 0;
font : 1.5em "Trebuchet MS", verdana, tahoma, sans-serif;
color : #333;
}
#content h1 {
margin : 0;
font : 1.5em "Trebuchet MS", verdana, tahoma, sans-serif;
padding : 0 0 0 20px;
color : #333;
background : url(img/bullet.png) left center no-repeat;
}
#footer {
clear : both;
padding : 3px;
margin : 0 0 0 0;
font-size : 0.9em;
color : #333;
background : #0798da;
}
#footer a:link, #footer a:visited {
background : inherit;
color : #fff;
border-bottom : none;
}
#footer a:hover {
border-bottom : none;
background : inherit;
color : #333;
}
#copyright {
position : absolute;
padding-left : 5px;
}
#contact {
text-align : right;
padding-right : 5px;
}
h2 {
padding : 0;
margin : 0 5px 0 5px;
letter-spacing: 3px;
font : 160% verdana, arial, "Trebuchet MS", tahoma, sans-serif;
color : #333;
background : inherit;
}
#headerright {
text-align : right;
}
#pararight {
text-align : right;
}
a {
text-decoration :underline;
color : #069;
background : inherit;
}
a:hover {
text-decoration : none;
color : #333;
background : inherit;
}
a img {
border : 0;
}
.img {
float : left;
padding : 4px;
margin : 4px;
border : 1px solid #556b2f;
}
.imgleft {
float : left;
padding-right : 10px;
}
.imgright {
float : right;
padding-left : 10px;
}
.showdiv {
align-content : center;
}