/* %%%%%%%%% General %%%%%%%%%%% */
html, body, form, ul,li, h1,h2,h3 { margin:0; padding:0; }
ul, ol { list-style:none; }
a { color:#666; text-decoration:underline; }
a:hover { color:#9657a5; }
a, a img { border-style:none; outline:none; }

.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }
.vm { vertical-align:middle; }
.tac { text-align:center; }
.tar { text-align:right; }
.taj { text-align:justify; }
.tal { text-align:left; }

body { background:#666666; }
body, table { font:normal 11px Arial,Tahoma,Helvetica,sans-serif; color:#666; text-align:left; }

#main { width:997px; margin:15px auto; background:url(images/pagebg.gif) repeat-y; }

#topHeader { height:278px; background:url(images/topheader.jpg); }
#topHeader h1 { float:left; padding:53px 0 0 62px; }
#topHeader h1 a { display:block; height:70px; width:563px; text-indent:-9999px; }
#topHeader .fr { width:115px; padding:36px 40px 0 0; }
.loginBox { text-align:center; }
.loginBox p { margin:0 0 3px 0; }
.loginBox .inputbox { width:110px; }
.button { border:0; }
.boxspace { height:34px; }
.forgot { margin:20px -17px 0 -15px; }

#midPart { padding:0 27px 25px 27px; }
.midImg { width:803px; margin:auto; }
.midImg .flash { background:url(images/mid-flashbg.gif) repeat-y left; }

#footer { color:#fff; font-size:12px; padding:27px 20px 10px 20px; text-align:right; background:url(images/footertop.gif) no-repeat top #666; }

.inputbox { color:#666; font:normal 11px Arial, Helvetica; background:#FFFFFF; border:1px solid #b3b3b3; }