body {font: 0.76em Helvetica, Arial, sans-serif; behavior:url(/gracelai/stylesheets/csshover.htc);}
body div#listmenu ul li ul {display:none;}
* {margin:0px; padding:0px;}

/* Structural Formatting */
div#header {margin-left: 20px;}
div#mainwrapper {min-width:774px; max-width:774px; margin-left:auto; margin-right:auto;  text-align:left;}
div#contentarea {position: relative;}
div#contentarea2 {position: absolute; top: 24px;}
div#contentmain {
	position: relative;
	height: 600px;
}

/* Gallery Picture Pages */
div#columnmain {position: relative; width: 350px;  min-height: 270px; margin: 10px 0px 0px 190px;}
div#columnpic {
	position: relative;
	width: 350px;
	min-height: 270px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 10px;
}
div#columntext {
	position: absolute;
	top: 9px;
	left: 380px;
	overflow: auto;
	width: 350px;
	min-height: 250px;
	height: 554px;
	margin-top: 0px;
	margin-right: 9px;
	margin-bottom: 0px;
	margin-left: 0px;
}
div#columnleft {position: absolute; top: 10px; left: 10px; overflow: hidden; width: 170px; min-height: 5px; text-align: right;}
div#columnright {
	position: absolute;
	top: 10px;
	left: 550px;
	overflow: hidden;
	width: 170px;
	min-height: 5px;
	bottom: 0px;
	padding-bottom: 50px;
	height: 0px;
}
div#columnrighttext {
	position: absolute;
	top: 10px;
	left: 550px;
	overflow: auto;
	width: 170px;
	min-height: 5px;
	bottom: 0px;
	padding-bottom: 50px;
	height: 434px;
}
div#bodybox {width: 350px; min-height: 200px; margin: 0px;}
div#bodybox img { width:350px;}
div#titlebox {
	text-align: center;
	margin-top: 5px;
	font-size: 100%;
	font-style: italic;
	font-weight: normal;
}
div#thumbbox {
	width: 745px;
	background-color: white;
	padding-left: 5px;
}
div#thumbbox .thumb {float: left; width: 80px; height: 50px; margin: 5px 5px 5px 5px; background-color: gray;}

/* Wide Gallery Picture Pages */
div#columnwmain {position: relative; width: 530px;  min-height: 270px; margin: 10px 0px 0px 100px;}
div#columnwleft {position: absolute; top: 10px; left: 10px; overflow: hidden; width: 80px; min-height: 5px; text-align: right;}
div#columnwright {position: absolute; top: 10px; left: 640px; overflow: hidden; width: 80px; min-height: 5px; }
div#wbodybox {width: 530px; min-height: 100px; margin: 0px;}
div#wbodybox img { width:530px;}
div#wtitlebox {text-align: center; margin-top: 5px; font-size: 120%;}
div#wthumbbox {
	width: 745px;
	background-color: white;
	padding-left: 5px;
}
div#wthumbbox .thumb {float: left; width: 170px; height: 50px; margin: 5px 5px 5px 5px; background-color: gray;}

/* Menu */
div#listmenu {position: absolute; top: 0px; left: 5px; width:745px; border-top: 2px solid black; border-bottom:1px solid black; background-color: white;}
div#listmenu li {
	float:left;
	position:relative;
	list-style-type:none;
	background-color: white;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 4px;
	margin-left: 20px;
}
div#listmenu ul li ul {margin:0px; position:absolute; width: 10em;background-color: white; border-right: 1px solid white;}
div#listmenu ul li ul li {left: -1px; margin: 5px 0px 0px 0px; width: 100%; border-left: 1px solid white; border-bottom: 1px solid white; border-right: 1px solid white;}
div#listmenu ul li ul li:first-child {border-top: 1px solid white;}
div#listmenu a:hover {color: blue;}
div#listmenu a {display:block; padding:0 6px; text-decoration:none; color: black;}
div#listmenu ul li:hover ul, div#listcontainer ul li ul:hover, div#listmenu ul li ul li:hover  {display:block;}
.logotext {font-style: italic;}

/* Footer */
div#footer {width:730px; float: left; border-top: 1px solid black; margin-right: auto; background-color: white; text-align: center;}
div#footer p {margin: 5px 0px 5px 0px;}
div#footer a {padding: 0px 10px 0px 10px; text-decoration:none; color: black;}

.clearfix:after {content: ".";  display: block; height: 0; clear: both; visibility: hidden;}
/*.clearfix {display: inline-block;}*/   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Default Formatting */
h1 {font-size: 120%;}
h2 {font-size: 110%;}
h3 {font-size: 100%;}
a:link, a:visited {color: black; text-decoration: none;}
a:hover {color: blue; text-decoration: none;}
img {border: 0px;}
