body {margin:0;padding:0; font:95% "Trebuchet MS", Verdana, sans-serif; background:#C0C0C0;}

#wrap {max-width: 900px; min-width: 480px; width:90%; border:0; margin:0 auto; padding:20px  0 0;}
#screen {background:#EF9C00; margin:0; padding-bottom:0;border:0;}

#header { width:100%; background:red; }
#banner {background-image: url(../header.jpg);  line-height:95%; font-size:12px; text-align:center;}
#banner p {text-align:center; font-size:80%; }
#banner-blue {background:#648DC7;}
#menu {background:white;
        height:28px;
        padding-top:2px;
        }
#menu p {display:none;}

}
a, a:hover, a:active, a:focus {
	outline:0px;
	direction:ltr;
}
 
.wrapper {
	position:relative; height:25px;
	background:white;
}
	
.mainmenu {
	position:absolute; 
	z-index:100;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:90%;
	line-height:27px;
	left:50%;
	margin-left:-450px; 
	width:612px;
}
ul.menu {
	padding:0; 
	margin:0;
	list-style:none; 
	width:150px;
	overflow:hidden; 
	float:left; 
	margin-right:2px;
}
ul.menu a {
	background:#369;
	text-decoration:none; 
	color:#8C5900;
	padding-left:5px;
}
 
ul.menu li.list {
float:left;
width:312px;
margin:-32767px -125px 0px 0px;
background:url(gtop1.png) no-repeat left bottom;color:white;}

ul.menu li.list a.category {
position:relative;
z-index:50;
display:block;
float:left;
width:152px;
margin-top:32767px;
background:transparent;
}
ul.menu li.list a.category:hover,
ul.menu li.list a.category:focus,
ul.menu li.list a.category:active {
	margin-right:1px;
	background-image:url(gtophover1.png);
	background-repeat:no-repeat;
	background-position:left top;
}
ul.submenu {
	float:left; 
	padding:25px 0px 0px 0px;
	margin:0; 
	list-style:none; 
	background-image:url(gtophover1.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin:-25px 0px 0px 0px;
	}

ul.submenu li a {
float:left;
width:150px;
background:url(gbottom1.png);
clear:left;
color:#8C5900;
}
ul.submenu li a.endlist {
	background:url(gbottom1.png);
}
 
ul.submenu li a.endlist:hover,
ul.submenu li a.endlist:focus,
ul.submenu li a.endlist:active {
background:url(gbottomhover1.png);
}

ul.submenu a:hover,
ul.submenu a:focus,
ul.submenu a:active {
background:url(gbottomhover1.png);
margin-right:1px;
color:#8C5900;
}

 
#banner-gray {background:#C0C0C0; margin:0; padding-bottom:0; color:#F0F0F0;}
#banner-gray a {font-size:12px; color:#FFFFF0; background:#C0C0C0;text-align:right;}
#banner-gray a:link {color:#F0F0F0; text-decoration:none}
#banner-gray a:visited {color:white;text-decoration:none}
#banner-gray a:hover {text-decoration:none}
#crumbs {background-color:#F3B044;
    padding:2px; }   
#crumbs h3 {
    display:none;}
#crumbs ul {
    display: inline;
    padding-left:0;
    margin-left:0;}
#crumbs ul li {
    display:inline;}
#crumbs ul ul li a:link {
    background-color:#F3B044;
    padding-left:1em;
    color:white;}
    #crumbs a:hover {
        text-decoration: none;
        background-color:#F3B044;}
.akey {text-decoration:underline;}

#bwrap {background:blue;}

#main {width:100%; border:0; background:#C0CBE7;}
#photo {
           position:relative;
           margin-left:25px;
           }
#bio {
         position:relative;
         width:450px;
         height:350px;
         overflow:scroll;
         background:#FACD8A;
         padding:10px;
         border:solid;
         border-width:10px;
         border-color:#648DC7;
         margin-right:50px;
         margin-left:50px;
         margin-top:25px;
         }
#lmain {background:blue; width:47%; float:left;
}

#main a {color:black;}
#main a:link {color:black; background:none; text-decoration:none}
#main a:focus, a:visited {color:silver;text-decoration:none}
#main a:hover {color:white; text-decoration:none}

#main img {
    border-top-color:#0561A5;
    border-left-color:#0561A5;
    border-right-color:#648DC7;
    border-bottom-color:#648DC7;
    background:#C0CBE7;
    padding:10px;}

.entry {margin-bottom:2em; margin-right:1em;}
.photo_text {margin-left:107px;position:relative}

#main-blue {float:right; width:100%; background:blue; margin:0; padding-bottom:0;border:0;}
#main-aqua {float:right; width:100%; background:#00AEED; margin:0; padding-bottom:0;border:0;}
#main-ceramics {float:right; width:100%; background:#B57800; margin:0; padding-bottom:0;border:0;}


#sidebar {float:left; width:20%; background:#EF9C00; margin:0; padding-bottom:0;border:0; text-align:center;}
#sidebar a:link {text-decoration:none; color:white;}
#sidebar a:hover {text-decoration:none; color:#C0C0C0;}
#footer {width:100%; clear:both; border-top:4px groove #F3B044; background:#648DC7; font-size:80%; margin:0; padding-bottom:0;border:0;}
#footer * {color:#3D0011;}
.strip {width:100%; height:1.5em}
#footer a {font-size:12px; }
#footer a:link {text-decoration:none; background:#648DC7;}
#footer a:visited {text-decoration:none; background:#648DC7;}
#footer a:hover {text-decoration:none; background:#C0CBE7;}

#nav, #nav ul {padding: 0;margin: 0;list-style: none; 1; float:center;}
#nav a {display: block;	width:10em; text-decoration:none; text-align:center;}
#nav li {float: left;width: 10em; /* width needed or else Opera goes nuts */}
#nav li ul {position: absolute; background:#EF9C00; width: 8em;left: -999em;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
<!-- #content {clear: left; color: #ccc;} -->



/* text styles ------------- */
h1 {font-size:3em;}
h2 {font-size:1.5em;}
h3 {font-size:1em;}
h1, h2, h3 {color:white; text-align:center; margin:0; padding:0;} 
p {margin:0; padding-right:10px; padding-left:10px;}
.entry h2 {margin:0; padding:0;}
p.small {line-height:95%; font-size:12px; text-align:center;}

h3 {margin:.5em 0 0}
.date {padding:0;position:relative;top:-1.1em;margin:0 1em 0 0;text-align:right}
a {text-decoration:none; color:white; font-family:"Trebuchet MS", Verdana,sans-serif; text-align:center;} 
a:link, a:visited {background:#EF9C00;}
a:focus, a:hover {background: #EF9C00; }
a:active {background:#EF9C00;}
a:hover.current {text-decoration:none; background:#EF9C00; cursor:default}
.description {position:relative; left:1em; margin-bottom:0.2em;}
.continued {margin-top:-5px}
#navbuttons {position:relative;}			
.photo {left:-109px;position:absolute;width:100px;height:75px;top:3px}
.photo img {border: none}
.photo a:focus, .photo a:hover, 
.photo a:active {background:white;width:100px;border:none}