/* CSS Document */
html {height: 100%;}
body {margin: 0px; padding: 0px; background: #ffffff url(siteart/bkg_body.jpg) repeat-x top; font-family: Arial, san-serif;}
#saran {margin: auto; padding: 0px; width: 800px;}
#head {margin: 0px; padding: 0px; width: 800px; height: 215px; float: left;}
.home {background: url(siteart/bkg_head.jpg) no-repeat top center;}
.guide {background: url(siteart/bkg_head2.jpg) no-repeat top center;}
.spon {background: url(siteart/bkg_head3.jpg) no-repeat top center;}
.band {background: url(siteart/bkg_head4.jpg) no-repeat top center;}
.vol {background: url(siteart/bkg_head5.jpg) no-repeat top center;}
.benefit {background: url(siteart/bkg_head6.jpg) no-repeat top center;}
#mast {margin: 0px; padding: 0px; width: 800px; height: 65px; float: left; background: none;}
#banner {margin: 0px; padding: 0px; width: 800px; height: 150px; float: left; background: none;}
#nav {margin: 0px; padding: 0px; width: 800px; height: 25px; float: left; background: #435608; text-align: center; text-transform: lowercase;}
#nav ul {margin: 0; padding: 0px 20px 0px 0px; list-style-type: none;}
#nav li {display: inline; margin: 2px; line-height: 25px;}
#nav li a {padding: 3px 7px 3px 7px; color: #ffffff; background: #435608; font-weight: bold; text-decoration: none;}
#nav li a:hover {color: #435608; background: #ffffff;}
#nav li a.active {color: #435608; background: #ffffff;}
#subnav {margin: 0px; padding: 0px; width: 800px; height: 20px; float: left; background: url(siteart/bkg_subnav.jpg) no-repeat bottom center; text-align: center; text-transform: lowercase; font-size: 12px;}
#subnav ul {margin: 0; padding: 0; list-style-type: none;}
#subnav li {display: inline; margin: 0px 2px 0px 2px; line-height: 20px;}
#subnav li a {padding: 0px 7px 0px 7px; color: #999999; font-weight: bold; text-decoration: none;}
#subnav li a:hover {color: #333333;}
#left {margin: 0px; padding: 25px 0px 0px 0px; width: 160px; height: 200px; float: left; background: none;}
#content {margin: 0px; padding: 0px; width: 450px; height: auto; float: left; background: none;}
#right {margin: 0px; padding: 25px 0px 0px 0px; width: 180px; height: 200px; float: left; background: none;}
#footer {margin: 20px 0px 0px 0px; padding: 10px; width: 778px; height: auto; float: left; background: url(siteart/bkg_mod.jpg) repeat-x bottom; border: #999999 solid 1px; border-top: none;}
h1 {margin: 0px; padding: 0px 10px 5px 10px; color: #435608; font-size: 20px; Font-family: Georgia, "Times New Roman", Times, serif;}
h1 span {font-size: 10px; color: #FF0000; font-family: Arial, Helvetica, sans-serif;}
h2 {margin: 0px; padding: 4px 20px 4px 4px; font-size: 14px; color: #ffffff; background: #435608 url(siteart/bkg_h2.gif) no-repeat right center;}
h3 {margin: 0px; padding: 4px; font-size: 14px; color: #435608; text-align: left; border-bottom: #999999 solid 1px; border-left: #999999 solid 1px;}
h4 {margin: 5px; padding: 0px; color: #999999; text-align: right; font-size: 14px;}
h4 span {font-size: 12px;}
h5 {margin: 5px 0px 0px 0px; padding: 0px; font-size: 16px; color: #435608; text-align: left;}
h6 {margin: 30px 0px 0px 0px; padding: 4px; font-size: 14px; color: #435608; text-align: left; border-bottom: #999999 solid 1px; border-right: #999999 solid 1px;}
img {border: none;}
#text .prof {float: left; margin: 0px 10px 10px 0px;}
a {color: #435608; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: undeline; color: #8AA637;}
form {padding: 5px;}
label {font-size: 12px; color: #666666; clear: both;}
label span {margin: 2px; font-size: 10px; color: #888888;}
input {margin: 3px 0px 5px 0px; padding: 2px; width: 150px; border: #888888 1px solid; font-size: 11px; color: #777777; font-family: "Courier New", Courier, monospace;}
select {margin: 3px 0px 5px 0px; padding: 2px; width: 150px; border: #888888 1px solid; font-size: 11px; color: #777777; font-family: "Courier New", Courier, monospace;}
input.button {margin: 5px; width: 70px; background: #435608; color: #ffffff; font-family: Arial, Helvetica, sans-serif;}
input.button:hover {color: #435608; background: #ffffff;}
textarea {padding: 5px; width: 140px; height: 200px; font-size: 11px; color: #777777; font-family: "Courier New", Courier, monospace;}
#left img {opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}
#left img:hover {opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;}
#text {margin: 25px 0px 0px 0px; padding: 0px 10px 25px 10px; width: auto; border-left: #999999 solid 1px; border-right: #999999 solid 1px;}
#content p {margin: 0px; padding: 5px 10px 5px 10px; font-size: 12px; color: #666666;}
#right p {margin: 0px; padding: 5px 10px 5px 10px; font-size: 12px; color: #333333;}
#banner img {margin: 23px 0px 0px 10px;}
#footer p {margin: 0px; padding: 0px; color: #999999; font-size: 10px;}
#testimonial {margin: 0px 0px 20px 0px; padding: 0px; width: 150px;}
#testimonial p {margin: 0px; padding: 5px; color: #999999; font-style: italic; font-size: 12px; text-align: right; line-height: 18px; border-bottom: #999999 dashed 1px; border-top: #999999 dashed 1px;}
#vital {margin: 25px auto 0px auto; padding: 0px; width: 395px; background: #435608 url(siteart/bkg_vital.jpg) no-repeat top center;}
#vital p {margin: 0px; padding: 5px; font-size: 12px; color: #ffffff; text-align: center; font-weight: bold;}
#thumb {margin: 5px 2px 2px 2px; padding: 2px; width: 412px; height: auto; border: #dddddd solid 1px;}
#thumb:hover {border: #999999 solid 1px;}
#thumb img {margin: 5px 5px 0px 5px; padding: 0px; float: left;}
#thumb p {font-weight: normal; margin: 0px;}
#content .benshow {margin: 5px 2px 2px 2px; padding: 2px; width: 412px; height: auto; border: #dddddd solid 1px;}
#content .benshow:hover {border: #999999 solid 1px;}
#content .benshow img {margin: 5px 5px 0px 5px; padding: 0px; float: left;}
#content .benshow p {font-weight: normal; margin: 0px;}
#mod {margin: 0px 0px 0px 0px; padding: 0px; width: 195px; height: auto; background: url(siteart/bkg_mod.jpg) repeat-x bottom; border: #999999 solid 1px;}
#mod.r {width: 188px; border-left: none;}
#mod.r p {font-size: 12px; color: #555555; border: none; line-height: 15px; text-align: left; margin: -5px;}
/* Lists, Its all about Lists */
#left ul {list-style: none; margin: 0; padding: 0px; border: none; font-size: 12px; color: #555555;}
#left li {margin: 0px; display: inline;}
#left li a {padding: 0px; color: #435608; text-decoration: none; width: auto; font-weight: bold;}
#left li a:hover {color: #333333;}
#text ul {list-style: none; margin: 0; padding: 0px; border: none; font-size: 12px; color: #555555; text-align: center;}
#text li {margin: 0px; display: inline;}
#text li a {padding: 0px; color: #435608; text-decoration: none; width: auto; font-weight: bold;}
#text li a:hover {color: #333333;}
#con_list {margin: 25px 0px 0px 0px; padding: 0px 10px 25px 10px; width: auto; border-left: #999999 solid 1px; border-right: #999999 solid 1px;}
#con_list ul {margin: 0px 20px 10px 20px; padding: 0px; list-style-type: none; text-align: left; font-size: 12px; color: #555555;}
#con_list li {display: block; margin: 5px;}
#mod.r ul {list-style: none; margin: 0; padding: 10px; border: none; text-align: center;}
#mod.r li {margin: 0px; display: inline; border-bottom: #999999 dashed 1px; line-height: 30px;}
#mod.r li a {margin: 5px 0px 5px 0px; padding: 5px; color: #435608; text-decoration: none; width: auto; font-weight: normal;}
#mod.r li a:hover {color: #333333;}
#modul {margin: 0px; padding: 0px; width: auto; font-size: 13px; text-align: left;}
#modul ul {list-style: none; margin: 0; padding: 10px; border: none;}
#modul li {margin: 0px 6px 0px 4px;}
#modul li a {display: block; padding: 2px 0px 2px 0px; color: #435608; text-decoration: none; width: 100%; border-bottom: #999999 dashed 1px; font-weight: normal;}
#modul li a:hover {font-weight: bold;}
#news {margin: 0px; padding: 0px; width: auto; font-size: 13px; text-align: left;}
#news ul {list-style: none; text-indent: 10px; margin: 0; padding: 10px; border: none; color: #435608;}
#news li {display: block; margin: 2px 0px 2px 0px;}
#news li.more {text-align: right; font-weight: bold; text-decoration: none; margin: 5px;}
#news li.more:hover {text-decoration: underline;}
#news li span {font-weight: bold;}
#tier ul {margin: 0px; padding: 10px; list-style-type: none; text-align: left;}
#tier li {display: block; padding: 3px;}
#line {margin: 0px; padding: 0px; width: auto; font-size: 13px; text-align: left;}
#line ul {list-style: none; margin: 0; padding: 10px; border: none;}
#line li {margin: 0px 6px 0px 4px;}
#line li a {display: block; padding: 2px 0px 2px 0px; color: #435608; text-decoration: none; width: 100%; border-bottom: #999999 dashed 1px; font-weight: normal;}
#line li a:hover {font-weight: bold;}
#line a.active {background: #435608; color: #ffffff; font-weight: bold;}
#press ul {margin: 0px; padding: 10px; list-style-type: none; font-size: 11px; color: #666666;}
#press li {display: block; text-indent: 10px; margin: 0px 3px 0px 1px; padding: 3px; border-bottom: #bbbbbb 1px dashed;}
#press li a {padding: 3px 0px 3px 0px; color: #435608; text-decoration: none; width: 100%; font-weight: normal;}
#press li a:hover {font-weight: bold;}
/* Classic */
.left {float: left;}
.right {float: right;}
#char {margin: 25px 10px 5px 1px; padding: 0px; float: left; width: 160px;}
#char p {margin: 0px 0px 0px 5px; padding: 0px; font-size: 11px; color: #888888; text-align: justify;}