@charset "UTF-8";
/* CSS Document */

* {margin:0px; padding:0px;}

body {font:11px Verdana, Arial, Helvetica, sans-serif; color:#000000;}

h3 {text-align:center; font:20px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; padding:30px 15px 30px 0px;}

h4 {text-align:center; font:16px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; padding:5px 15px 25px 0px;}

a {}
/* need to put a effect in this order (link, visited, hover) so the hover will occure even the link has been visited */
a:link {color:#000000;}

a:visited {color:#008F00;}

a:hover {color:#999999;}


ul {margin:0px; padding:0px; list-style-type:none;}

.clear {clear:both;}

#container {margin:0px 0px; width:655px; height:480px; padding:120px 180px 50px 180px; background:url(base.jpg) no-repeat;}

#content {width:655px; height:360px; text-align:left;}

.title {margin:0px; padding:8px 5px 2px 4px; display:block; font:12px Verdana, Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold;}

#navLeft {float:left; width:320px; padding-right:20px;}

#navRight {float:left; width:315px;}

#navLeft ul ul li {margin:0px; padding:0px;}

#navLeft ul ul li a {padding:2px 2px 2px 20px; display:block; font:11px Verdana, Arial, Helvetica, sans-serif;}

#navRight ul ul li {margin:0px; padding:0px;}

#navRight ul ul li a {padding:2px 2px 2px 20px; display:block; font:11px Verdana, Arial, Helvetica, sans-serif;}







#footer {margin-top:0px; width:1015px;}