html, body 		{ margin: 0; padding: 0; }
body 			{ color: #f00; 
						font: 12px Helvetica, Arial, sans-serif; 
						line-height: 18px;
						background-color: #993300";
						background-image: url(red_leather1.JPG);
}

h2			{ color: #fff; line-height:24px; }
a				{ color: #ff0; }
p				{ margin: 10 10 18px; }
#wrapper		{ float: left; width: 95%; }

/* Header */
#header			{ padding-top: 25px; }
#header h1  	{ color: #004b6f; margin: 0 0 3px; padding: 24px 18px 0; }
#header p		{ color: #666; font-size: 11px; font-weight: bold; padding: 0 18px; }

/* Content Style */
#navigation		{ padding-left: 18px; float: left; }
#navigation ul	{ padding: 0 18px 9px; }                               
#extra small	{ font-size: 11px; line-height: 18px; }
#content p, #extra p { margin: 8px; line-height: 18px; }

/* Content Positioning & Size */
#navigation		{ float: left; width: 182px; }
#content		{ }
#extra			{ float: right; margin-left: 10px; width: 182px; }		/* Footer */
#footer			{ background: #000000; color:#ffffff; border-top: 4px ridge #900; clear: left; width: 100%; }
#footer a		{ color: #fff; }
#footer	p		{ color: #ccc; margin: 0; padding: 0 18px 10px; }
#footer ul		{ border-bottom: 1px solid #555; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }
#footer li		{ display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }

<!--[if IE]>
<style type="text/css">
    #navigation, #content, #extra { margin-top: 20px; }
-->

#img1 {
	border: 4px inset;
	background-image: url(BaseArt/PCL_art-309.jpg);
	background-repeat: no-repeat;
	width: 89px;
	height: 120px;
	margin-top: 30px;
}
#img1:hover {
	border: 4px outset;
	background-image: url(BaseArt/PCL_art-302.jpg);
	background-repeat: no-repeat;
	width: 89px;
	height: 120px;
}

#menubutton {
	color: #f9f;
	border: 4px inset;
	background-repeat: no-repeat;
	width: 140px;
	height: 30px;
	margin-bottom:8px;
}
#menubutton:hover {
	border: 4px outset;
}