a { color: #95a099; }
a:visited { color: #95a099; text-decoration: none; }
a:link { color: #95a099; text-decoration: none; }
a:hover { color: #95a099; font-weight: bold; }
body { color: #95a099; font-size: 10.5px; font-family: helvetica, arial; background-color: black; width:800px; margin:0
; }
/* ----- HEADER ----- */
#header { font-family: helvetica, arial; width:750px; height:150px; background-color:#333333; }
/* FAUX LAYOUT WRAPPER */
/*
This div is optional: When you delete it the navigation bar and the content block won't have the same size when one of them has a larger height then the other. I recommend you to leave this faux layout wrapper here.
IMPORTANT: In order to make this work you have to download http://csseasy.com/layouts/fixed/background_3.gif (copy past in your address bar) and place it in the same folder as this html file. DON'T HOTLINK to this file.
*/
#wrapper{
width:750px;
background:url(background_3.gif) repeat-y; /* WARNING: IF YOU CHANGE THE COLORS OF THE LAYOUT YOU HAVE TO CHANGE THIS IMAGE! */
overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
margin-top:10px;
}
/* ----- NAVIGATION ----- */
#navigation { width:200px; min-height:500px; /* for modern browsers */
background-color:white; height: 500px; float:left; }
/* ----- MAIN CONTENT ----- */
#content { font-family: helvetica, arial; margin-left:210px; width:540px; min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
background-color:#333333; margin-top:10px; }
/* ----- FOOTER ----- */
#footer { font-family: helvetica, arial; margin-top:10px; width:750px; height:100px; background-color:#333333; }