/* ---------------------------------------------------------------------
 	  				 SunTrust CSS Framework v1.0
 	     				 www.suntrustit.com
						 
 		 				 Producer Space.As
						 
						     style.css
----------------------------------------------------------------------- */
html{ background-image:url(../skin/natural/images_bg.jpg); background-repeat:repeat-x;}
#wrapper{}
#header,#body,#footer{ clear:both; margin:0px;}
/* soclear */
div.soclear{ clear:both; height:1px; line-height:1px; overflow:hidden; background-color:#333; visibility:hidden; *display:none;}

/* header */
div#header{ height:215px; position:relative; z-index:999999; background-image:url(../skin/natural/top.jpg); background-repeat:no-repeat;}
div#header h1,div#header h1 a{ float:left; height:181px; overflow:hidden;}
div#header h1 a{ font-size:22px; padding-top:230px;width:400px;}

div.tip {float:right;overflow:hidden; text-align:right;height:20px; overflow:hidden;}
div.tip a{ text-decoration:none; color:#fff; font-weight:bold; padding-left:6px; padding-right:6px; }

div#tflash{ position:absolute; width:950px; left:0; height:170px; top:0; z-index:-1; background-color:transparent;}

div.tipnav a:hover{ text-decoration:none; color:#fff;}

div#header ul.nav{float:left; clear:both;list-style:none;margin:0; line-height:29px;padding:0;height:29px;overflow:hidden;margin-left:20px; *margin-left:10px; width:910px;}
div#header ul.nav li{ background-image:none;float:left; text-align:center;}
div#header ul.nav li a{ font-size:14px;  width:91px; text-decoration:none; font-weight:bold; float:left;color:#fff; letter-spacing:2px;}
div#header ul.nav li a:hover,div#header ul.nav li.hover a,div#header ul.nav li.activation a{ color:#ED7819; background-image:url(../skin/natural/atnav.gif); background-repeat:no-repeat; height:28px; border-bottom:0; background-position:center 2px; overflow:hidden;}

div.subnav{ position:absolute; top:192px; *top:192px; left:0; padding-top:10px;}
div.subnav div { float:left; position:absolute; width:93px;border-top:0; display:none; padding-top:4px;  background-image:url(../skin/natural/atsubnav.gif); background-repeat:no-repeat; background-position:5px bottom; padding-bottom:10px; padding-top:10px;}
div.subnav div a{ display:block; line-height:28px; text-align:center;}
div.subnav div a:hover{ text-decoration:none; color:#ED7819;}
div.subnav div.aboutus{*left:99px !important; left:109px;}
div.subnav div.news{*left:190px !important;left:200px;}
div.subnav div.vocationals{*left:281px !important;left:291px;}
div.subnav div.experts{left:382px;}
div.subnav div.guides{*left:463px !important;left:473px;}
div.subnav div.experience{left:570px;}
div.subnav div.angels{left:665px;}
div.subnav div.cotanct{*left:827px !important;left:837px;}
div.subnav div.home,div.subnav div.download,div.subnav div.angels,div.subnav div.experience,div.subnav div.experts{left:-1000px;}


.leftnav{ background-color:#EAF7F7;}
div.leftnav{}
.leftnav h2{font-size:13px; height:25px;line-height:25px; _line-height:28px; overflow:hidden;background-image:url(../skin/natural/leftnav_h2.jpg);padding-left:22px;letter-spacing: 2px; color:#038582}
.leftnav h2.closed{ background-position:0 -25px;}
/*.leftnav h2 a{ color:#038582; text-decoration:none;}
.leftnav h2 a:hover{ color:#038582; text-decoration:none;}
*/
.leftnav h2 a{ color:#fff; text-decoration:none;}
.leftnav h2 a:hover{ color:#fff; text-decoration:none;}

.leftnav ul{ list-style:none; line-height:22px; font-size:12px; padding-top:4px; padding-bottom:8px;}
.leftnav ul li{ background-image:url(../skin/natural/leftnavico.gif); background-repeat:no-repeat; background-position:0 10px; padding-left:1em;}
.leftnav ul li a{ color:#666; text-decoration:none;}
.leftnav ul li a:hover{ color:#000;text-decoration:none;}


.container{ font-size:14px; line-height:25px;}
.container_title{ font-size:22px; display:block; clear:both; text-align:center; margin-top:18px; margin-bottom:16px;}
.container_infos{ text-align:center; font-size:12px; color:#00a99d; border:1px #D5EFEF solid; border-left:0; border-right:0; margin-bottom:20px;}

.pageslink{ border-top:1px #ccc dotted; letter-spacing:1px; text-align:center; margin-top:20px; padding-top:4px;}



/* subnav */

/* body */
div#body{ min-height:490px!important; height:auto;_height:490px; padding-top:1em;}
div#body,div#body a{}

.module_title{ font-size:12px; background-image:url(../skin/natural/title_bg.jpg); background-repeat:repeat-x; background-position:0 0; height:28px; line-height:28px; overflow:hidden;border:1px #CCCCCC solid;padding-left:0.5em; padding-right:0.5em; color:#333; text-align:left;}
.block15 .station{ font-size:12px; font-weight:normal; background-image:none; height:28px; line-height:28px; overflow:hidden;border:1px #ccc solid; border-bottom:1px #D5EFEF solid;padding-left:0.5em; padding-right:0.5em; color:#333; text-align:left;}
.block24 .station{ font-size:12px; font-weight:normal; background-image:none; height:28px; line-height:28px; overflow:hidden;border:1px #ccc solid; border-bottom:1px #D5EFEF solid;padding-left:0.5em; padding-right:0.5em; color:#333; text-align:left;}
.module_titile_more{ float:right; font-weight:normal;}
.ico1,.ico2,.ico3,.ico4,.ico5,.ico6,.ico7,.ico8,.ico9,.ico10,.ico11,.ico12,.ico13,.ico14{ background-image:url(../skin/natural/ico.gif); background-repeat:no-repeat; background-position:0 0; padding-left:25px; line-height:16px; _line-height:20px; height:16px; overflow:hidden; display:inline-block; margin-top:6px;}
.ico2{background-position:4px -203px;}
.ico3{background-position:0 -219px;}
.ico4{background-position:0 -235px;}
.ico5{background-position:0 -248px;}
.ico6{background-position:0 -264px;}
.ico7{background-position:0 -280px;}
.ico8{background-position:0 -296px;}
.ico9{background-position:0 -312px;}
.ico10{background-position:0 -328px;}
.ico11{background-position:0 -417px;}
.ico12{background-position:0 -435px;}
.ico13{background-position:0 -452px;}
.ico14{background-position:0 -469px;}
.module_box{ margin-bottom:10px; border:1px #CCCCCC solid; border-top:0; padding:10px; height:100%;}
.block15 .module_box{ min-height:774px; margin-bottom:10px; border:1px #ccc solid; border-top:0; padding:10px; height:100%;}
.block15 .module_box .module_box{ min-height:100px; *height:auto; _height:100px;}
.module_box .newlist{ margin:0; padding:0;}
.module_box .newlist li{ list-style:none; background-color:transparent;background-image:url(../skin/natural/newico.gif);  background-repeat:no-repeat; margin:0; padding:0; padding-left:5px; background-position:0 8px; line-height:22px; border-bottom:1px #ccc dotted;}

/* footer */
div#footer{ text-align:center; padding:10px 0;}
div#footer a{  text-decoration:none;}

.flk a{ color:#00a99d; padding-left:0.5em; padding-right:0.5em;}
.flk p{ margin:0; text-align:center}
.friendlink .module_box{ padding:2px; }
.friendlink .module_box a{padding-left:1.2em; padding-right:1em;}
.bottomnav{ margin-top:20px;}
.ba,.ba a{ color:#00a99d;}


.fast{ list-style:none; line-height:23px; margin:0; padding:0;}
.fast li{margin:0;border:1px #f5f5f5 solid;  padding:0; margin-bottom:2px;background-image:url(../skin/natural/ico.gif); background-repeat:no-repeat; background-position:0 -16px;}
.fast li a{ color:#666; font-weight:bold; text-decoration:none; padding-left:3em; }
.fast li a:hover{ color:#000;text-decoration:none;}
.fast .i1{background-position:0 -16px;}
.fast .i2{background-position:0 -43px;}
.fast .i3{background-position:0 -70px;}
.fast .i4{background-position:0 -97px;}
.fast .i5{background-position:0 -124px;}
.fast .i6{background-position:0 -151px;}
.fast .i7{background-position:0 -178px;}
.fast .i8{background-position:0 -344px;}
.fast .i9{background-position:0 -369px;}
.fast .i10{background-position:0 -393px;}
.fast .i11{background-position:0 -483px;}

div.color1{ background-color:#EFF9FF}
li.xl1 a,li.xl2 a,li.xl3 a{ color:#EC6C00; font-size:13px;}


.search_center{ margin:0; padding:0; line-height:20px;}
.search_center *{ margin:0; padding:0; }
.search_center p{ height:25px; }
.search_center select{ width:138px;}

li a img{ position:relative; padding-left:8px;padding-top:4px;}
.spzk{ background-image:url(../images/spzk.jpg); color:#fff; padding-left:1em;}

li.xl1 a,li.xl2 a,li.xl3 a,li.xl4 a,li.xl5 a,li.xl6 a,li.xl7 a,li.xl8 a,li.xl9 a,li.xl10 a,li.xl11 a,li.xl12 a,li.xl13 a,li.xl14 a,li.xl15 a{
	padding-left:15px;
	background-image: url(../../../images/1.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin-left:-5px;
}
li.xl2 a{
	background-image: url(../../../images/2.gif);
}
li.xl3 a{
	background-image: url(../../../images/3.gif);
}
li.xl4 a{
	background-image: url(../../../images/4.gif);
}
li.xl5 a{
	background-image: url(../../../images/5.gif);
}
li.xl6 a{
	background-image: url(../../../images/6.gif);
}
li.xl7 a{
	background-image: url(../../../images/7.gif);
}
li.xl8 a{
	background-image: url(../../../images/8.gif);
}
li.xl9 a{
	background-image: url(../../../images/9.gif);
}
li.xl10 a{
	background-image: url(../../../images/10.gif);
}
li.xl11 a{
	background-image: url(../../../images/11.gif);
}
li.xl12 a{
	background-image: url(../../../images/12.gif);
}
li.xl13 a{
	background-image: url(../../../images/13.gif);
}
li.xl14 a{
	background-image: url(../../../images/14.gif);
}
li.xl15 a{
	background-image: url(../../../images/15.gif);
}