* {margin: 0; padding: 0; border: 0; text-indent: 0}
html, body {background: #fff url(gfx/bg.jpg) repeat-x; text-align: center}
hr {border: 1px solid #0983B9; margin: 10px 0}

/* TOP */
#top {position: relative; width: 960px; height: 270px; margin: 0 auto}
#top .left {width: 250px; height: 250px; margin: 10px 20px 0 20px; float: left}
#top .center {width: 420px; height: 260px; margin: 10px 20px 0 0; float: left}
#top .right {width: 210px; height: 250px; margin: 10px 0 0 0; float: left}

/* MENU1 */
#menu1 {position: relative; width: 960px; height: 30px; padding: 7px 0 3px 0; margin: 0 auto; background: url(gfx/bg_menu1.jpg) repeat-x; text-align: right}
#menu1 ul {list-style-type: none; margin-right: 20px}
#menu1 ul li {display: inline}
#menu1 ul li a {font: bold 15px "Trebuchet MS"; text-decoration: none; margin-left: 4px; color: #fff; padding: 2px 4px; border: 2px solid #0281B8}
#menu1 ul li a:hover {background: #44A2CA}
#menu1 .logo {position: absolute; left: 20px; top: 0; width: 200px; height: 40px}

/* BOX */
#box {position: relative; width: 950px; padding-top: 30px; margin: 0 auto; background: url(gfx/bg_box.jpg) repeat-x top; text-align: left; overflow: hidden}

/* MENU2 */
#box #menu2 {width: 300px; padding-left: 20px; float: left}
#box #menu2 ul {margin: 10px 10px 20px 10px; list-style: none}
#box #menu2 ul li a {font: bold 11px/1.5 Verdana; color: #0983B9; text-decoration: none; margin: 0; padding: 3px 4px; display: block; border-bottom: 1px solid #0983B9}
#box #menu2 ul li a:hover {background: #44A2CA; color: #fff}
#box #menu2 ul ul {margin: 3px 10px 10px 20px; list-style: none}
#box #menu2 ul ul li a {font: 10px/1.5 Verdana; color: #0983B9; text-decoration: none}
#box #menu2 h2 {font: bold 16px/1.5 Verdana; color: #444; margin: 10px}

/* CONTENT */
#box #content {width: 600px; padding-left: 20px; margin-bottom: 20px; float: left}
#box #content h1 {font: bold 20px/1.5 Verdana; color: #444; margin: 10px}
#box #content p {font: 12px/1.5 Verdana; color: #444}
#box #content ul {margin: 10px 20px}
#box #content li {font: 12px/1.5 Verdana; color: #444}

/* FOOT */
#foot {position: relative; width: 960px; margin: 0 auto; height: 22px; padding: 7px 0 3px 0; background: #0281B8; text-align: center; font: 11px/1.5 Verdana; color: #fff; clear: both}
#foot a {color: #fff; font-weight: bold}
#foot a:hover {text-decoration: none}