body {margin: 0; font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size: 9px; background: #000000 url("images/Ropesmart_background.jpg") no-repeat center top;}
#sub {margin: 0; font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size: 9px; background: #000000 url("images/Ropesmart_background_sub.jpg") no-repeat center top;}
#index {margin: 0; font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size: 9px; background: #000000 url("images/ropesmart_background_index.jpg") no-repeat center top;}


h1 {font-size: 1.1em; color: #ff0; font-weight: bold; text-align: justify; margin-left: 20px; margin-top: 20px; margin-right: 20px;}
h2 {font-size: 0.8em; color: #fff; font-weight: normal; text-align: justify; margin-left: 20px; margin-top: 20px; margin-right: 20px;}
h3 {font-size: 0.7em; color: #f60; font-weight: normal; text-align: justify;margin-left: 20px; margin-top: 20px; margin-right: 20px;}
h4 {font-size: 1.8em; color: #f60; font-weight: bold; text-align: justify; margin-left: 20px; margin-top: 20px; margin-right: 20px;}


p, ul, ol {margin-left: 20px; margin-right: 20px text-align: justify; margin-top: 10px;}
a {text-decoration: underline; border-bottom: 0px dotted #fff; color: #fff;}
a:hover {text-decoration: none; background: none; color: #f60;}

#transparency {filter: alpha(opacity=5); -moz-opacity: .05; background-color:#fff;}

.menu1 {border-left:1px solid #000; border-right:1px solid #000; border-top:0 solid #000; margin:0; height:35px; background:#fff url('images/button1.gif'); position:relative; border-bottom:1px solid #444; list-style-type:none; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#ddd; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 4px;}
.menu1 li.current a {color:#fff; background:url('images/button3.gif');}
.menu1 li.current a b {background:url('images/button3.gif') no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url('images/button2.gif');}
.menu1 li a:hover b {background:url('images/button2.gif') no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url('images/button3.gif'); cursor:default}
.menu1 li.current a:hover b {background:url('images/button3.gif') no-repeat right top;}