/* CSS Document */

body {
/* to have the layout centered */
    text-align: center;
    margin: 0px;
    padding: 0px;
    background: #FFFFFF;
}
#container {
/* re-aligning the text correctly to the left */     
	text-align: left;
/* margins at top and bottom are 0px but on the sides, "auto" will center the layout */
    margin: 0px auto;
    padding: 0px;
/* sets the layout width */
    width: 700px;
	background-color:#FFF0F8;

	
	
}
#header {
    width: 100%;
    height: 150px;
	background-image:url(header.png);
	background-repeat: no-repeat;
	overflow:hidden;
}

ul {

}

li {
	display:inline;
	padding : 0.75em 1.5em;
	font:Verdana;
	font-size:12px;
	
	

}
a {text-decoration: none;
	color: #FFFFFF;
	
}

#left {
    width: 300px;
/* float it to the left of the text */
    float: left;
    background: #F7F7F7;
	margin-left:6px;
	margin-right:6px;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #FFFFFF;
	font:Verdana;
	font-size:12px;
	color: #666666;
	padding:4px;
	letter-spacing:3px;
}

#content {
    width: 330px;
    background: #666666;
/* float it to the left of the right sidebar */
    float: left;
	margin:6px;
	border:1px #FFFFFF solid;
	padding:4px;
	font:Verdana; 
	font-size:12px;
	letter-spacing:3px;
}
#footer {
    width: 100%;
    height: 50px;
/* clear: both so that it remains at the bottom of the 3 columns */
    clear: both;
    background: #CCCCCC;
}
h1 {text-align:center;
font: Verdana;
font-size:12px;
color:#FFFFFF;
}