html { margin:0; padding:0; }  /*light gray text #666666;  gold 999966 ; menu dark maroon #663366 hover pink 990099*/
body { width:auto; height:auto; text-align:left; margin:0; padding:0; }
#container { width:900px; height:auto; margin:auto; position:relative; }
#content { width:900px; height:auto; color:#330033; font:14px Helvetica, Arial, sans-serif; }
p { margin-top:6px; margin-bottom:9px; }
.in, #menus { width:860px; margin:0 20px; }
img { border:none; }
h1 { font:bold 16px Helvetica, Arial, sans-serif; text-align:center; color:#663366; padding:0 12px 0 5px; }
h2 { font:bold 15px Helvetica, Arial, sans-serif; color:#330033; padding-top:4px; margin:0; }
h3 { font:16px Helvetica, Arial, sans-serif; padding-top:0px; margin:0; color:#990099; }
#pageheader {	width:900px; height:80px; margin:auto; margin-bottom:15px; }
#logo { width:158px; height:46px; background:white url(../img/gr/logo-caterhawaii.gif) no-repeat left top; position:absolute; top:11px; left:1px; }
#logotext { width:566px; height:20px; font:bold 15px Helvetica, Arial, sans-serif; color:#6d6e73; position:absolute; top:61px; left:307px; text-align:center; letter-spacing:5px; }
#bannerbox { width:600px; height:25px; position:absolute; top:23px; left:246px; }
.banner { font:bold 19px Helvetica, Arial, sans-serif; color:#663366; text-align:center; }
#topnav { width:900px; height:21px; position:absolute; top:58px; background-color:#999966; text-align:center; padding-top:2px; }    
#topnav a { font:bold 15px Helvetica, Arial, sans-serif; color:#663366; text-decoration:none; }
#topnav a:hover {	color:#990099; text-decoration:none; }
#topnav a.selected { color:white; text-decoration:none; }
#droppmenudiv { position:absolute; border:1px solid #015998; border-bottom-width:0; font:bold 12px Helvetica, Ariel, sans-serif; line-height:18px; z-index:100; }
#dropmenudiv { position:absolute; border:1px solid #663366; border-bottom-width:0; font:bold 12px Helvetica, Ariel, sans-serif; line-height:18px; z-index:100; }
#dropmenudiv a { width:100%; display:block; text-indent:10px; border-bottom:1px solid #663366; padding:1px 0; text-decoration:none; color:#663366; }/*015998*/
#dropmenudiv a:hover { background-color:#999966; color:white; }
.gold { color:#999966; }
#fullcol { color:#330033; line-height:1.2em; }
#textcol { width:443px; height:auto; float:left; padding:0 20px; }
#textcol-hm { width:533px; height:510px; float:left; line-height:1.4em; margin-top:10px; }
#textcol-hm h1, #imagecol-hm h1 { text-align:left; padding:0; margin:0; }
#imagecol { width:400px; height:auto; margin-left:15px; float:left; }
#imagecol-hm { width:342px; height:457px; margin-left:15px; float:right; margin-top:10px; }
.handcursor { cursor:hand; cursor:pointer; }
.PlusMinus { font-family:monospace; font-weight:normal; color:#666666; font-size:8pt; margin-right:8px; border:1px solid #cccccc; padding:0 1px; }
.topic { margin:4px 0px 6px 0px; }
div.diHeadingRow{ text-align:left; margin:8px 0px 0px 0px; }
a.diHeading{ text-decoration:none; font-weight: normal; font-size:12pt; }
a.diHeading:hover{ text-decoration:underline; }
span.diPlusMinus { font-family:monospace; font-weight:normal; color:rgb( 102,102,102 ); font-size:8pt; margin-right:8px; border:1px solid rgb( 204,204,204 ); padding:0px 1px 0px 1px; }
div.diContent{ display: block; margin:4px 0px 6px 34px; text-align:left; } /*none*/
.diContentBkgOn{  background-color:rgb( 235,235,235 ); }
div.menu{ display:none; z-index:20000; }
div.topic{ margin:4px 0px 6px 0px; }
ol.diList{ margin:0px 0px 0px -15px; }
ul.diList{ margin:0px 0px 0px -15px; }
li.diList{ margin:2px 0px 2px -10px; }
#leftcol { width:492px; height:auto; float:left; font-style:italic; }
#rightcol { width:669px; height:auto; margin-left:20px; float:left; } /*684*/
#gallery { width:858px; height:auto; float:left; text-align:center; color: #6d6e73; font:13px Helvetica, Ariel, sans-serif; letter-spacing:1px; line-height:1.3em; padding:20px; } 
#gallerytext { width:860px; margin:0 20px; }
.pause { font:11px Helvetica, Ariel, sans-serif; color:#999999; margin-top:0px; }
.heading { width:100%; height:auto; margin-bottom:10px; }
.heading h1 { font:normal 24px Helvetica, Arial, sans serif; text-align:center; color:#663366; margin:0; padding:0; }
.gallerypic { width:auto; height:190px; text-align:center; }
#slideshow { width:100%; height:auto; float:left; text-align:center; }
.slideshow { float:left; margin-right:10px; margin-bottom:10px; } 
.slideshow img { width:100px; height:100px; } 
#thumbs { width:900px; height:auto; margin-top:10px; float:left; text-align:center; }
#about { width:602px; height:auto; float:left; font-style:italic; line-height:1.4em; padding:10px; border:1px solid #999999; }
.right { float:right; font-size:10px; margin:0; }
#contact { width:494px; height:550px; float:right; line-height:1.4em; text-align:left; padding:10px; border:1px solid #999999; }
#home { margin:auto; text-align:center; }
#message-404 { width:444px; height:607px; font-size:15px; float:right; padding:30px; line-height:2.1em; text-align:left; color:#663366; border:1px solid #663366; }
#message-404 h1 { color:#663366; }
#message-404 img { margin-left:122px; margin-top:15px; } 
#message-404 h1, #thanks h1, #exhibits h1, #contact h1 { font-size:22px; }
#art { float:left; }
a:link, a:visited { color:#015998;; text-decoration:none; }
a:hover {	color:#990099; text-decoration:underline; }
.selected { color:black; font-weight:bold; text-decoration:none; }
#footer { width:900px; height:60px; margin-top:13px; float:left; clear:both; text-align:center; color:#666666; }
#copyright { width:898px; height:17px; font:12px Helvetica, Arial, sans-serif; padding-top:7px; }
#footnav { width:900px; height:20px; padding-top:5px; background-color:#999966; }
#footer a:link, #footer a:visited { font:bold 15px Helvetica, Arial, sans-serif; color:#663366; text-decoration:none; } 
#footer a:hover { color:#990099; text-decoration:none; } 
#footer a.selected { color:white; text-decoration:none; }