@charset "utf-8";
body {
	background-color: #808080; margin:0; padding:0; background:url(Images/skape_bg.png); font-family:"segoe ui",arial,sans-serif; font-size:12px; color:#333;
}
#wrapper{
width:1000px; margin:0 auto; background:url(Images/shadow_bg.png) center top; position:relative;
}

#inner{
background-color:#FFFFFF; margin:0 10px; 
}
#nav{
 background:url(Images/nav_bg.jpg) repeat-x;   padding-left:10px;
}
#nav .slogan{
position:absolute; right:20px; top:5px;
}
#header{
padding:0px; background:url('images/mta_header_bg.jpg'); height:140px; 
}
.register{
position:absolute; right:270px; top:45px;
}
#header .bookmark{
position:absolute; right:220px; top:26px;
}
#header .loginbox{
position:absolute; padding:8px 8px 4px; right:20px; top:35px; width:170px; height:120px; font-size:10px; background-image:url(Images/login_box.png); background-repeat:no-repeat; color:#fff;
}
#header .loginbox a{
color:#fff;
}
#header #logo
{
	padding:12px 15px;
}
#header .loginbox input{
font-size:11px;
}
#searchbar{
}
#searchbar .tabs{
margin-left:20px;
}
#searchbar .bar{
background:url(Images/red_bar.jpg); padding:0px 10px; color:#fff;

}
#main{
line-height:17px;
}
#main .padding{
padding:10px 20px 0;
}

#main .welcome{
font-size:17px; line-height:23px; padding:10px 20px 0; background-image:url(Images/blue_bg.jpg); background-repeat:repeat-x;
}
#main .offerings{
padding-bottom:0px; font-size:17px; 
}
#main .offerings ul{
margin:0; padding:0; list-style-type:none;
}
#main .offerings ul li{
width:165px; margin-right:25px; float:left; color:#fff; background:url(Images/bg_offering.jpg) top left no-repeat; font-weight:bold;
}
#main .offerings ul li img{
float:left; margin-top:-8px;
}
#main .offerings ul li .offering{
padding:6px 15px;
}
#main .column50{
width:434px; margin-right:20px; float:left; position:relative; border:1px solid #eee;
}
#main .column50 .register{
position:absolute; right:0px; top:30px; 
}
#main .column33{
width:295px; margin-right:20px; float:left; position:relative; border:1px solid #eee; font-size:13px;
}
#main .column33 .padding{
padding:5px 10px;}
#main .column33 .register{
position:absolute; right:0px; top:40px; 
}
.triangle li{
list-style-image:url(Images/bullet.jpg); padding-bottom:5px;
}
#footer{
padding:15px 20px 0;  font-size:11px; border-top:1px solid #eee; margin:20px 30px 0 0px;
}
#footer a{
color:#333;
}
#cap{
background:url(Images/shadow_cap.png) center bottom; width:1000px; margin:0 auto; height:30px; margin-bottom:20px;
}
.clear{
clear:both; margin:0; padding:0;
}