body {
background: #8fbc8f;
font-family: Verdana, Helvetica, Sans-serif;
font-size: .80em;
text-align: center;
}

/* Set width and margins on the main div that wraps around the content. Any width could be used, including 100%, which would force the content to the left and right edges of the viewport. */
/* To center the div in the viewport, we apply "auto" margins to left and right. To move the div away from the top and bottom of the viewport we use a margin of 10px. Some browsers (particularly Win/IE5 and Win/IE5.5) do not support the auto left and right margins. However, with the addition of two simple rules, these browsers will center the containing block correctly: 1) Add text-align:center to the 'body' (above) and 2) Add text-align:left to this container div. */
/* To increase readability, you can increase the overall line-height of text. If it is applied to this container div, it will cascade down throughout all divs below. */
#container {
width: 84%;
margin: 10px auto;
text-align: left;
background-color: #ffffff;
color: #000;
border: 2px solid #1e90ff;
line-height: 130%;
background: #f0ffff;
}

#banner {
padding: 5px 5px 10px 7px;
height: 130px;
border-bottom: solid 1px #1e90ff;
}

#banner img {
float: left;
}

/* Browsers add different amounts of padding above an H1, it is easiest to remove all padding and margin from this H1 and let the div provide the padding. For this site, some padding and margin were added back in. */
#banner h1 {
padding: 0 0 0 165px;
margin: 0;
}

#banner h2 {
padding: 0 0 0 165px;
margin: 0;
}

/* Set the margin to "0", add 1em of padding (which will move the text away from the edges of the div). */
#menucol {
float: left;
width: 105px;
margin: 0;
padding: 1em;
line-height: 1.5em;
}

#content {
margin-left: 160px;
padding: 10px 10px 15px 10px;
border-left: solid 1px #1e90ff;
}

#news {
border: ridge 2px #f08080;
background: #ffcccc;
width: 400px;
padding: 5px;
}

/* Set to "clear: both". This will force the footer below any floated elements above. */
#footer {
clear: both;
border-top: solid 1px #1e90ff;
margin: 0;
padding: .5em;
text-align: center;
}

hr {
color: #1e90ff;
}

h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Helvetica, Sans-serif;
color: #f08080;
line-height: 1.5em;
}

h1 {
font-size: 2em;
font-style: italic;
}

h2 {
font-size: 1.25em;
}

h3 {
font-size: 1.1em;
}

h4 {
font-size: 1em;
}

a {
font-weight: bold;
}

a:link {
color: #330000;
text-decoration: none;
}

a:visited {
color: #663333;
text-decoration: none;
}

a:active {
color: #663333;
text-decoration: none;
}

a:hover {
color: #990000;
text-decoration: underline;
}