/* CSS Document - HTC Webiste */

*{
margin:0px;
padding:0px;
}

a img{
border:none;
}

body{
background-color:#383431;
font-family:verdana;
}
.clearer{
clear:both;
}
div#top_menu_container{
background:url('/templates/htc/images/top_menu_bg.jpg');
background-repeat:repeat-x;
height:53px;
}

div#top_menu{
background:url('/templates/training_directory_sa/images/top_menu_bg.jpg') repeat-x;
height:53px;
position:relative;
}

div#search {
position: absolute;
right: -60px;
top: 18px;
width: 257px;
background:url(/templates/training_directory_sa/images/header_search.png) no-repeat;
}

.search_button {
background-color: #E8E8E8;
border: 0 none;
height: 20px;
width: 190px;
position:relative;
top:-5px;
left:3px;
}

input#search_arrow_button{
border:0px;
background:url(/templates/training_directory_sa/images/search_button.png);
width:31px;
height:23px;
margin:0px;
position:relative;
top:-1px;
left:-2px;
cursor:pointer;
}

div#top_menu_inner {
left: 100px;
margin: 0 auto;
padding: 24px 0 0;
position: relative;
width: 750px;
}

div#top_menu_inner ul li{
list-style-type:none;
margin:0px 5px;
float:left;
}

div#top_menu_inner ul li a.last_item{
border-right:0px !important;
}

div#top_menu ul li{
float:left;
list-style-type:none;
padding:5px;
}

div#top_menu ul li a{
color:#333333;
text-transform:uppercase;
text-decoration: none;
font-size:14px;
padding-right:10px;
border-right:1px solid #333333;
}

div#top_menu ul li a:hover{
color:#00923f;
}

div#top_menu ul li a.last_menu_item{
border-right:0px;
}

div#top_menu_inner ul li a#home{
height:12px;
width:42px;
background:url('/templates/training_directory_sa/images/top_menu_home.png') no-repeat;
display:block;
border-right:solid 1px #383431;
padding:0px 5px;
}

div#top_menu_inner ul li a#home:hover{
height:12px;
width:42px;
background:url('/templates/training_directory_sa/images/top_menu_home_down.png') no-repeat;
display:block;
border-right:solid 1px #383431;
padding:0px 5px;
}

div#top_menu_inner ul li a#about{
height:12px;
width:71px;
background:url('/templates/training_directory_sa/images/top_menu_about.png') no-repeat;
display:block;
border-right:solid 1px #383431;
padding:0px 5px;
}

div#top_menu_inner ul li a#about:hover{
height:12px;
width:71px;
background:url('/templates/training_directory_sa/images/top_menu_about_down.png') no-repeat;
display:block;
border-right:solid 1px #383431;
padding:0px 5px;
}

div#top_menu_inner ul li a#calender{
height:12px;
width:151px;
background:url('/templates/training_directory_sa/images/top_menu_calender.png') no-repeat;
display:block;
border-right:solid 1px #383431;
padding:0px 5px;
}

div#top_menu_inner ul li a#calender:hover{
height:12px;
width:151px;
background:url('/templates/training_directory_sa/images/top_menu_calender_down.png') no-repeat;
display:block;
border-right:solid 1px #383431;
padding:0px 5px;
}

div#top_menu_inner ul li a#contact{
height:12px;
width:128px;
background:url('/templates/training_directory_sa/images/top_menu_contact.png') no-repeat;
display:block;
border-right:solid 1px #383431;
padding:0px 5px;
}

div#top_menu_inner ul li a#contact:hover{
height:12px;
width:128px;
background:url('/templates/training_directory_sa/images/top_menu_contact_down.png') no-repeat;
display:block;
border-right:solid 1px #383431;
padding:0px 5px;
}


div#main_container{
width:980px;
position:relative;
margin:0px auto;
}

div#header{
height:408px;
position:relative;
}

div#header_left{
background: url("/templates/htc/images/header_logo.jpg") no-repeat scroll 0 0 transparent;
float: left;
height: 402px;
position: relative;
width: 190px;
}

div#header_right{
float:left;
width:790px;
height:408px;
position:relative;
}

div#mid_menu{
background:url('/templates/htc/images/middel_menu.jpg');
background-repeat:no-repeat;
height:52px;
width:980px;
margin-top: 5px;
}

div.tab_center {
background-color: #F2F2F2;
color: #242220;
float: left;
height: 42px;
padding: 10px 5px 0px 5px;
position: relative;
text-align:center;
}

div.tab_center a{
cursor:pointer;
color:#383431;
text-decoration:none;
}

div.tab_center a:hover{
cursor:pointer;
color:#019240;
text-decoration:none;
}

div.single_line{
padding: 20px 5px 0px 5px;
}

div.tab_left{
background-image:url('/templates/htc/images/tab_button_left.jpg');
width:7px;
height:52px;
float:left;
position:relative;
}

div.tab_right{
background-image:url('/templates/htc/images/tab_button_right.jpg');
width:7px;
height:52px;
float:left;
position:relative;
}

div#content_area{
background-color: #F2F2F2;
margin-left: 1px;
width: 959px;
padding:10px;
}

div#footer{
background:url('/templates/htc/images/footer_bar_bg.jpg');
background-repeat:repeat-x;
height:6px;
position:relative;
}

div#maps_home{
position:relative;
margin:0px auto;
}

.map_box{
border:solid 1px #75bd94;
width:217px;
height:160px;
float:left;
margin:10px;
position:relative;
}

div#map_header_bg{
background-color:#00923f;
position:absolute;
top:5px;
left:0px;
width:180px;
padding:2px 5px;
color:#fff;
text-transform:uppercase;
z-index:1;
}

div#map_header_bg a{
color:#fff;
text-decoration:none;
}

div#map_header_bg a:hover{
text-decoration:underline;
}

.bullet_header{
float:right;
position:relative;
top:2px;
}

.map{
position:relative;
top:30px;
left:30px;
z-index:0;
}

div#map_animation_fs a img{
height: 24px;
left: 70px;
position: absolute;
top: 106px;
width: 24px;
z-index: 2;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_fs a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_fs a img{
height: 24px;
left: 70px;
position: absolute;
top: 106px;
width: 24px;
z-index: 2;
}

div#map_animation_ec a img{
height: 24px;
left: 147px;
position: absolute;
top: 92px;
width: 24px;
z-index:200;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_ec a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_ec a img{
height: 24px;
left: 147px;
position: absolute;
top: 92px;
width: 24px;
z-index:199;
}

div#map_animation_ec2 a img{
height: 24px;
left: 86px;
position: absolute;
top: 119px;
width: 24px;
z-index: 200;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_ec2 a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_ec2 a img{
height: 24px;
left: 86px;
position: absolute;
top: 119px;
width: 24px;
z-index: 100;
}

div#map_animation_gt1 a img{
height: 24px;
left: 85px;
position: absolute;
top: 68px;
width: 24px;
z-index: 200;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_gt1 a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_gt1 a img{
height: 24px;
left: 85px;
position: absolute;
top: 68px;
width: 24px;
z-index: 100;
}

div#map_animation_gt2 a img{
height: 24px;
left: 73px;
position: absolute;
top: 89px;
width: 24px;
z-index: 200;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_gt2 a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_gt2 a img{
height: 24px;
left: 73px;
position: absolute;
top: 89px;
width: 24px;
z-index: 100;
}

div#map_animation_nk a img{
height: 24px;
left: 73px;
position: absolute;
top: 108px;
width: 24px;
z-index: 200;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_nk a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_nk a img{
height: 24px;
left: 73px;
position: absolute;
top: 108px;
width: 24px;
z-index: 100;
}

div#map_animation_mp1 a img{
height: 24px;
left: 109px;
position: absolute;
top: 71px;
width: 24px;
z-index: 200;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_mp1 a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_mp1 a img{
height: 24px;
left: 109px;
position: absolute;
top: 71px;
width: 24px;
z-index: 100;
}

div#map_animation_nc1 a img{
height: 24px;
left: 118px;
position: absolute;
top: 77px;
width: 24px;
z-index: 200;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_nc1 a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_nc1 a img{
height: 24px;
left: 118px;
position: absolute;
top: 77px;
width: 24px;
z-index: 100;
}

div#map_animation_nc2 a img{
height: 24px;
left: 117px;
position: absolute;
top: 105px;
width: 24px;
z-index: 200;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_nc2 a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_nc2 a img{
height: 24px;
left: 117px;
position: absolute;
top: 105px;
width: 24px;
z-index: 100;
}

div#map_animation_lim a img{
height: 24px;
left: 117px;
position: absolute;
top: 69px;
width: 24px;
z-index: 200;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_lim a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_lim a img{
height: 24px;
left: 117px;
position: absolute;
top: 69px;
width: 24px;
z-index: 100;
}

div#map_animation_nw a img{
height: 24px;
left: 110px;
position: absolute;
top: 63px;
width: 24px;
z-index: 200;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_nw a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_nw a img{
height: 24px;
left: 110px;
position: absolute;
top: 63px;
width: 24px;
z-index: 100;
}

div#map_animation_wc a img{
height: 24px;
left: 34px;
position: absolute;
top: 124px;
width: 24px;
z-index: 200;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_wc a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_wc a img{
height: 24px;
left: 34px;
position: absolute;
top: 124px;
width: 24px;
z-index: 100;
}

div#clearmark{
text-align:center;
margin:10px;
}