body{ margin:6px 0; text-align:center; font-family:Arial, Helvetica, sans-serif; background:#828080 url(images/bg.gif) repeat-x; }
#wrap{ margin:0 auto; width:100%; max-width:934px; font-size:0.9rem; text-align:left; background:#fff; }
#wrap img { width:100%; border:none; }
#header{ float:left; width:100%; height:90px; background:url(images/header.jpg) no-repeat; }
#main { float:left; width:100%; padding:10px 0 0 0; background:#fff url(images/gradient.gif) repeat-x; }
#footer { float:left; width:100%; height:54px; padding:0; text-align:center; background:url(images/footer.jpg) no-repeat; }
#footer p { font-size:0.9rem; margin:0; padding-top:15px; }
#footer a { color:#000; }

#maincontent{ float:right; width:74%; padding:0 10px; margin-left:10px; }
#maincontent p{ margin:0; padding:0 0 10px 0; font-size:0.9rem; }
#menu{ float:left; width:21%; text-align:left; font-size:0.8rem; }
#menu ul{ list-style:none; margin:0 0 0 10px; padding:0; }
#menu ul li a{ display:block; width:173px; height:29px; padding:5px 0 0 30px; margin:0 0 2px 0; color:#fff; text-decoration:none; background:url(images/menuitem.jpg) no-repeat; }
#menu ul li a:hover{ background-position:0 -34px; }
#menu ul li a.selected{ background-image:url(images/menuitem-selected.gif); }

#h1 { width:100%% height:25px; padding:6px 0 0 35px; margin:0 0 15px 0; background:url(images/h1bg.gif) no-repeat; }
#h1 h1{ font-size:1.2rem; color:#fff; display:inline; }
#visit{ width:50%; height:28px; font-size:0.9rem; margin:10px auto; padding:5px 0; color:#fff; text-align:center; background:url(images/button.jpg) no-repeat; }
#visit a{ color:#fff; text-decoration:none; }
@media screen and (max-width: 768px){
#visit{width:85%;}
#maincontent{width:100%;}
#menu{width:100%;}
}

a:link { color:#00f; }
a:visited { color:#00f; }
a:hover { color:#00f; }