* {
    padding: 0;
    margin: 0;
} 

body {
    background: #CCCC99;
	font: 11px Verdana, Arial, sans-serif;
	line-height: 1.5em; 
	color : #111;
}

a { color: #595A3A }
a:hover { color: #000; }

#wrap {
margin: 20px auto;
width: 780px;
background: #CCCC99;
}

#header {
background: #CCCC99 url('header.jpg') no-repeat;
height: 230px;
}
#header h1 {
font-size: 1.7em;
color: #E4E483;
padding: 40px 0 0 40px;
font-weight: 100;
}
#header h1 a{
text-decoration: none;
color: #fff;
font-weight: 100;
}
#header h1 a:hover {
border-bottom: 1px dotted #aaa; text-decoration: none;
}

#header h2 {
padding: 0 0 0 40px;
color: #fff;
font-size: 1.3em;
font-weight: 100;
}

#breadcrumbs {
background: #CCCC99 url('breadcrumbs.jpg') no-repeat;
height: 18px;
padding: 0 0 0 40px;
}
#breadcrumbs a { text-decoration: none; }
#breadcrumbs a:hover { border-bottom: 1px dotted #000; text-decoration: none; }

#content {
background: #FFFFFF url('content.jpg') repeat-y;
padding: 10px 25px 20px 25px;
}
.left { 
float: left;
width: 520px;
margin-right: 20px;
margin-top: 5px;
}
.left h2 { font-size: 1.1em; margin: 0 0 5px 0; padding-top: 8px; }
.left h2 a { text-decoration: none; }
.left h2 a:hover { border-bottom: 1px dotted #aaa; text-decoration: none;}
.left a { text-decoration: none; }
.left a:hover { border-bottom: 1px dotted #aaa; text-decoration: none; }

.right {
float: left;
width: 160px;
padding: 15px;
background: #f7f7f7;
margin-top: 10px;
}
.right h2 { font-size: 1em; margin: 0 0 5px 0; }
.right li { list-style-type: none; padding-left: 5px; }
.right li a { text-decoration: none; }
.right li a:hover { border-bottom: 1px dotted #aaa; text-decoration: none;;}

#footer { 
background: #CCCC99 url('footer.jpg');
height: 30px;
padding: 0px 25px 0 25px;
text-align: center;
}
#footer a { text-decoration: none; }
#footer a:hover { border-bottom: 1px dotted #aaa; text-decoration: none; }