/* body attributes */

html {height: 100%; max-height: 100%; width: 100%; max-width: 100%;}
body {font-family: "Arial", sans-serif; font-weight:normal; font-size: 14px; color: #ccc; line-height: 150%;
		background-color: #555; border: 0px; margin: 0px;}
#copy {font-size: 10px; color: #ccc; line-height: 110%;}
a:link, a:visited, a:active, a:focus, a:hover {color: #ccc;}

/* header attributes */

div#header {position: absolute; left: 20px; top: 10px; background: url(graphics/header2.jpg) left top no-repeat; 
height: 150px; width: 700px;}

/* body attributes */

div#main {position: absolute; width: 90%; min-width: 750px; left: 20px; top: 150px; 
border-top: 2px solid #9CF; border-bottom: 2px solid #9CF;}

/* menu attributes */

div#menu {position: absolute; width: 125px; left: 20px; top: 0px; margin: 10px;}
img.menu {border: 0px; height: 40px;}

/* content attributes */

div#content {position: relative; width: 80%; min-width: 500px; min-height: 500px; left: 150px; margin: 0px; padding: 20px; 
border-left: 2px solid #9CF;}
div#news {width: 100%; height: 200px; overflow: auto;}
table#submenu {position: relative; top: 50px; left: 100px; border: 0px; text-align: center;}
.title {height: 75px; width: 500px; padding: 0px; border: 0px;}
.image {padding: 10px; border: 0px;}
.imageleft {padding-right: 10px; padding-bottom: 10px; border: 0px;}
.imageright {padding-left: 10px; padding-bottom: 10px; border: 0px;}
.menuitem {width: 100px; height: 100px; border: 0px;}
.narrowtitle {position: absolute; height: 75px; width: 300px; padding: 0px; border: 0px; left: 250px;}
div.narrow {width: 200px;}
div#galleryimage {background-image:url("image01.jpg"); background-repeat:no-repeat; height:218px; width:350px;}
#icon {height: 100px; width: 100px;}


/* rollover attributes */

img.small {border: none;}
div#thumbs {width: 170px; z-index: 100;}
div#thumbs a {display: block;}
div#thumbs a span {display: none;}
div#thumbs a:hover {background: #555;}
div#thumbs a:hover span {display: block; z-index: 100;}
/* charcoal */
font.bigg {color: #ccc; border: none;}
div#thumbs a img.bigg {height: 0px; width: 0px; border-width: 0px;}
div#thumbs a font.bigg {font-size: 0px; border-width: 0}
div#thumbs a:hover img.bigg {position: fixed; top: 175px; left: 400px; height: 275px; width: 350px; border: none;}
div#thumbs a:hover font.bigg {position: fixed; top: 450px; left: 400px; height: 100px; width: 400px; border: none; font: 14px "Arial", Verdana, sans-serif; color: #ccc;}
div#showimageg {position: fixed; top: 175px; left: 400px; height: 375px; width: 350px; font: 14px "Arial", Verdana, sans-serif; color: #ccc;}
/* colored pencil */
font.bigc {color: #ccc; border: none;}
div#thumbs a img.bigc {height: 0px; width: 0px; border-width: 0px;}
div#thumbs a font.bigc {font-size: 0px; border-width: 0}
div#thumbs a:hover img.bigc {position: fixed; top: 175px; left: 300px; height: 400px; width: 245px; border: none;}
div#thumbs a:hover font.bigc {position: fixed; top: 225px; left: 575px; height: 400px; width: 250px; border: none; font: 14px "Arial", Verdana, sans-serif; color: #ccc;}
div#showimagec {position: fixed; top: 175px; left: 300px; height: 400px; width: 400px; font: 14px "Arial", Verdana, sans-serif; color: #ccc;}
/* ink */
font.bigi {color: #ccc; border: none;}
div#thumbs a img.bigi {height: 0px; width: 0px; border-width: 0px;}
div#thumbs a font.bigi {font-size: 0px; border-width: 0}
div#thumbs a:hover img.bigi {position: fixed; top: 175px; left: 320px; height: 400px; width: 320px; border: none;}
div#thumbs a:hover font.bigi {position: fixed; top: 225px; left: 650px; height: 400px; width: 200px; border: none; font: 14px "Arial", Verdana, sans-serif; color: #ccc;}
div#showimagei {position: fixed; top: 175px; left: 320px; height: 400px; width: 400px; font: 14px "Arial", Verdana, sans-serif; color: #ccc;}
/* pyrography */
font.bigp {color: #ccc; border: none;}
div#thumbs a img.bigp {height: 0px; width: 0px; border-width: 0px;}
div#thumbs a font.bigp {font-size: 0px; border-width: 0}
div#thumbs a:hover img.bigp {position: fixed; top: 175px; left: 320px; height: 300px; width: 225px; border: none;}
div#thumbs a:hover font.bigp {position: fixed; top: 225px; left: 600px; height: 400px; width: 200px; border: none; font: 14px "Arial", Verdana, sans-serif; color: #ccc;}
div#showimagep {position: fixed; top: 175px; left: 320px; height: 400px; width: 400px; font: 14px "Arial", Verdana, sans-serif; color: #ccc;}

/* footer attributes */

div#footer {position: absolute; width: 100%; margin: 0px;}