html { width:100%; height:100%; margin:0; }
body { width:100%; height:100%; margin:0; background-color:#003399;
       font-family:verdana,san-serif; font-size:12px; }

#mainContent { position:relative; top:0px; left:0px; width:765px; z-index:1;
               margin:10px auto; border:double 6px #ff0000; background-color:#fff; }


 #box1 { background-color:white; color:white; font-size:14px; }
 #box2 { background-color:white; margin-left:5px; padding:3px; }

 #menuContainer { position:absolute; top:0px; left:0px; width:150px; height:100%; margin:4px; background-color:#fff; }


 .nmenuBox { padding:0px; border-width:2px 1px 2px 1px; border-style:solid; border-color:green;
            font-family:garamond,times,serif; font-size:16px; color:white; font-weight:bold; }

 .nmenuBox  p { background-color:lightblue; margin:0; padding:3px 1px; }
 .nmenuBox  a { color:white; text-decoration:none; margin:0px; padding:0px 4px; }
 .nmenuBox  a:link { color:white; }
 .nmenuBox  a:visited { color:white; }
 .nmenuBox  a:hover { color:green; background-color:white; }
 .nmenuBox  a:active { color:white; }

 .menuBox { margin-left:20px; padding:0px;
            font-family:garamond,times,serif; font-size:18px; font-weight:bold; border-left:solid 2px black; }
 .menuBox  a { display:block; color:black; text-decoration:none; margin:0px; padding:0px 4px; }
 .menuBox  a:link { color:black; }
 .menuBox  a:visited { color:black; }
 .menuBox  a:hover { color:white; background-color:red; }
 .menuBox  a:active { color:black; }


 #toptable { padding:0px; }
 #toptable p { padding:0px; }
 #toptable img { padding:0px; }

 #topPhone { font-size:32px; font-weight:bold; color:red; }

 #contentContainer { position:absolute; top:0px; left:150px; width:610px; height:100%; margin:4px;
                     border-left:dotted 2px black; 
                     background:url('images/floorplan.jpg'); background-repeat:no-repeat; }

 #contentBox { position:relative; top:300px; left:90px; padding:12px; width:460px; z-index:2; background-color:lightyellow; border:solid 1px blue;
               font-family:verdana,arial,helvetica,sans-serif; font-size:13px;  filter:alpha(opacity=90); -moz-opacity:0.9; }
 #contentTextBox { position:relative; top:300px; left:110px; background-color:goldenrod; padding:8px; width:450px; z-index:3;
               font-family:verdana,arial,helvetica,sans-serif; font-size:12px;  filter:alpha(opacity=100); -moz-opacity:1.0; }

 #topTitleBox { position:absolute; z-index:2; width:650px; height:230px;
                top:20px; left:80px; border:solid 3px orange; }
 #backCyanBox { position:absolute; z-index:2; width:140px; height:230px; background-color:cyan; filter:alpha(opacity=80); -moz-opacity:0.8; }
 #h1BGBox { position:absolute; top:30px; z-index:3; width:100%; height:80px; background-color:#e0e0e0; filter:alpha(opacity=80); -moz-opacity:0.8; }
 #h1Box { position:absolute; top:35px; left:6px; z-index:3; width:100%; height:40%; font-family:garamond,script,serif; }

 #footermain { position:absolute; bottom:0px; height:20px; font-size:8px; }

h1 { margin:2px 2px 20px 2px; font-size:24px; }
h2 { margin:2px 2px 20px 2px; font-size:18px; }


#homeimg { margin:1px 2px; }
#aboutimg { margin:1px 2px; }
#contactimg { margin:1px 2px; }


/* in CSS3 it will be opacity:<alphavalue from .0 to 1.0>; */
.opacity100 { filter:alpha(opacity=100); -moz-opacity:1.0; }
.opacity90 { filter:alpha(opacity=90); -moz-opacity:0.9; }
.opacity80 { filter:alpha(opacity=80); -moz-opacity:0.8; }
.opacity70 { filter:alpha(opacity=70); -moz-opacity:0.7; }
.opacity60 { filter:alpha(opacity=60); -moz-opacity:0.6; }
.opacity50 { filter:alpha(opacity=50); -moz-opacity:0.5; }
.opacity40 { filter:alpha(opacity=40); -moz-opacity:0.4; }
.opacity30 { filter:alpha(opacity=30); -moz-opacity:0.3; }
.opacity20 { filter:alpha(opacity=20); -moz-opacity:0.2; }
.opacity10 { filter:alpha(opacity=10); -moz-opacity:0.1; }
.opacity0  { filter:alpha(opacity=0);  -moz-opacity:0.0; }

.stdtext { font-family:verdana,helvetica,sans-serif; font-size:12px;
           color:black; text-align:justify; }
.smalltext { font-family:verdana,helvetica,sans-serif; font-size:9px;
           color:black; text-align:justify; }
.boldtext { font-weight:bold; }

.bordered { border:solid 1px black; }
.unbordered { border:solid 1px white; }

/* gallery CSS settings */
.gallerytable { border-collapse:collapse; border:solid 1px black; background-color:lightyellow; }
.gallerytable img { margin:4px; padding:6px; background-color:white; border-style:solid; border-width:0px 2px 1px 0px; border-color:black; }

.categorytable { border-collapse:collapse; border:solid 1px black; background-color:pink; }
.categorytable img { margin:4px; padding:6px; background-color:white; border-style:solid; border-width:1px 2px 2px 1px; border-color:#c0c0c0 black black #c0c0c0; }

.imagetable { background-color:lightblue; border-collapse:collapse; border:dotted 2px gold; }
.imageTitle { margin:2px; }
.imageArtist { font-size:10px; color:red; font-weight:bold; }

.imagebox { border-collapse:collapse; }
.imagebox img { padding:4px; background-color:white;
                border-color:#e0e0e0 #404040 #404040 #e0e0e0; border-width:1px; border-style:solid; }

.formTable { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:black; }
.formTable input,textarea { font-family:verdana,arial,helvetica,sans-serif; font-size:9px; color:black; }