body 
{
    margin: 0;
    padding: 0;
    text-align: center;    
    font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif;	
}

#container 
{
    margin: 0 auto;
    width: 740px;
    text-align: left;
    position: relative;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
}

#header h1 { font-size: 36pt; color: #333; padding: 0; margin: 0; font-family: Arial, Helvetica, Sans-Serif; }
#header h2 { font-size: 16pt; color: #333; padding: 0; margin: 0; font-family: Arial, Helvetica, Sans-Serif; }

#wrapper
{
    margin: 0;    
    background-color: Aqua;
}

#leftPanel
{
    width: 200px;
    margin: 0;
    float: left; 
    border-right: solid 1px #eee;    
}
#contentArea
{
    width: 535px;
    margin: 0;
    float: left;    
    padding-left: 4px;
}

#footer
{
    clear: both;
    text-align: right;
    font-size: x-small;	
	color: #3d3d3d;
	padding: 2px 2px;
	border-bottom: solid 1px #eee;
	border-top: solid 1px #eee;
}

#navcontainer
{
    margin: 0;
    width: 200px;
}

#navlist
{
    padding-left: 0;
    margin-left: 0;
    list-style-type: none;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: small;
}


#navlist li a 
{
    display: block;
    padding: 3px;
    padding-left: 10px;
    width: 180px;
    border-bottom: 1px solid #eee;
}

#navlist li a:link, #navlist a:visited
{
color: #333;
text-decoration: none;
}

#navlist li a:hover
{    
background-color: #ddFFdd;
color: #333;
}

#pageTitle
{
    background-color: #ddffdd;
    height: 50px;
    width: 535px;
    color: #333;
    font-size: 35px;    
}


.coolLink:link { color: #3d3d3d; text-decoration: none; }
.coolLink:visited { color: #3d3d3d; text-decoration: none; }
.coolLink:hover { color: #6d6d6d; text-decoration: underline; }
.coolLink:active { color: #3d3d3d; text-decoration: underline; }


.topCoolBar { text-align: right; 	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
	padding-right: 3px;
	color: #6d6d6d; }