body {font-family: Verdana, san-serif; font-size: 10px; color: #8c8c8c;}
body {margin-top: 0; margin-left: 124px; background-color: #d1d1d1; background-image: url(../images/bg.gif); 
background-repeat: repeat-y; }
a, a:link {color: gray}
/* wrap */
#wrap {margin: 0px; width: 840px;  }
/* left */
#leftbox {float: left; width: 200px; }
#siteid {height: 200px; background-color: #8c8c8c;}
#siteid img {margin-top: 22px; margin-left: 8px; }
#siteid p {color: #b2b2b2; margin: 8px;}
#submenu {height: 200px; background-color: #b2b2b2;padding-top: 4px; }
#submenu img {display: block; float: left; width: 40px; height: 40px; margin: 4px;}
#submenu a:link {color: #666; text-decoration: none}
#submenu a:hover {text-decoration: underline}
#mark img {margin-top: 14px; margin-left: 50px;}
/* right */
#rightbox {margin-left: 200px;}
#righttop {height: 80px; background-color: #d1d1d1; }
/* need float in winie to close gap between leftbox and divs in rightbox... (ul and lightbox) */
ul#menu {background-color: #666666; float: left; width: 616px; margin: 0 ; padding: 0; border-right: 24px solid #b2b2b2  }
ul#menu li {display: inline; margin-left: 30px; color: #b2b2b2; padding-top: 6px; line-height: 20px; }
ul#menu li a {color: #b2b2b2; text-decoration: none; }
ul#menu li a:hover {text-decoration: underline;}
#lightbox {background-color: #b2b2b2; height: 440px; width: 640px; float: left; }
#lightbox img { border: 0}
/* footer */
#footer {}
#footer p {margin: 6px; margin-top: 12px;text-align: center}
#footer a:link {color: #8c8c8c; text-decoration: none; }
#footer a:hover {text-decoration: underline;}
/* service */
img {border: 0;}
.clear {clear: both;}