/*
Stylesheet for Shaolin Wahnam England website
*/

body {text-align: center; margin: 0; padding: 0; font-family: verdana; font-size: 11px; padding-top: 15px;}
#frame {position: relative; width: 770px; background-color: #FFF6CC; margin: auto; text-align: left; padding-top: 18px;}
#logo {position: absolute; left: 335px; top: 5px;}
#header {background: url("../images/bg_header.jpg") no-repeat;}
#header_text {padding-top: 68px; text-align: center}
#footer {margin-top: 15px; margin-left: 8px}
#images {float: right; background: url("../images/background3.jpg") no-repeat; width: 290px; margin-right: 4px; margin-top: 10px; height: 410px;}

#nav_home {position: absolute; left: 10px; top: 50px;}
#nav_classes {position: absolute; left: 80px; top: 50px;}
#nav_shaolinarts {position: absolute; left: 215px; top: 50px;}
#nav_shaolinwahnam {position: absolute; left: 420px; top: 50px;}
#nav_contact {position: absolute; left: 620px; top: 50px;}

#nav_sub {border: solid 2px #F7EBB5; width: 138px; margin-top: 10px; margin-left: 6px; background: #fff url("../images/subnav.jpg") no-repeat; height: 250px;}
#nav_sub div {padding: 10px;}
#nav_sub ul {margin: 0; padding: 0;}
#nav_sub ul li {margin: 0; padding: 0; margin-bottom: 10px; list-style-type: none;}
#nav_sub ul li a {color: #999933; font-weight: bold; text-decoration: none}
#nav_sub ul li a:hover {text-decoration: underline}
#nav_sub ul li.on a {color: #CC9D5A; text-decoration: underline}

#breadcrumb {font-size: 10px; margin-bottom: 20px; color: #666}
#home {border: solid 2px #E1C6A6; width: 755px; background-color: #FDFEF8; margin-left: 6px; margin-top: 10px; margin-bottom: 10px;}
#home div.padding {padding: 10px;}
#home p {margin-bottom: 8px}
#main {float: right; border: solid 2px #F7EBB5; width: 606px; background-color: #FDFEF8; clear: both; margin-right: 3px; margin-top: 10px;}
#main div.padding {padding: 10px;}
#home_middle {width: 110px; float: left; border-left: solid 2px #FAF4D4; border-right: solid 2px #FAF4D4; padding-left: 14px; padding-right: 14px; margin-right: 16px;}

h1 {font-size: 16px; color: #999933; margin: 0; padding: 4px 0px 4px 8px; margin-bottom: 3px; background-color: #f5f5f5;}
h2 {font-size: 12px; color: #BC8342; margin: 0; padding: 0; margin-bottom: 12px; padding-top: 5px;}
h3 {font-size: 11px; color: #777; margin: 0; padding: 0; margin-bottom: 12px; padding-top: 5px;}
p {margin: 0; padding: 0; margin-bottom: 15px; line-height: 16px;}
hr {border: 0; color: #F4E59D; background-color: #F4E59D; height: 1px; margin-bottom: 8px;}
a {color: #999933; text-decoration: underline; font-weight: normal;}
a:hover {text-decoration: underline}
ul {margin-left: 20px;}
li {margin-bottom: 5px; line-height: 16px;}
form {margin: 0; padding: 0;}
input {font-size: 11px; border: solid 1px #999934; }
strong {color: #666}

div.home_box {border: solid 2px #FAF0C0; background-color: #FFF9DB; width: 172px; float: left; margin-right: 10px;}
div.home_box div.padding {padding: 5px;}
p.date {color: #DFD1A3;}
a.archive {font-weight: bold}
ol.laws li {font-weight: bold; margin-bottom: 15px; color: #bc8342}
p.caption {color: #bc8342; font-size: 10px; margin-top: 5px; font-style: italic}
.important {color: #f00; font-weight: bold;}

div.section {border: solid 2px #FAF0C0; background-color: #fff; width: 260px; margin-right: 10px; margin-bottom: 15px;}
div.section div.padding {padding: 5px;}

ul.newsletter {margin: 0; padding: 0}
ul.newsletter li {color: #333; list-style: none; margin: 0; padding: 0; margin-bottom: 25px;}
ul.newsletter img {float: left; margin-right: 15px;}