body, html { height:100%;text-align:center;font-family: Arial ,Verdana, Helvetica, sans-serif;font-size:12px;line-height:17px;background: url(../images/bg.png) repeat-x #2f0913;margin:0;padding:0;color:#333;text-align:center;} 
body *,html *{font-family: Arial ,Verdana, Helvetica, sans-serif;  color:#000;} 


#tat_table *{color:#fff!important;}

li{margin-bottom:4px;}

#container { margin:0 auto; width: 950px; text-align:left;} 
#center { margin-left: 60px;}

/* HEADER AREA */
#headArea { width: 913px; height:231px; background: url(../images/headShadowLeft.png) no-repeat top left; padding-left: 13px; }
#headArea img { float: left; }
#headArea #logoBox { width:261px; height:213px; float: left; background: #fff; }
#headArea #logoBox img { margin-top: 25px; }
#headRight { background: url(../images/headShadowRight.png) no-repeat top right; float: right; padding: 5px 12px 0px 0px; } 
#menuArea { float: left; width: 640px;}



/* BODY AREA */
#bodyTop { float:left;background: url(../images/contentTop.gif) repeat-x #fff; width: 950px; }
	#whiteHeading { width: 910px; background: url(../images/gradientWhite.gif) repeat-x #fff; height: 66px; padding-left: 15px; border-bottom: 2px #ccc solid; margin-bottom: 25px; }
	#whiteHeading strong { float:left; background: url(../images/symbolWhite.gif) no-repeat; font-size: 19px; line-height: 66px; display: block;  width: 550px; color: #777; padding-left: 70px; margin-left: 23px;}
	.whiteHeadingLeft {float:left;width:470px;background: url(../images/gradientWhite.gif) repeat-x #fff; height: 66px; padding-left: 15px; border-bottom: 2px #ccc solid; } 
	.whiteHeadingLeft strong {background: url(../images/symbolWhite.gif) no-repeat; font-size: 19px; line-height: 66px; display: block;  width: 300px; color: #777; padding-left: 70px; margin-left: 23px;}
	.whiteHeadingRight {float:right;width:440px;background: url(../images/gradientWhite.gif) repeat-x #fff; height: 66px;padding-left: 15px;border-bottom: 2px #ccc solid; } 
	.whiteHeadingRight strong {background: url(../images/symbolWhite.gif) no-repeat; font-size: 19px; line-height: 66px; display: block;  width: 300px; color: #777; padding-left: 70px; margin-left: 8px;}
	#menuSecondary { float:right; margin: 4px 25px 15px 0px; line-height: 66px; width: 190px; color: #dddddd; text-align: right;}
	#menuSecondary a { color: #ffffff; } #menuSecondary a:hover { color: #333333; }
	#whiteHeading #menuSecondary a { color: #bbbbbb; } #whiteHeading #menuSecondary a:hover { color: #999999; }

#bodyArea { float:left;background:#fff;width: 950px; border-bottom: 2px #000 solid; padding-bottom: 35px;}
#contentArea { margin: 0px 108px 25px 108px; }
#left { float:left; width: 455px; } #right { float:right; width: 455px; }
.more { color: #666; } #left .more { line-height: 2em; padding-left: 3px;} #right .more { line-height: 3em; padding-left: 3px;}

.leftContent {float: left; width:400px; padding: 15px 45px 15px 35px; }
#joiningContent {float: left; width: 394px;  padding: 15px 35px 15px 21px; }

/* FORM ELEMENTS*/
.static a { color: #666;}
.enqFull { width: 420px;}
.fieldfloat { float:left; width: 375px; margin-bottom: 8px; }
.fieldfloat .enqLeft { float: left; width: 125px; }
.fieldfloat input { float: left; width: 200px; border: #c4c4c4 1px solid; border-top: #c4c4c4 2px solid; height: 18px;}
.enqRight input { border: #c4c4c4 1px solid; border-top: #c4c4c4 2px solid; height: 18px;}
.inDiv textarea { border: #c4c4c4 1px solid; border-top: #c4c4c4 2px solid;}
#capimg {float:left;}
#capimg img { float: left; margin-left: 2px; border: solid 2px #c4c4c4;} 
#capimgForm {float:left; margin-left: 15px;}
#capimgForm input { border: #c4c4c4 1px solid; border-top: #c4c4c4 2px solid; height: 18px; margin-bottom: 10px; width: 125px;}
#loginContent { float: left; padding: 25px 25px 35px 25px; width: 394px; } 
.inputTitle { margin-top: 5px; font-weight: bold; float: left; }
.field input { border: #c4c4c4 1px solid; border-top: #c4c4c4 2px solid; height: 19px; float: left; margin: 1px 12px 0px 6px; padding: 2px 0px 0px 5px;}
#login { float: left; border: 0; background: url(../images/login.jpg) no-repeat; height: 24px; padding-left: 0; padding: 0px; border: none; }
#loginHelp { float: right; margin: 7px 14px 0px 0px; text-align: right; font-size: 11px; color: #888; }
#loginHelp a { font-weight: normal; color: #444;}
textarea {background:#fff!important;} 
input {padding:3px 3px 1px 3px; background:#fff!important;} 
select {background:#fff!important;}
input.radio{background-color:transparent!important;}
input.checkbox{background-color:transparent!important;}


.administrator div { margin-right:2px; font-size:10px;}

table.portal { border: 1px #ccc solid; border-bottom: 2px #ccc solid; padding: 0px 0px 13px 0px; background: #e9e9e9; color: #333; margin-top: 0px; } 
.portal th { text-align: left; background: #f7f7f7!important;  height: 40px; padding: 12px 8px 8px 8px; border-bottom: 7px #e9e9e9 solid; color: #333!important; font-size: 14px!important; } 
.portal th a {color:#333!important; font-weight: normal;} 
.portal td { padding: 6px!important; color: #333;} 
.portal td td { padding: 6px!important; color: #333;} 
.portal td td td {padding: 0px!important;} 
td.hl{border: 0px;} 
tr { color: #333;}
td { color: #333; }

td { font-size:13px; font-family: Arial, Verdana, Helvetica, sans-serif;} td div {font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif;}

#portalLeft { margin: 25px 0px 0px 24px; width: 220px; float: left; padding-right:10px;}
#portalLeft th {font-family: Arial ,Verdana, Helvetica, sans-serif!important;}
#portalLeft table { padding: 0px;}
#portalCenter { background: url(../images/portalBg.gif) repeat-x #e9e9e9; margin-top: 25px; padding: 0px 20px 10px 20px; width: 357px; float: left; border: 1px #ccc solid; border-bottom: 2px #ccc solid; margin-right:10px;}
#portalCenter h1 {margin-left:5px;font-size: 15px;margin-top:10px;margin-bottom:25px!important;}
#portalCenter table { padding: 0px;}
#portalRight { background: url(../images/portalBg.gif) repeat-x #e9e9e9; margin-top: 5px; padding: 0px 20px 10px 20px; width: 220px; float: left; border: 1px #ccc solid; border-bottom: 2px #ccc solid;}
#portalRight h1{ font-size: 15px;margin-top:10px;}
#portalRight table { padding: 0px;}

#groupRight { width: 260px; float: left;}
div#mContainerIn{position:relative;width: 260px;height: 120px;margin:25px 0px 0px 0px; background-color: transparent;border:1px solid #cccccc;border-bottom:2px solid #cccccc;}
.mPhoto {position: absolute;-moz-opacity: 0.0;filter: Alpha(opacity=0);z-index: 1;}
	


/* FOOTER -------------------------------------------- */
#footer { float: left; width:950px; margin-top: 15px; padding-bottom: 25px; } 
#footer h1 { color: #fff; font-weight: bold; font-size: 15px; margin-left: 23px; color: #fff;} 
#footerAds { background-color: #fff; width:950px;width/**/:/**/934px; padding:10px 8px; border-bottom: 2px #000 solid; } 
#footerAds img { margin-left:10px; border: 0; } 
#footerMiClub { margin: 0px 8px 0px 25px; float: left; text-align: right; font-size: 11px; color: #ffffff; }
#footerMiClub img { float: right; border: 0; margin-top: 2px; }
#footerMiClub div#copy { color: #bbbbbb; line-height: 30px; height: 30px; float: left; }