* {
margin : 0;
padding : 0;
}
body {
margin : 0 0 20px 0;
font : 90% Verdana, sans-serif;
color : #444;
background-color : #fff;
}
a, a:visited {
text-decoration : underline;
color : #050585;
}
a:hover, a:active {
text-decoration : none;
color : #333;
background-color : #fffc0f;
}
#container {
width : 760px;
margin : 20px auto;
background : #d6eafe url(images/bg.png) repeat-y;
color : #444;
}
#header {
width : 760px;
height : 150px;
margin : 0;
padding : 0;
background : #d6eafe url(images/top.png) no-repeat;
color : #66aaf7;
}
#header h1 {
margin : 0;
padding : 105px 0 0 20px;
font-size : 1.6em;
}
#header h4 {
margin : 0;
padding : 10px 0 0 20px;
font-size : 1.1em;
font-style : italic;
}
#content {
float : left;
padding : 20px 0 0 20px;
width : 510px;
}
#content h1 {
padding : 10px 0;
font-size : 1.5em;
color : #66aaf7;
}
#content p {
padding : 0 0 10px 0;
}
#content ul {
list-style-type : none;
margin-left : 10px;
padding : 0;
}
#content li {
background-image : url(images/bullet.png);
background-position : 0 50%;
background-repeat : no-repeat;
padding : 0 0 0 22px;
height : 20px;
}
#menu {
background : #d6eafe;
width : 200px;
margin : 0 10px;
padding : 1em 0;
font-family : Verdana, sans-serif;
font-size : 0.85em;
text-align : center;
text-transform : lowercase;
float : right;
}
ul#menulist {
text-align : left;
list-style : none;
padding : 0;
margin : 0 auto 20px auto;
width : 90%;
}
ul#menulist li {
display : block;
margin : 0;
padding : 0;
}
ul#menulist li a {
display : block;
width : 100%;
padding : 0.5em 0 0.5em 2em;
border-width : 1px;
border-color : #ffe #e5e6ff #ccc #fff;
border-style : solid;
color : #777;
text-decoration : none;
background : #9cccfc;
}
#menu > ul#menulist li a {
width : auto;
}
ul#menulist li#active a {
background : #fffc0f;
color : #333;
}
ul#menulist li a:hover, ul#menulist li#active a:hover {
color : #333;
background : #fffc0f;
border-color : #e5e6ff #fff #fff #ccc;
}
#menu span {
text-transform : none;
font-weight : bold;
}
#footer {
clear : both;
width : 760px;
height : 70px;
background : #d6eafe url(images/bottom.png) no-repeat;
color : #66aaf7;
}
#footer p {
font-size : 0.85em;
padding : 20px;
text-align : center;
}
img.center {
display : block;
margin-left : auto;
margin-right : auto;
padding : 5px;
border : 0;
}
img.alignright {
padding : 5px;
border : 0;
margin : 10px;
display : inline;
}
img.alignleft {
padding : 5px;
border : 0;
margin : 8px;
display : inline;
}
.alignright {
float : right;
}
.alignleft {
float : left;
}