* {
font-family: sans-serif, cursive;
text-transform: lowercase;
}

body {
background: #FFFFFF;
margin: auto;
width: 800px; 
min-height: 400px;
padding: 0px;
}

#pageheader,#menu,#content,#sub-content,#footer {
overflow:hidden;
display:inline-block;
} 

/* safari and opera need this */
#content,#sub-content,#footer {
}


/*  Page header settings */
#pageheader {
margin-top: 20px;
background: #FFFFFF;
border: 5px thin blue;
}

#pageheader h1 {
font-size: 3em;
text-align: left;
letter-spacing: -4px;
color: #CCCCCC; 
line-height: 1em;
margin-top: 10px;
}

#pageheader h2 {
font-size: 15px;
color: #EEEEEE; 
margin-top: -30px;
}


/*  Menu settings */
#menu {
height: 50px;
float:right;
width: 780px;
border: 5px thin red;

}

#menu ul li {
display:inline;
color: #CCCCCC;
font-size: 20px;
}

#menu a:link {
text-decoration: none;
letter-spacing: -2px;
font-size: 20px;
color: #CCCCCC;
}

#menu a:visited {
text-decoration: none;
letter-spacing: -2px;
color: #CCCCCC;
font-size: 20px;
}

#menu a:active {
text-decoration: none;
letter-spacing: -2px;
color: #CCCCCC;
background: #999999;
font-size: 20px;
}

#menu a:hover {
text-decoration: none;
letter-spacing: -2px;
color: #666699;
font-size: 20px;
}


/*  Content settings */
/* IE5 Mac won't take 60% */ 
#content {
clear:left;
width:98.5%;
min-height: 300px;
margin: 0px;
}

#content h3 {
text-align: right;
font-size: 25px;
color: #EEEEEE;
letter-spacing: -5px;
}

#content a:link {
text-decoration: underline;
}

#content a:visited {
text-decoration: none;
text-decoration: underline;
color: #000000;
}

#content a:active {
text-decoration: none;
text-decoration: underline;
color: #000000;
}

#content a:hover {
text-decoration: none;
text-decoration: underline;
color: #666699;
}

/*  Sub-Content settings */
#sub-content {
width:98.5%;
padding: 5px;
}


/*  Footer settings */
#footer {
width:98.5%;
padding: 5px;
font-size: 15px;
color: #EEEEEE;
}


/* General settings */

img {
border: 0;
}