html,body   { color: #000; font: 0.89em/1.45  "Lucida Grande", verdana, helvetica, arial, sans-serif; background: #4c4c4c; margin: 0; padding: 5px 0 }

/* Links
================================================*/
a:link   { color: #938e8e }
a:visited  { color: #505050;  }
a:hover {color: #c03238;  }


h1   { color: #505050; font-size: 1.7em; font-style: normal; font-weight: normal }
	
h2   { color: #505050; font-size: 1.3em; font-style: normal; font-weight: normal }
	
h3  { color: #000000; font-size: 1.3em }

h4 { color: #000000; font-size: 1.1em;  }

.float-left   { padding-right: 15px; padding-bottom: 3px; float: left; clear: left }

.clearfix:after  { visibility: hidden; display: block; height: 2px; clear: both; content: "." }



.box     { background: #f8f5f5 url("borders3.gif") repeat-y 100% 0; padding: 0 12px 0 0 }
.bi     { background: #f8f5f5 url("borders3a.gif") repeat-y; padding: 0 0 0 12px }
.bt   { background: #f8f5f5 url("box3.gif") no-repeat 100% 0; margin: 0 -12px; height: 17px }
.bt div  { background: #f3ecf2 url("box3.gif") no-repeat; width: 18px; height: 17px }
.bb   { background: #f3ecf2 url("box3.gif") no-repeat 100% 100%; margin: 0 -12px; height: 17px }
.bb div     { background: #f8f5f5 url("box3.gif") no-repeat 0 100%; width: 18px; height: 17px }
.box h1  { background: #f8f5f5; margin: 0; padding: 0.3em 10px }
.box h2  { background: #f8f5f5; margin: 0; padding: 0.3em 10px }
.box p, .box ul   { background: #f8f5f5; margin: 0; padding: 0.3em 10px }
.box li {
	margin:0 0 0 2em;
	padding:0;
}


.bl {background: url(nav/bl.gif) 0 100% no-repeat }
.br {background: url(nav/br.gif) 100% 100% no-repeat}
.tl {background: url(nav/tl.gif) 0 0 no-repeat}
.tr   { background: url("nav/tr.gif") no-repeat 100% 0; padding: 20px 20px 15px 21px }
.boxbg    { background-image: url("nav/box-bg.gif"); text-align: left; width: 998px; border-bottom: 1px solid #b3b1b2 }

.boxbg2     { background-color: #fff; text-align: left; width: 998px }

.top-menu      { background-color: #f8f5f5; text-align: right; padding: 3px 10px 1px 3px; width: 985px; border-bottom: 1px solid #b3b1b2 }

.whitebox      { padding: 20px 0 0 15px }


.whitebox2       { padding: 20px 15px 0 }
.whitebox3          { padding: 20px 20px 0 }
.whitebox4 		{ padding: 20px 0 0 15px }
.smalltext { color: #505050; font-size: 0.82em }
.smallboxtext { font-size: 0.85em }

.clearfix {display: inline-block;}  /* for IE/Mac */

	</style>

<!--[if IE]>
<style type="text/css">
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
</style>
<![endif]-->