#maincontent{
background: #1f1f1f;
background: url(img/wardscottbg.jpg) top left no-repeat;
}
#content{
padding: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
padding-right: 35px;
margin-top: 145px;
width: 395px;
overflow: auto; 
height: 390px;
}
h1, h3 {
float: left;
clear: both;
white-space: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
color: #80B3FF;
margin:0;
padding: 0;
margin-top: 10px;
margin-bottom: 10px;
}
#content p {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 400;
float: left;
clear: left;
white-space: normal;
text-align: justify;
word-spacing: normal;
color: #fff;
width: 365px;
margin: 0;
padding: 0;
margin-bottom: 10px;
}
#content p a {
border-bottom: 1px dotted  #83B1FF;
text-decoration: none;
color:  #83B1FF;
}
#content p a:hover, #content p a:active {
border-bottom: 1px dotted #90E4FF;
text-decoration: none;
color: #90E4FF
}

#menu a#item1 {background: url(img/home3.gif) 0 0 no-repeat;}
#menu a#item2 {background: url(img/photogallery3.gif) 0 0 no-repeat;}
#menu a#item3 {background: url(img/contactme3.gif) 0 -64px no-repeat;}

#menu a#item1:hover {background-position:0 -32px;}
#menu a#item2:hover {background-position:0 -32px;}
#menu a#item3:hover {background-position:0 -64px;}