/* ----------------------
Weber Distribution
-------------------------*/
body,html {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	font: 85%  Arial, Tahoma, Verdana, Helvetica, sans-serif, "Comic Sans MS", "times new roman";
	background: url(/images/bg.jpg) repeat-x;
}
/* --------All--------- */
a {color: #0163c5;text-decoration: none;}
a:hover {color: #ffd675;}
a img, fieldset {border: 0;}
.clear {clear: both}
.nolist {list-style: none}
.nolist, .nolist li, form, 
p, dd, dl, dt, ul, ol , li, h1, 
h2, h3, h4, h5, h6, fieldset {
	margin: 0;
	padding: 0;
}
#newsbg {
	background:url(/images/newsbg.jpg);
	background-repeat:no-repeat;
	width:696px;
}
.hide, hr, h1 span, h1 big 
,h2 span ,h2 small,legend {display: none;visibility: hidden;}
.show {display: block; visibility:visible;}
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/*.clearfix {display:inline-block}*/
/* Hide from IE Mac \*/
.clearfix {display:block}
/* End hide from IE Mac */
/*-------End--------*/
#sky {
	margin:0;
	padding:0;
/*	background:url(/images/sky.jpg); */
	background-repeat:no-repeat;
	background-position: top center;
	width:100%;
	height:100%;
}
#frame {
	margin: 0 auto;
	width: 1000px;
}
#top {
	height: 100px;
	width: 100%;
	background: url(/images/bg_top.jpg) no-repeat;
}
#top a {
	position: relative;
	top: 16px;
}
/* nav */
#nav {
	background: #0762bf url(/images/bg_nav.jpg) repeat-x;	
	border-left: 1px solid #114e91;
	border-right: 1px solid #114e91;	
}
#nav ul {
	list-style: none;
	padding-left: 60px;
}
#nav li {
	float: left;
	background: url(/images/line_menu.gif) no-repeat right bottom;	
}
#nav li#first a {
	background: url(/images/line_menu.gif) no-repeat left bottom;	
}
#nav a {
	color: white;
	display: block;
	float: left;
	line-height: 34px;
	/*padding: 0 20px 0 20px;*/
	width: 115px;
	text-align: center;
}
#nav a:hover {color: #ffd675}
#nav li.first a {background: url(/images/line_menu.gif) no-repeat left bottom}
#nav li.on a {
	background: white !important;
	color: black !important;
	font-weight: bold;
}
#contents {
	padding: 5px;
	background-color: white;
}
/* curve */
.curve-gray {
	height: 15px;
	position: relative;
}
.graytop {background: url(/images/bg_gray_top.gif) repeat-x top;}
.graybottom {background: url(/images/bg_gray_bottom.gif) repeat-x top}
.curve-gray div {
	height: 15px;	
	width: 27px;
	overflow: hidden;
	position: absolute;
	top: 0;
}
.graytop, .graytop div.blue {height: 13px !important}
.graytop div.gray {background: url(/images/curve_gray_top.gif) no-repeat;left: 0;}
.graybottom div.gray {background: url(/images/curve_gray_bottom.gif) no-repeat;left: 0;}
.graytop div.blue {
	background: url(/images/curve_blue_top.gif) no-repeat;
	right: 0;
	width: 257px;
}
.graybottom div.blue {
	background: url(/images/curve_blue_bottom.gif) no-repeat 0px -3px;
	right: 0;
	width: 257px;
}
#left {
	/*width: 725px;*/
	width: 718px;
	float: left;
}
#left a:hover {color: #ea9310}/*orange*/
#bg-contents1 {
	/*border: 1px solid red;*/
	position: relative;
	background: url(/images/bg_gray_left.gif) repeat-y left top;
}
#bg-contents2 {
	position: relative;
	background: url(/images/bg_right.jpg) repeat-y right top;
}
.main-img {
	/* height: 300px;*/
	 height: 350px;
	 /*background: url(/images/main_img.jpg) no-repeat;*/
	 background: url(/images/home_img/1.jpg) no-repeat;
	 margin-left: 25px;
	 margin-top: 8px;
}
/* intro */
.intro {
	padding-left: 25px;
	padding-bottom: 45px;
	font-size: 90%;
}
.intro a {text-decoration: underline}
.intro div {
	width: 32%;
	float: left;
	margin-right: 5px;
	display: inline;	
}
.intro ul {list-style: none}
/*.intro ul li:first-letter {
	color: #5c645e !important;
	font-size: 120%;
}*/
.intro ul li {
	line-height: 17px;
	padding-left: 11px;
	background: url(/images/arrow2.gif) no-repeat 0 6px;
}
.intro span {
	padding-left: 11px;
	background: url(/images/arrow2.gif) no-repeat 0 5px;
}
.intro img {
	border: 1px solid #e1dfdf;
	padding: 5px;
}
.intro h3 {
	color: #ea9310;
	font-size: 130%;
	margin: 13px 0 5px;
}
/* show box */
.show-box {
	width: 93%;
	margin: 0 auto;
	background: url(/images/bg_q.jpg) repeat-x top;	
	color: #595a5b;
	padding-bottom: 22px;
	font-size: 110%;
}
.show-box .big {
	font-size: 120%;
	padding-top: 3px;
}
.show-box p {
	padding: 18px 45px 0 45px;
	font-family: Verdana;
}
.show-box p span strong {display: none}
.show-box p .q1,.show-box p .q2 {
	padding: 22px 23px 0 0;
	overflow: hidden;
}
.show-box p .q1 {background: url(/images/q1.gif) no-repeat bottom right}
.show-box p .q2 {
	position: absolute;
	background: url(/images/q2.gif) no-repeat 2px 3px;	
}
/* curve */
.curve-white {
	width: 100%;
	height: 9px;	
	position: relative;
}
.curve-white div {
	width: 9px;
	height: 9px;
	position: absolute;
	top: 0;
}
.curve-white .white-left {
	left: 0;
	background: url(/images/curve_white1.gif) no-repeat;	
}
.curve-white .white-right {
	right: 0;
	background: url(/images/curve_white2.gif) no-repeat;	
}
#footer {
	padding: 20px 0 34px;
	text-align: center;
	font-size: 90%;
	color: #5f5e5e;	
	line-height: 20px;	
}
#footer a {color: #5f5e5e}
#footer a:hover {color: #ea9310}/* orange */
#right {
	float: right;
	width: 255px;
	color: white;
	font-size: 90%;
}
#right h3 {
	font-weight: normal;
	padding: 8px 15px 10px 15px;
	font-size: 160%;
}
#right a {
	color: white;
	text-decoration: underline;
}
#right a:hover {color: #ffd675}
#login {
	width: 93%;
	margin: 0 auto;
	background-color: #0d325a;
}
#login .t {
	padding: 2px 0 2px 60px;
	clear: left;
} 
#login span .m {float: right}
#login div.inlogin {padding: 0 15px 10px 15px}
#login div span span {
	clear: left;
	display: block;
	padding-top: 2px;
	float: left;
	width: 100%;
}
#login div strong {
	display: block;
	width: 60px;
	font-weight: normal;
	float: left;
}
#login div .intext {
	width: 83px;
	float: left;
}
/* curve */
.curve-marin {
	height: 4px;
	overflow: hidden;
}
.curve-marin div {
	width: 4px;
	height: 4px;
	overflow: hidden;	
}
.c1 {background: url(/images/curve_marine1.gif) no-repeat left top}
.c2 {background: url(/images/curve_marine2.gif) no-repeat right top}
.c3 {background: url(/images/curve_marine3.gif) no-repeat right top}
.c4 {background: url(/images/curve_marine4.gif) no-repeat left top}
.textdetail {
	width: 93%;
	margin: 0 auto;
	background-color: #103d6e;
}
.settop-news {margin-top: 8px}
.textdetail p {padding: 0 10px 15px  15px}
.textdetail p span {color: #cfb774;font-weight: bold}
/* edit */
.logo-home {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	font-size: 90%;
}
.logo-home br {display: none}
.logo-home p {
	padding: 20px 29px 20px 29px;
	float: left;
}
.logo-home span {
	display: block;
	padding-top: 5px
}
.logo-home strong {
	display: block;
	padding-bottom: 5px;
	font-weight: normal;
}
/* end edit */
.detail {
	/*padding: 8px 0 30px 25px; */
	padding: 8px 0 10px 25px;
	font-size: 90%;
	/*font-family: Verdana;*/
}
.detail .img-head {margin-bottom: 22px}
/*.detail h2, .line-silver {width: 97%}*/
.detail h2 {
	color: #ea9310;
	border-bottom: 1px solid #cccccc;
	padding: 10px 0 10px;
	font-size: 210%;
	margin-bottom: 17px;
}
.detail h3 {
	font-size: 150%;
	color: #8f8f8f;
}
.detail h4 {
	font-size: 130%;	
	color: #ea9310;
	/*padding-top: 17px;*/
	padding-bottom: 17px;
}
.detail p,.detail ul,.detail ol {
	/*padding-top: 17px;*/
	padding-bottom: 17px;
	/*width: 97%;*/
	letter-spacing: 0.02em;
}
.detail ol {
	padding-left: 30px;
	width: 90%;
}
.detail ol li {padding-bottom: 10px}
.detail strong span {
	/*font-size: 120%;
	display: block;
	padding-top: 15px;*/
}
.detail a {text-decoration: underline}
.detail ul {
	padding-left: 10px;
	list-style: none;
}
.detail ul li {
	/*list-style: inside;*/
	padding-left: 8px;
	background: url(/images/point_black.gif) no-repeat 0 6px;
}
/*.detail ul.settop {padding-top: 0}
.detail ul.settop ul {padding-top: 3px}
.detail ul.settop ul li {background: none;padding-left: 0;}*/
.detail ul ul {padding-top: 3px}
.detail ul ul li {background: none;padding-left: 0;}
.black {color: black !important}
#right .nav-sub,#right .nav-sub ul {list-style: none}
.nav-sub {
	width: 93%;
	margin: 0 auto;
	padding-bottom: 25px;
}
.nav-sub li a {
	text-decoration: none !important;
	display: block;
	/**width: 100%;*/
	color: white;
}
.nav-sub li {
	border-bottom: 1px solid #5a7fa7;
	padding: 6px 0 6px 3px;
}
.nav-sub .on a {
	font-weight: bold;
	color: #ffd675 !important;
	padding-left: 14px;
	background: url(/images/arrow_orange.gif) no-repeat 0 3px;	
	/**width: 90%;*/
}
.nav-sub .onnav a {color: #ffd675 !important}
.nav-sub li ul {padding-top: 3px}
.nav-sub li ul li {
	border: 0;
	padding: 3px 0 3px 22px;
	background: url(/images/point_line_white.gif) no-repeat 14px 11px;		
}
.capa p img {
	border: 1px solid #e1e1e1;
	padding: 5px;
	float: left;
	clear: left;
}
.capa p span {
	float: left;
	width: 72%;
	padding-left: 18px;
}
.capa p {
	clear: left;
	overflow: hidden;
}
.capa p strong {
	display: block;
	font-size: 170%;
	font-weight: normal;
	padding-bottom: 14px;
}
.img-left {
	float: left;
	margin:3px 5px 5px 0;
}
.team p img {
	border: 1px solid #e1e1e1;
	padding: 5px;
	float: left;
	clear: left;
}
.team p {
	clear: left;
	overflow: hidden;
}
.team p strong {display: block}
.team p span br {display: block}
.team p strong em {display: block}
.team p span {
	float: left;
	width: 72%;
	padding-left: 18px;
}
.text-center {text-align: center}
/* Table */
.settable-edi {
	margin-top: 15px;
	background-color: black
}
.settable-edi td,
.settable-edi th {
	background-color: white;
	padding: 3px;
}
.settable-edi th {background-color: silver !important}
/* End Table */
.nav-content {padding-top: 10px !important;}
.nav-content li em {color: gray}
.nav-content li {
	padding: 0 0 15px 20px !important;
	background: url(/images/arrow2.gif) no-repeat 8px 4px !important;	
}
.nav-content li a {text-decoration: none !important}
.setlist {padding: 0  0 0 10px !important}
.thumbnail-map {padding-top: 15px}
.thumbnail-map p {
	float: left;
	width: 130px;
	margin-right: 5px;
	text-align: center;
	height: 180px;
}
.thumbnail-map p a {
	text-decoration: none;
	color: black;
}
.thumbnail-map p strong {
	display: block;
	padding: 3px 0 8px;
	font-size: 110%;
	clear: both;
}
.load-pdf {list-style: none}
.load-pdf li {
	background: none !important;
	padding-bottom: 10px;
}
.load-pdf li a {text-decoration: none}
.load-pdf li a strong {
	position: relative;
	top: -10px;
	left: 5px;
}
.tree-col {
	border-top: 2px solid black;
	width: 600px;
	/*margin-left: 40px;*/
	padding-top: 15px;
	margin: 0 auto;
}
.tree-col p {
	width: 190px;
	float: left;
	margin-left: 10px;
}
.tree-col p.first {margin: 0}
.download-logo li {
	background: none !important;
	padding-bottom: 15px;
}
.download-logo li a {text-decoration: none}
.download-logo li a img {border: 1px solid silver}
.download-logo li a:hover img {border: 1px solid #ea9310}/*orange*/
.line-silver {
	height: 1px;
	background-color: silver;
	overflow: hidden;
	margin-bottom: 10px;
}
.text {
	clear: both;
	padding: 0 0 15px 0;
}
.text a {
	color: #0066cc;
	padding: 0 5px 0 5px;
	text-decoration: none;
}
.text a.on {
	font-weight: bold;
	color: black;
	font-size: 130%;
}
.table-color {
	background-color: silver;
	width: 100%;
}
.table-color td{background-color: white}
.box-center {
	width: 65%;
	margin: 0 auto;
	text-align: center;
	font-size: 120%;
}
.box-center img {margin-bottom: 35px}
.box-center p {text-align: left}
.box50 {
	width: 48%;
	float: left;
	text-align: center;
}
.box50 a {text-decoration: none;}
.box50 a.l {padding: 0 5px 0 5px}
.box50 img {margin-bottom: 5px}
.box50 p {
	width: 80%;
	margin: 0 auto;	
	padding-top: 10px;
	height: 20px;
}
.magazine {
	width: 58%;
	float: left;
}
.magazine dl {width: 95%}
.magazine dt {font-weight: bold}
.magazine dd {padding-bottom: 18px}
.magazine-download {
	width: 40%;
	float: left;
}
.magazine-pdf li {
	background: url(/images/pdfsmall.gif) no-repeat !important;
	padding: 5px 0 10px 25px !important;
}
.magazine-download h3 {
	color: black ;
	margin-bottom: 18px;
}
/* new */
.settop-news p span a {
	text-decoration: none !important;
	color: #cfb774 !important;
}
.settop-news p span a:hover {
	color: #ffd675 !important;
}
/*end new */
.quicklink {
	width: 90%;
	margin: 0 auto;
	padding: 20px 0 10px;
	font-size: 110%;
}
.quicklink a img {
	text-decoration: none;
	float:  left;
	margin: -5px 5px 0 0;
}	
.tracker {
	margin: 0 15px;
}
.tracker p input {
	margin-left: -5px;
}
.tracker .set-top {
	margin-top: 10px;
}