body {
background-color:#333333;
margin:0;
padding:0em 0em;
text-align:center;
font-family:Arial;
font-size:12px;
color:#555555;
}

#page {
width:960px;
margin:auto;
padding:0em 0em;
background-image:url(images/page.png);
text-align:left;
}

#header {
width:960px;
height:115px;
background-image:url(images/header.png);
clear:both;
}

#menulinks {
width:902px;
padding-left:30px;
height:35px;
background-image:url(images/menulinks.png);
clear:both;
}

#mainarea {
width:960px;
text-align:justify;
font-size:14px;
clear:both;
padding-top:10px;
}

#contentarea {
float:left;
width:560px;
padding-left:45px;
margin-bottom:10px;
}

#sidebar {
float:right;
width:290px;
padding-right:45px;
}

#smallHeader {
margin-left: 17px;
width:256px;
height:65px;
background:url(images/smallHeaderBG.png); 

}

#smallHeader h2 {
/* Section headers share the same tiled background image and font */
padding-top:20px;
padding-left:20px;
font-size:18px;
font-weight:bold;
color:#ffffff;
text-indent: 2em;
}  

#footer {
width:960px;
height:100px;
background-image:url(images/footer.png);
clear:both;
}

#footer p {
padding-top:30px;
color:#FFFFFF;
padding-left:50px;
line-height:20px;
}

a.logo {
	/*This will style the hyperlink that has a class attribute of "logo". 
	Change the width value to the width of the logo image you cut out earlier.*/
width:578px;
height:102px;
float:left;
background-image:url(images/logo.png);
}
h2 {
font-size:20px;
color:#333333;
font-weight:bold;
}

a {
font-weight:bold;
color:#333333;
text-decoration:none;
}
a:hover {
color:#389ccb;
text-decoration:underline;
}

#menulinks a {
padding-top:10px;
padding-left:15px;
padding-right:7px;
height:22px;
float:left;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
font-size:14px;
margin-top:1px;
}

#menulinks a:hover {
background-color:#99CCFF;
/*background-image:url(images/menuhover.png);*/
}