html {
   	margin:0;
   	padding:0;}

   body {
   	margin:0;
   	padding:0;
      color:#333;
      background-color:#eee;
      text-align:center;
      font-size:11px;
      font-family:Verdana, Arial, Helvetica, sans-serif;}

   .clear {clear:both;}
   .sm {font-size:8px;}
   .red {color:#F00;}
   .lg {font-size:12px;}
   .xl {font-size:14px;}
   .mtm {margin-top:25px;}
   .btm {margin-top:40px;}
   .ntm {margin-top:0;}
   .nbm {margin-bottom:0;}
   .bbm {margin-bottom:20px}
   .blm {margin-left:150px}
   .left {text-align:left;}
   .cntr {text-align:center;}
   .just {text-align:justify;}
   .point img {cursor:pointer;}
   .bi {font-weight:bold; font-style:italic;}

   .member {
      clear:both;
      margin:0px 40px;}
   .member img {float:right;margin:5px;cursor:pointer;}
   .info {padding-top:10px; font-weight:bold;}
   .info h3 {margin-bottom:5px;}
   .info h4 {margin-top:0px; margin-bottom:10px;}
   .card {cursor:pointer; float:right; margin:0 20px;}   .vert img {margin-right:113px;}
   .vertcard {cursor:pointer; float:right; margin:0 20px 20px 20px;}   .vert img {margin-right:113px;}

   .vert img {margin-right:113px;}

   h1 {color:#339; font-size:26px;}
   h2 {color:#339; font-size:18px;}
   h3 {color:#339; font-size:16px; margin:5px 0 10px 0;}
   h4 {color:#339; font-size:14px; margin:5px 0 0 0;}
   p {margin:10px 0; padding:0 20px; text-align:left;}

   table {margin:0 auto; padding:0; width:100%; border:2px solid #369;}
   * html table {width:604px;}  /*** IE5.x/win fix - because it won't remove vert bar ***/
   tr {margin:0; padding:0;}
   tr:hover {background-color:#def;}
   table a:hover {background-color:#def;}
   th {
      margin:0px;
      padding:3px 5px;
      height:24px;
      font-weight:bold;
      text-align:center;
      vertical-align:middle;
      background-color:#9CF;
      color:#339;
      border-bottom:1px solid #369;
      border-right:1px solid #369;}

   td {
      margin:0px;
      padding:3px 5px;
      height:24px;
      cursor:pointer;
      text-align:center;
      vertical-align:middle;
      border-top:1px solid #369;
      border-right:1px solid #369;}

   td:first-child {
      margin:0px;
      font-weight:normal;
      text-align:left;}

   .form {text-align:left;}
   .form table {border:0;}
   .form table tr {background-color:#FFF; border:0;}
   .form table tr th {background-color:#FFF; border:0;}
   .form table tr td {background-color:#FFF; border:0;}

   .wrapper {
      margin:8px auto 0 auto;
      padding:0;
      width:770px;
      text-align:center;
      border:1px solid #999;
      background-color:#fff;}
   * html .wrapper {   /*** IE5.x/win box model fix ***/
      width: 772px;
      wid\th: 770px;}

   #header {
   	margin:0;
   	padding:0;
   	width:770px;
   	height: 100px;
   	border-bottom: 1px solid #999;}
   #header h1 {
      margin:0 auto;
      padding:15px 0 0 0;
      text-align:center;
      font-weight:bold;}

   #content {
      clear:both;
   	float:right;
   	display:inline;
   	/*** height:350px; ***/
   	overflow:auto;
   	margin:0;
   	padding:0;
   	width:610px;
   	border-left: 1px solid #999;}
   #content img {border:1px solid #999;}
   #content a {color:#339;}
   #content a:hover {color:#66F;}


   .clouds {
      background-image:url(images/clouds30b.jpg);}
   * html .clouds {   /*** IE5.x/win fix ***/
      background-position:0 0;}

   #leftcol {
   	width:150px;
   	margin:0;
   	padding:0;}
   #leftcol ul {text-align:left; margin:10px 2px 10px 15px; padding:0;}
   #leftcol li {list-style-type:none; margin:3px 0; padding:0;}
   #leftcol a {text-decoration:none;color:#33F;}
   #leftcol a:hover {text-decoration:none; font-weight:bold;}
   #leftcol a .bullet {color:#000;}
   #leftcol a:hover .bullet {color:#C00;}
   #leftcol img {margin:auto; text-align:center; padding-left:5px;}

   #footer {
   	clear:both;
   	margin:0;
   	text-align:center;
   	font-size:10px;
   	padding:0;}
   #footer p {
      margin:10px;
      padding:0;
      text-align:center;}
   #footer a {color:#369;}
   #footer a:hover {font-weight:bold;}