/*-------------------------------BODY ------*/


body{ background:url(images/grey/bg_body.png) repeat-y; padding:0px; margin:0px; font-size:12px; color:#919191; font-family:Geneva, Arial, Helvetica, sans-serif, "Wide Latin";}

img{ border:none; padding:0px; margin:0px;}


/*-------------------------------HEADER ------*/

.header{ width:1000px; height:80px;margin-left:auto;margin-right: auto; font-size:14px;}
.header .logo{ position:absolute; margin-left:50px;}
.header p{ margin:0px; padding:0px; margin-top:5px; margin-bottom:3px; font-size:18px; font-weight:bold;}
/*-------------------------------CONTENT------*/

.content_top{ background:url(images/grey/content_top_courses.png) no-repeat; margin-left:auto; margin-right:auto; height:260px; width:940px; padding-left:30px;padding-right:30px; padding-top:40px; font-size:11px; color:#fff; }

.content_blue{ background:url(images/grey/content_top_courses.png) no-repeat; margin-left:auto; margin-right:auto; height:260px; width:955px; padding-left:15px;padding-right:30px; padding-top:40px; font-size:11px; color:#fff; }
.content_red{ background:url(images/grey/content_top_resource.png) no-repeat; margin-left:auto; margin-right:auto; height:260px; width:940px; padding-left:30px;padding-right:30px; padding-top:40px; font-size:11px; color:#fff; }
.content_green{ background:url(images/grey/content_top_services.png) no-repeat; margin-left:auto; margin-right:auto; height:260px; width:940px; padding-left:30px;padding-right:30px; padding-top:40px; font-size:11px; color:#fff; }

.content_top a{ color:#8CAFD7; text-decoration:none;}
.content_top a:hover{color:#ff9900;}




/*-------------------------------CONTENT MID------*/

.content_mid_t{ background:url(images/grey/content_mid_t.png) no-repeat; margin-left:auto; margin-right:auto; height:47px; width:1000px;}

.content_mid_b{ background:url(images/grey/content_mid_b.png) no-repeat; margin-left:auto; margin-right:auto; height:64px; width:1000px;}





.content_mid_m{background:url(images/grey/content_mid_m.png) repeat-y; width:940px; padding-left:30px;padding-right:30px; padding-bottom:10px; font-size:11px;  margin-left:auto;margin-right: auto; padding-top:1px;}

/*-------------------------------EMPLOYER & INDIVIDUAL------*/


#top_but{ display:block; background:url(images/grey/top_but.png) no-repeat; padding-left:50px; padding-top:10px; width:150px; height:25px; border:none; color:#666; font-size:14px; font-weight:bold; text-decoration:none;}

#top_but:hover{ display:block; background:url(images/grey/top_but_h.png) no-repeat; padding-left:50px; padding-top:10px; width:150px; height:25px; border:none; color:#ff6600; font-size:14px; font-weight:bold; text-decoration:none;}



.employer{ background:url(images/grey/employer.png) no-repeat; width:250px; height:310px;}
.employer table{height:300px; width:220px;}
.employer ul{ padding:0px; padding-left:30px; list-style-image:url(images/grey/green_plus.png); font-size:18px;}
.employer ul strong{ color:#FF6600;}

.employer th{height:50px; color:#FFFFFF; font-size:30px; font-weight:bold; cursor:pointer;}



.individual{ background:url(images/grey/individual.png) no-repeat; width:250px; height:310px;}
.individual table{height:300px;width:240px;}

.individual th{height:50px; color:#FFFFFF; font-size:30px; font-weight:bold;cursor:pointer;}
.individual ul{ padding:0px; padding-left:30px; list-style-image:url(images/grey/purple_plus.png); font-size:18px;}
.individual ul strong{ color:#FF6600;}

/*-------------------------------PROMOTION------*/

.promotion{ background:url(images/grey/promotion.png) no-repeat; margin-left:auto; margin-right:auto; height:207px; width:1000px; font-size:11px; color:#666666; }

.promotion h3{color:#ff6600; font-weight:bold; padding:0px; margin:5px 0;}

.promotion p{color:#666666; text-align:justify; width:220px;}

.promotion a{color:#333;}

.promotion img{ float:right; margin-left:10px; margin-bottom:0px; margin-right:10px;}


/*------------------------------ADVERTISEMENT------*/

.advertise{ background:url(images/grey/advertise.png) no-repeat; width:1000px; height:140px; margin-left:auto; margin-right:auto; padding-top:10px;}






/*-------------------------------FOOTER------*/


.footer{ background:url(images/grey/footer.png) no-repeat; margin-left:auto; margin-right:auto; padding-top:10px; height:36px; width:1000px; font-size:11px; color:#666666; }



/*-------------------------------NAVIGATION------*/
.navigation{ width:400px; height:38px; }

.navigation ul{ list-style:none;text-align:center;margin:0px;  padding-right:15px; }

.navigation ul li{ float:right; margin-right:10px; }


.navigation #blue a{ background:url(images/grey/courses.png) no-repeat; width:97px; height:27px; color:#FFFFFF; display:block; text-decoration:none; font-size:16px; font-weight:bold; padding-top:3px;}

.navigation #blue a:hover{ background:url(images/grey/courses_h2.png) no-repeat; width:97px; height:26px; color:#FFFFFF; display:block; text-decoration:none; font-size:16px; font-weight:bold; padding-top:67px;}

.navigation #blue .selected{ background:url(images/grey/courses_h2.png) no-repeat; width:97px; height:26px; color:#FFFFFF; display:block; text-decoration:none; font-size:16px; font-weight:bold; padding-top:67px;}



.navigation #green a{ background:url(images/grey/resource.png) no-repeat; width:97px; height:27px; color:#FFFFFF; display:block; text-decoration:none; font-size:16px; font-weight:bold; padding-top:3px;}

.navigation #green a:hover{ background:url(images/grey/resource_h2.png) no-repeat; width:97px; height:26px; color:#FFFFFF; display:block; text-decoration:none; font-size:16px; font-weight:bold; padding-top:67px;}

.navigation #green .selected{ background:url(images/grey/resource_h2.png) no-repeat; width:97px; height:26px; color:#FFFFFF; display:block; text-decoration:none; font-size:16px; font-weight:bold; padding-top:67px;}



.navigation #red a{ background:url(images/grey/services.png) no-repeat; width:97px; height:27px; color:#FFFFFF; display:block; text-decoration:none; font-size:16px; font-weight:bold; padding-top:3px;}

.navigation #red a:hover{ background:url(images/grey/services_h2.png) no-repeat; width:97px; height:26px; color:#FFFFFF; display:block; text-decoration:none; font-size:16px; font-weight:bold; padding-top:67px;}

.navigation #red .selected{ background:url(images/grey/services_h2.png) no-repeat; width:97px; height:26px; color:#FFFFFF; display:block; text-decoration:none; font-size:16px; font-weight:bold; padding-top:67px;}

/*-------------------------------LOGIN------*/