body          { word-wrap: break-word; background-color: #c63eac; color: #000; margin: 0; padding: 0 0 10px 0; font-family: arial, Verdana, Tahoma, sans-serif; font-size: 80%; line-height: 1.2em; background-image: url(../img/bg.gif); background-repeat: repeat-x; }


/* ---------- generic ---------- */

a             { color: #fff; text-decoration: underline; }
a:hover       { color: #ff6; text-decoration: none}

.lo           { color: #fff}
.mid          { color: #ffe; font-weight: bold;  }
.hi           { color: #ff6; font-weight: bold }

.small       { font-family: Verdana, Tahoma, sans-serif; font-size: 10px }
.big         { font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 30px; line-height: 1.4em; font-weight: bold}

.keyword    { color: #ff6 }

.img          { background: #FFCCFF; border-width: 2px; border-style: solid; border-color: #fff }
.img_sel      { background: #FFCCFF; border: 2px solid #ff6 }

.img_col       { border-width: 2px 2px 2px 0; border-style: solid; border-color: #fff}


.bracket, .bracket a           { color: #fff; }

.title        { font-size: 20px; line-height: 1.4em; font-weight: bold; }

h1             { line-height: 1.4em }

/* ---------- generic ---------- */

/* ---------- html ---------- */
#wrap           { width: 996px; margin: 0 auto; }
#cont           { color: #fff; }

#top            { height: 135px; background-image: url(../img/top.gif); background-repeat: no-repeat; }
.top1           { padding: 117px 0 0 5px; }

#page           { background-image: url(../img/mainbg.gif); background-repeat: repeat-y; }
#column         { width: 195px; float: left; overflow: hidden; padding-left: 3px; }
#column_cont    { padding: 15px 18px 0 0 }

#main           { width: 792px; float: left; padding-top: 15px; padding-right: 3px; }

#full           { padding: 10px 3px 0 3px }

#foot           { width: 996px; height: 25px; background-image: url(../img/foot.gif); background-repeat: no-repeat; margin: 0 auto; }

#leaderboard    { text-align: center; padding: 10px 0 0 0}

#footer         { width: 996px; margin: 0 auto; padding: 5px 0 0 0  }

.footer_links   { width: 515px; float:left; font-size: 10px; color: #fff; font-size: 11px}
.footer_links a { color: #ff0 }

.footer_banner  { width: 473px; float: left}

/* ---------- html ---------- */


/* ---------- menus ---------- */
#topmenu                { float: left; width: 996px; border-width: 3px 0; border-style: solid; border-color: #fff; background-color: #c842ae; }
#topmenu ul             { padding: 0; margin: 0; color: #fff; float: left; font-family: Lucida sans unicode, arial, helvetica, sans-serif; font-size: 14px; }
#topmenu ul li          { display: inline; } 
#topmenu ul li a        { padding: 0.4em 1em; color: #fff; text-decoration: none; float: left; border-right: 2px solid #c842ae; }
#topmenu ul li a:hover  { background-color: #d66fc3; color: #fff; }
#topmenu ul li a.sel    { color: #ff0; }


.sidemenu                  { margin: 0 0 10px 0; border-width: 1px 1px 0 1px; border-style: solid; border-color: #fcc; width: 180px; }
.sidemenu ul               { margin: 0; padding: 0; list-style-type: none; }
.sidemenu li               { margin: 0; background: #e98bbc; color: #fff; border-bottom: 1px solid #fcc; }
.sidemenu li a             { background-color: #e98bbc; color: #fff; display: block; width: 175px; text-decoration: none; font-weight: normal; padding: 3px 0px 0px 5px; }
.sidemenu li a:hover, .sidemenu li a.sel       { background-color: #d66fc3; }

/* ---------- menus ---------- */


/* ---------- boxes ---------- */

#column .box_head   { color: #fff; font-weight: bold; padding: 0 0 2px 5px; background-image: url(../img/tlap.gif); background-repeat: no-repeat; padding-left: 18px; }
#column .box_cont   { padding: 0 0 10px 0; }

#main .box_head    { color: #fff; background-color: #e98bbc; margin-bottom: 10px; padding: 2px; }

#main .box_cont    { padding: 0 15px 0 0; }	
.box_cont_1        { background: #e98bbc; padding: 10px 0; border-top: 1px solid #fcc; border-bottom: 1px solid #fcc; }
.box_cont_2        { background: #e98bbc; margin: 0 0 20px 0; border: 1px solid #fcc; }

#full .box_head   { color: #ffc; margin: 5px 14px 2px 3px; }

.box_links         { padding: 0 0 10px 5px; line-height: 1.4em }

.list_head        { width: 778px; height: 23px; line-height: 23px; margin-right: 14px; background-image: url(../img/news_head.gif); background-repeat: no-repeat; }
.list_cont        { width: 778px; margin-right: 14px; background-image: url(../img/news_text.gif); background-repeat: repeat-y; }
.list_foot        { width: 778px; height: 23px; line-height: 20px; margin: 0 14px 20px 0; background-image: url(../img/news_foot.gif); background-repeat: no-repeat; }
.d1               { color: #9a1f5f; font-size: 10px; }
.pl10             { padding-left: 10px; }
.pr10             { padding-right: 10px; }
.p10              { padding: 10px; }
                                             
.list_e_wrap    { width: 198px; float: left; overflow: hidden }
.list_e_head    { white-space: nowrap; background: #fff; color: #000; font-weight: bold; margin-right: 14px; text-align: center; padding: 2px 0}
.list_e_cont    { white-space: nowrap; padding-right: 14px}
                                             

.list_f_wrap    { width: 198px; float: left }
.list_f_head    { background: #fff; color: #000; font-weight: bold; margin-right: 14px; text-align: center; padding: 2px 0}
.list_f_cont    { padding: 0}

.result_item      { line-height: 1.4em; margin-bottom: 10px;  }

.warning         { background: #f00; color: #fff; border: 5px solid white; padding: 10px; margin: 0 14px 10px 0}

.line            { background: #f00; color: #fff; border: 1px solid white; padding: 3px 5px; margin: 0 14px 10px 0}

.gallery_list_item { width: 198px; float: left; text-align: center; padding: 0 0 5px 0 }

.simple_f_item   { white-space: nowrap; font-size: 10px; width: 64px;  overflow: hidden; text-align: center; float: left; padding-bottom: 2px }
.simple_e_item   { white-space: nowrap; font-size: 10px; width: 128px; overflow: hidden; text-align: center; float: left; padding-bottom: 4px }                

.staff_item      { padding: 0 0 5px 5px }

.tip_item        { float: left; width: 197px; text-align: center }

.video_bg        { width: 182px; height: 152px; background-image:url('../img/video_bg.gif'); background-color: #000; }
.video_bg img    { margin-top: 11px; margin-left: 1px; border: 0; }

.payment_wrap          { width: 600px; margin: 10px auto; }
.payment_cont          { background-color:#c00; border: 2px solid #fff; color: #fff; padding:10px; text-align: center}


.banner_text        { padding: 0 0 5px 5px; font-size: 11px; line-height: 1.2em  }
.banner_text img    { border-width: 2px; border-style: solid; border-color: #fff; background-color: #6B0005; float: left; margin: 0 5px 0 0 }
.banner_text a      { font-size: 14px; color: #ff0; font-weight: bold }



/* ---------- boxes ---------- */

/* ---------- seekbar ---------- */

.seekbar      { width: 778px; line-height: 18px; color: #fff; text-align: center; margin: 10px 0; }
.seekbar a    { color: #921c59; font-weight: bold; }
.seekbar_left   { float: left; width: 95px; height: 32px; line-height: 32px; }
.seekbar_right  { float: left; width: 95px; height: 32px; line-height: 32px; }
.seekbar_center { float: left; width: 588px; height: 32px; line-height: 32px; background-image: url(../img/seek_center.gif); background-repeat: no-repeat; text-align: center; }
.seekbar img    { border: 0; }

/* ---------- seekbar ---------- */

/* ---------- tables---------- */



/* ---------- tables ---------- */



/* ---------- forms and inputs ---------- */

.form_item       { width: 160px; float: left; padding: 0 0 2px 0}
.form_value      { width: 600px; float: left; padding: 0 0 4px 0 }
.form_value_full { width: 482px; float: left; padding: 0 0 4px 0 }

.selector        { float: left; white-space: nowrap; border-width: 0 1px 1px 0; border-style: solid; border-color: #eaeaea; margin: 0 5px 2px 0; padding: 0 4px 2px 0}


textarea.generic      { width: 500px; height: 100px; overflow: auto }

input, select, textarea   { font-family: Verdana, Tahoma, sans-serif; font-size: 12px; margin: 0; padding: 0}

input.generic, select.generic, textarea.generic   { background: #fcc; border: 1px solid #b62470; }

input.login     { width: 100px; border: 1px solid #404040; font-size: 11px }
input.login_button { margin: 0; padding: 0; background-color: #a00; color: #fff; font-size: 10px  }

input.button    { margin: 0; padding: 0; background-color: #f271b4; color: #000; border: 1px solid #fcc; }


input.tiny           { width: 20px }
input.short          { width: 80px }
input.med            { width: 140px }

input.search         { width: 120px }

select.med           { width: 143px }




/* ---------- forms and inputs ---------- */
.index_header { width: 778px; }