body {
text-align: left;
background: #B0BFC2;
width: 700px;
color: #648DC7;
}
#container {
text-align: left;
margin: 0 absolute;
width: 700px;
background: #ffffff;
border-bottom: 5px solid #ffffff;
}
h1 {
background: #333366;
color: #ffffff;
font: "Trebuchet MS", Trebuchet, Arial, Sans Serif;
font-size: 2.5em;
padding: 20px;
margin: 0;
border-bottom: 5px solid #ffffff;
}
/*------ format of navigation bar-----*/
ul#links {
float: left;
width: 125px;
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
ul#links h4 {
display: block;
text-decoration: none;
font-size: 0.8em;
background: #333366;
font: "Trebuchet MS", Trebuchet, Arial, Sans Serif;
color:#ffffff;
padding: .2em .5em;
border-top: 0;
border-bottom: 1px solid #ffffff;
width: 7em;
}
ul#links a {
display: block;
text-decoration: none;
font-size: 0.7em;
background: #006699;
color: #ffffff;
padding: .2em .5em;
border-top: 0;
border-bottom: 1px solid #ffffff;
width: 7em;
}
ul#links a:hover {
background: #C790B9;
color: #ffffff;
}
ul#links li {
display: inline;
}
/*------ format of content-----*/
#content {
float: left;
width: 520px;
margin-left: 20px;
padding: 0 0;
}
#picture {
margin-left: 100px;
padding: 15px 0;
}
/*------ text styles-----*/
h2 {
margin-top: 12px;
margin-left: 1em;
color: #006699;
font: "Times New Roman", Arial, "Trebuchet MS", Trebuchet, Sans Serif;
font-size: 1.6em;
text-align: left;
font-weight: bold;
}
h3 {
color: #006699;
font: "Times New Roman",Arial,"Trebuchet MS", Trebuchet, Sans Serif;
font-size: 1.0em;
text-align: center;
font-weight: bold;
}
p {
color: #003366;
font: "Times New Roman", Arial, "Trebuchet MS", Trebuchet, Sans Serif;
font-size: 0.9em;
font-weight: normal;
}
li {
margin-left: 0;
padding-left: 0;
list-style-type: none;
color: #497FBF;
font: "Trebuchet MS", Trebuchet, Arial, Sans Serif;
font-weight: normal;
}
a:link {
color: #990050;
}
a:visited {
color: #EF9C00;
}
a:hover, a:active {
color: #F8F400;
background: #0469B3;
}