body{
	margin:0 auto;
	padding:0;
	background:#A0B39F url(../images/background.gif) top center repeat-y;
	color:#006;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
/*	height:100%;
	overflow-y:auto; */
}

/* This wrapper sizes the page and encloses everything including header and footer */
#wrapper{
	background:#FFF;
	color:#313d30;
	margin:0 auto;
	width:760px;
	padding: 0em;
}
#header {
}


/* This is for the navigation to show the ACTIVE page - makes it easier to navigate for users with this */
body#search-engine-optimisation-reports a#wco-active,
body#search-engine-optimisation a#seo-active,
body#website-useability a#wu-active,
body#search-engine-promotion a#sep-active,
body#web-marketing a#im-active,
body#website-optimisation a#wso-active,
body#website-design a#wd-active,
body#home a#hm-active,
body#articles a#ima-active,
body#tutorials a#t-active,
body#directory a#rd-active,
body#forums a#f-active,
body#seo-reports a#lcsr-active
{
color: #fff;
background: #512800;
}

/* Navigation Menu CSS */
#menu{
font-weight:bold;
float:left;
width:180px;
margin:0px 0 10px 0;
padding:0;
font-size:1.3em;
}

#menu ul{
font-size:0.7em;
list-style:none;
width:180px;
margin:10px 0px 10px 0px;
padding:0;
}	

#menu li{
margin-bottom:4px;
}

#menu li a{
font-weight:bold;
border-left:4px solid #313d30;
text-transform:uppercase;
height:16px;
text-decoration:none;
color:#FFF;
background:#60765F;
display:block;
padding:2px 0 0 10px;
border-bottom:none;
}	
	
#menu li a:hover{
color:#FFF;
border-left:4px solid #A0b39f;
background-color:#313d30;
position: relative;
top: 1px;
left: 1px;
border-bottom:none;
}


img {
border:0;
}

.left{
margin: 0px 25px 25px 5px;
float:left;
padding:1px;
display:inline;
background:#fff;
border:1px #60765F solid;
/* border:2px #313d30 solid; */
}

.right{
margin:0px 5px 25px 25px;
padding:1px;
float:right;
display:inline;
border:1px #60765F solid;
}


/* Announcement - Under Menu */
.announcement{
font-weight:normal;
font-size:0.7em;
margin:20px 0px 20px 0px;
border:2px #60765F solid;
padding:5px 5px 10px 5px;
text-align:center;
width:166px;
}

.announcement img{
border:thin #A313d30 solid;
}

/* Links - how they are handled and coloured (within the ANNOUNCEMENT DIV) */
.announcement a:link, .announcement a:visited {
text-decoration:none; border-bottom:1px dotted #999;
}

.announcement a:hover {
text-decoration:none; border-bottom:1px solid #333;
}

.announcement a:active {
text-decoration:none; border-bottom:1px solid #999;
}



/* This is the content DIV where information is added */
#content{
margin:10px 0px 20px 190px;
border-left:1px dashed #AAA;
border-right:none;
padding:0 10px 0 10px;
line-height:1.6em;
}

/* Alignment and wrap for images WITHIN the content DIV along with image border */


/* Paragraph margins */
#content p{
margin:10px 0px 10px 0px;
}

/* Hey, yep this is the settings for all of your <H> tags */
/* Note: Margins are controlled in the following fashion Top Right Bottom Left e.g. 25px top 0px right 20px bottom and 0px left ;) */
h1{
margin:25px 0px 20px 0px;
font-size:18px;
}

h2{
margin:25px 0px 5px 0px;
font-size:16px;
}

h3{
margin:35px 0px 5px 0px;
font-size:14px;
}

h4{
margin:10px 0px 5px 0px;
font-size:12px;
}


/* Links - how they are handled and coloured (within the CONTENT DIV) */
#content a:link, #content a:visited {
text-decoration:none; color:#006; border-bottom:1px dotted #999;
}

#content a:hover {
text-decoration:none; color:#006; border-bottom:1px solid #333;
}

#content a:active {
text-decoration:none; color:#006; border-bottom:1px solid #999;
}


#footer{
clear:both;
margin:0px auto;
padding:10px 0 10px 0;
border-top:1px solid #AAA;
width:720px;
text-align:center;
font-size:0.8em;
}

/* Links - how they are handled and coloured (within the FOOTER DIV) */
#footer a:link, #footer a:visited {
text-decoration:none; color:#006; border-bottom:1px dotted #999;
}

#footer a:hover {
text-decoration:none; color:#006; border-bottom:1px solid #333;
}

#footer a:active {
text-decoration:none; color:#006; border-bottom:1px solid #999;
}