body {
width:750px;
margin:0 auto;
margin-top:5px;
font: 13px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";
background: url(../_images/bg.jpg) repeat-x;
background-color:#ededed;
}



/* ----- HEADER ----- */



#header {
width:750px;
height:130px;
}



/* 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;
margin-top:10px;
}


/* ----- NAVIGATION ----- */



#navigation {
width:200px;
background: url(../_images/nav.jpg) no-repeat;
position: absolute;
}

#navigation h2 {
padding-left: 10px;
color: #ffffff;
padding-top: 3px;
margin-top: 3px;
font-size: 16px;
font-weight:50;
}

#navigation p {
padding-left: 10px;
color: #000000;
font-weight:bold;

}

#navigation h3 {
padding-left: 20px;
color: #666666;
font-size:13px;
margin-top:-5px;
}

#navigation h3 a {
color: #666666;
}


#navigation a {
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
color: #333333;
text-decoration:none;
}

#navigation a:hover {
color: #fff;
background-color:#666666;
}

/* ----- MAIN CONTENT ----- */



#content { 
margin-left:210px;
width:540px;
background-color:#ededed;
margin-top:0px;
position: absolute;
}

#content h3 { 
padding-left: 10px;
padding-top: 0px;
color: #101010;
font-size:16px;
}

#content p { 
padding-left: 10px;
padding-right:10px;
color: #101010;
}

#content a {
padding-left: 0px;
color: #2c007c;
}

#content a:hover {
padding-left: 0px;
color: #7f6eb1;
text-decoration:none;
}

/* ----- FOOTER ----- */



#footer {
	margin-top:10px;
	margin-bottom:10px;
	width:540px;
	height:100px;
	background: url(../_images/footer_back.jpg);
}

#footer p { 
margin-top:30px;
padding-left:10px;
padding-top:30px;
color: #ffffff;
font-size:10px;
}

#footer a {
padding-left: 0px;
color: #2c007c;
text-decoration:none;
}

#footer a:hover {
padding-left: 0px;
color: #7f6eb1;
}

img {
border: none;
}