/* CSS Document */

#pic{ background: url(../images/help.jpg) 2px #FFFFFF no-repeat; padding:6em 0px 0px 14em ; width:760px; height:26px;font-size:16px}
#pic .text{ font-size:14px; font-weight:bold; color:#3b8adc;}
#middle{ background-color:#FFFFFF ; width:760px; font-size:16px}
#left{ float:left; background-color:#D6F3FC;  width:172px; height:1200px; margin-top:2px}
#lefttext{ width:160px; background-color:#D6F3FC; margin:2px 0px 0px 5px; height:500px}
#left ul{ list-style-type:none; padding:20px 0px 0px 0px; margin:0 0 0 8px}
#left li{ text-align:center; background: url(../images/botton.jpg) no-repeat; height:25px;width:145px; padding:3px 0px 0px 0px}
#left li a{ font-size:14px; font-weight:bold; color:#FFFFFF; }
a:link{ text-decoration:none}
a:visited{ text-decoration:none} 
a:hover{ text-decoration:underline}
a:active{text-decoration:none}
#right{ float:left; width:570px; height:500px; background-color:#FFFFFF;margin:2px; padding:0px;}
#menu{ background-color:#E3F5FD; width:570px; height:210px; margin:10px 0 0 10px}
#right #menu ul{ list-style-type:none; width:450px;}
#right #menu li{ background: url(../images/20050129171720561.gif) no-repeat -2px; border-bottom:dashed 1px #000000; height:20px; padding:5px 0 0 18px;}
#right #menu li a{ font-size:12px; color:#000000}
#menuflow{ width:550px; height:59px; margin:10px 0 0 0}
#right #menuflow ul{ list-style-type:none; width:450px; border-bottom:solid 1px #000000;}
#right #menuflow li{ height:25px; padding:10px 0 0 18px; float:left; border:0}
#right #menuflow li a{ font-size:12px; height:27px;   color:#000000}
table{ margin:0 0 0 10px; text-align:left; font-size:12px; border:0px; width:760;}
.tab{  text-align:left; font-size:12px; border:0px; width:570; border-bottom: 2px #257BCD solid;}
.tab1{  text-align:left; font-size:12px; border:0px; width:570; }
.red{ color:#FF3300}


}
/* easy clearing */
#middle:after
	{ content: '[DO NOT LEAVE IT IS NOT REAL]';  display: block; height: 0; clear: both; visibility: hidden;
	}
#middle
	{ display: inline-block;
	}
/*\*/
#middle
	{ display: block;
	}
/* end easy clearing */
/*\*/
#left, #right
	{ padding-bottom: 32767px !important; margin-bottom: -32767px !important; 
	}
@media all and (min-width: 0px) {
#left, #right
	{ padding-bottom: 0 !important; margin-bottom: 0 !important; 
	}
#left:before, #right:before
	{ content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height: 0;
	}
}
/**/