body{
margin:0;
padding:0 auto;
font-family:Arial;
font-size:12px;
color:#0d0d0d;
}

a img{
border:none;
}

a {
color:#c03000;
cursor:pointer;
}

.main{
width:900px;
text-align:left;
height:100%;
overflow:hidden;
margin-top:20px;
}
.logo{
float:left;
}


ul.top_menu{
list-style:none;
margin:27px 57px 0 0;
padding:0;
float:right;
}

ul.top_menu li{
margin:0;
padding:0;
float:right;

}
ul.top_menu li.separator{
padding:0px 15px;
}

.FoodHandlersCourse{
width:194px;
height:194px;
background-image: url("../images/food_handlers_course.png");
position:absolute;
z-index:1000;
clear:both;
margin:148px 0 0 57px;
padding:0;
}

.FoodHandlersCourse_active{
width:194px;
height:194px;
background-image: url("../images/food_handlers_course_active.png");
position:absolute;
z-index:1000;
clear:both;
margin:148px 0 0 57px;
padding:0;
}

.TABCCourse{
width:194px;
height:194px;
background-image: url("../images/TABC.png");
position:absolute;
z-index:1000;
clear:both;
margin:148px 0 0 350px;
padding:0;
}
.TABCCourse_active{
width:194px;
height:194px;
background-image: url("../images/TABC_active.png");
position:absolute;
z-index:1000;
clear:both;
margin:148px 0 0 350px;
padding:0;
}

.VerifyCertificate{
width:194px;
height:194px;
background-image: url("../images/verify_certificate.png");
position:absolute;
z-index:1000;
clear:both;
margin:148px 0 0 645px;
padding:0;
}

.VerifyCertificate_active{
width:194px;
height:194px;
background-image: url("../images/verify_certificate_active.png");
position:absolute;
z-index:1000;
clear:both;
margin:148px 0 0 645px;
padding:0;
}





* html .FoodHandlersCourse{
width:194px;
height:194px;
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/food_handlers_course.png", sizingMethod="crop");
position:absolute;
z-index:1000;
clear:both;
margin:148px 0 0 57px;
padding:0;
}

* html .FoodHandlersCourse_active{
width:194px;
height:194px;
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/food_handlers_course_active.png", sizingMethod="crop");
position:absolute;
z-index:1000;
clear:both;
margin:148px 0 0 57px;
padding:0;
}

* html .TABCCourse{
width:194px;
height:194px;
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/TABC.png", sizingMethod="crop");
position:absolute;
z-index:1000;
clear:both;
margin:148px 0 0 350px;
padding:0;
}

* html .TABCCourse_active{
width:194px;
height:194px;
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/TABC_active.png", sizingMethod="crop");
position:absolute;
z-index:1000;
clear:both;
margin:148px 0 0 350px;
padding:0;
}

* html .VerifyCertificate{
width:194px;
height:194px;
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/verify_certificate.png", sizingMethod="crop");
position:absolute;
z-index:1000;
clear:both;
margin:148px 0 0 645px;
padding:0;
}

* html .VerifyCertificate_active{
width:194px;
height:194px;
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/verify_certificate_active.png", sizingMethod="crop");
position:absolute;
z-index:1000;
clear:both;
margin:148px 0 0 645px;
padding:0;
}

.left_box{
float:left;
width:440px;
margin-left:57px;
display:inline;
margin-top:65px;
}

dl.unit{
margin:0;
padding:0;
}

dl.unit dt{
margin:0;
padding:0;
font-size:24px;
color:#40411e;
font-family:"Times New Roman";
margin-bottom:20px;
}

dl.unit dd{
margin:0 0 20px 0;
padding:0;
font-size:12px;
line-height:1.5;
}


dl.unit1{
margin:0;
padding:0;
}

dl.unit1 dt{
margin:0;
padding:0;
font-size:21px;
color:#40411e;
font-family:"Times New Roman";
margin-bottom:20px;
}

dl.unit1 dd{
margin:0 0 20px 0;
padding:0;
font-size:12px;
line-height:1.5;
}




.right_box{
float:right;
margin:20px 57px 0 0;
width:300px;
display:inline;
}

.red_box{
width:300px;
background-color:#c03000;
height:100%;
overflow:hidden;
padding:0;
}

.content{
clear:both;
width:220px;
margin:35px 0 20px 50px; 
color:#fff;
}

h3 {
text-transform:uppercase;
font-size:12px;
font-weight:normal;
text-decoration:underline;
line-height:1.4;
margin:15px 0 10px 0;
}

h2{
font-family:"Times New Roman";
text-transform:uppercase;
font-size:16px;
font-weight:normal;
font-weight:bold;
color:#40411e;
}

ul.list{
margin:0;
padding:0;
list-style:none;
}

ul.list li{
background-image: url("../images/marker.gif");
background-repeat:no-repeat;
background-position:left top;
margin:0;
padding:0 0 0 15px;
line-height:1.5;

}


.box_content{
height:100%; overflow:hidden;
}

.fl{
float:left;
}
.fr{
float:right;
}
.red{
color:#c03000;
}

textarea{
width:200px;
height:200px;
margin:5px 0 0 0;
padding:0;
border:1px solid #fff;
overflow: hidden;
font-size:12px;
color:#0d0d0d;
font-family:Arial;
}


.input{
width:200px;
margin:5px 0 0 0;
padding:0;
border:1px solid #fff;
height:20px;
color:#0d0d0d;
font-size:12px;
font-family:Arial;
}

form {
margin:10px 0 0 0;
padding:0;
}

.submit{
border:none;
background-color:transparent;
color:#fff;
cursor:pointer;
}

.font_14{
font-size:14px;
}

.bottom{ padding:5px 0px 3px 0px; background-color:#787746; color:#fff; font-weight:normal; font-size:12px; text-align:center;
}
.bottom h1{ padding:3px 0px 3px 0px; margin:0px 0px 0px 0px; color:#fff; font-family:Arial;
font-size:12px; text-align:center; font-weight:normal; text-transform:none;}
.bottom a{ color:#fff; font-family:Arial; font-size:12px; text-decoration:none;  font-weight:normal;  text-align:center;}
.bottom a:hover{ color:#FF0000; font-family:Arial; font-size:12px; text-decoration:underline;  font-weight:normal;  text-align:center;}