/*
mucb
*/

@charset "utf-8";
body { margin:0; padding:0; width:100%;color:#21305d;font:normal 12px/1.8em Verdana, Helvetica, sans-serif;}
html, .main { padding:0; margin:0; background-color:#fff;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h1 { margin:0; padding:16px 0 24px; color:#666; font:normal 40px/1.2em Arial, Helvetica, sans-serif;}
h1 a, h1 a:hover { color:#666; text-decoration:none;}
h1 span { color:#1872a6;}
h1 small { display:block; padding-left:152px; font:normal 13px/1.2em Arial, Helvetica, sans-serif;}
h2 { font:bold 24px Arial, Helvetica, sans-serif; color:#21305d; padding:8px 0; margin:8px 0;}
p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Verdana, Helvetica, sans-serif;text-align: justify;}
a { color:#267bab; text-decoration:underline;}

.header, .hbg, .content, .fbg, .footer, form { margin:0; padding:0;}
.header_resize, .hbg_resize, .content_resize, .fbg_resize, .footer_resize { margin:0 auto; padding:0 0px; width:930px;}
.content_resize, .fbg_resize { padding:10px 0px 0px; border-top:2px solid #21305D;}

/* header */
.header { }
.header_resize { border-top:10px solid #21305D;}
.header .logo { padding:12px 0; width:auto; float:left;}

/* search */
#formsearch { margin:0; padding:36px 0 0 0;}
#formsearch span { display:block; margin:7px 0 6px 0; padding:0 8px 0 11px !important; padding:0 4px 0 6px; float:right; width:151px; background:#fff url(../images/search.gif) no-repeat top left;}
#formsearch input.editbox_search { margin:0; padding:8px 0; float:left; width:160px; height:12px; border:none; background:none; font:normal 13px/16px Arial, Helvetica, sans-serif; color:#a8acb2;}
#formsearch input.button_search { margin:7px 0 0 0; padding:0; border:none; float:right;}

/* hbg */
.hbg { background:url(../images/hbg_bg.jpg) repeat top; margin-bottom:0px;}
.hbg_resize { padding-left:0; width:930px; height:310px; border-bottom:4px solid #21305D;border-top:4px solid #21305D;}
.hbg .hbg_r { margin-left:30px !important; margin-left:15px; float:left; width:420px; color:#fff;}
.hbg img.hbgimg { padding-top:28px; float:right;}
.hbg h2 { margin:0; padding:16px 0 0 0; font:bold 24px/1.5em Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase;}
.hbg .nav_menu ul { margin:0 5px 0 0; padding:0 20px; float:left;font-size: 14px;font-weight: bold; width:auto; list-style:none; height:40px; background-color:#21305D;}
.hbg .nav_menu ul li { margin:0; padding:0px 1px; float:left; height:27px;}
.hbg .nav_menu ul li a { display:block; margin:0; padding:4px 12px 0; color:#9fa0a0; text-decoration:none;}
.hbg .nav_menu ul li a:hover, .hbg .nav_menu ul li.active a { color:#fff; border-bottom:4px solid #1872a6;}

/* SuperScript */
.ss {vertical-align:super;}

/* content */
.content { }
.content_resize { border-top:none;}
.content .mainbar { margin:0; padding:0; float:left; width:630px;}
.content .mainbar .article_vert { margin:0; padding:0 16px 0 0; float:left; width:297px;}
.content .mainbar .article img, .content .mainbar .article_vert img { border:1px solid #dedede; padding:3px;}
.content .mainbar .article img.ilf { float:left; margin:0 16px 8px 0;}
.content .mainbar .article, .content .sidebar .gadget { margin:0; padding:0 0 0 0;}
.gadgetsidebar {background-color:#eee; border:3px solid #21305d; border-radius:8px; margin:0 0 10px; padding:0 8px 16px;}
.content .sidebar { margin:0; padding:0; float:right; width:236px;}
ul.sb_menu { /* width:140px; */}
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#444;}
ul.sb_menu li, ul.ex_menu li { margin:0; border-bottom:1px solid #21305d;}
ul.sb_menu li:hover, ul.ex_menu li:hover { border-bottom:1px solid #267bab;}
ul.sb_menu li { margin:4px 0; padding:4px 0 0;}
ul.ex_menu li { margin:4px 0; padding:4px 0 0;}
ul.sb_menu li a, ul.ex_menu li a { color:#21305d; text-decoration:none;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#267bab; font-weight:bold;}
ul.ex_menu li a:hover { text-decoration:none;}

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg { }
.fbg_resize img { border:1px none #dedede;}
.fbg_resize .col { margin:0; float:left;}
.fbg_resize .c1 { padding:0 16px 0 0; width:290px;}
.fbg_resize .c2 { padding:0 16px; width:290px;}
.fbg_resize .c3 { padding:0 0 0 16px; width:240px;}
.fbg_resize .c1 img { margin:8px 16px 0 0; padding:0; float:left;}
.fbg_resize .c3 img { margin:4px; padding:0;}

/* footer */
.toplink{margin: auto;width: 930px;}
.toplink a{color: #21305d;padding-left:895px;text-decoration: none;}
.footer { border-top: 2px solid #21305d;margin: auto;padding-top:5px;width: 930px;}
.footer p.lf { margin:0; padding:0; float:left; width:auto;}
ul.fmenu { margin:0; padding-bottom:10px; list-style:none;/*  float:right; */ width:auto;}
ul.fmenu li { margin:0; padding:0 2px; float:left;}
ul.fmenu li a {/* display:block; */ padding:4px 8px; color:#5f5f5f; text-decoration:none;}
ul.fmenu li a:hover, ul.fmenu li.active a { border-bottom:4px solid #1872a6;}


/*footer2  */
.footer2 a{text-decoration:none;color:#21305d/* #5f5f5f */;padding:0 2px;}
/* .copyrights {font:bolder 13px/1.8em Arial, Helvetica, sans-serif;margin:auto;padding-bottom: 10px;width:930px;} */
.copyrights {font:bolder 13px/1.8em Arial, Helvetica, sans-serif;margin:auto;/* padding-bottom: 10px; */width:930px;color:#fff;background-color:#21305d;;border-radius:0 0 4px 4px;}

/* form */
ol { margin:0; padding:0; list-style:none;}
ol li { margin:0; padding:0; display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li .send { margin:16px 0 0 0;}


/****************************** ABOUT - Content Part ******************************/
.aboutoneleft p.quote, .aboutonecenter p.quote {
	color:#21305d/* #5f5f5f */;
	font-style:italic;
	font-weight:bold;
	font-size:12px;
	/* margin-bottom:0; */
	padding-left: 20px;
}
.aboutoneleft img.raster, .aboutonecenter img.raster {
	float:left;
	margin-right:10px;
	margin-top:4px;
}
.aboutoneright img {
	border-bottom:5px solid #bccfdb;
}

/* Display Tag Column Header Hidden */
.hidden{
	display: none;
}

/* table design */
.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #21305d;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	background-color:#ffffff;
		

}
.CSSTableGenerator td{
	vertical-align:middle;
		background:-o-linear-gradient(bottom, #aad4ff 5%, #ffffff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #aad4ff), color-stop(1, #ffffff) ); 
	background:-moz-linear-gradient( center top, #aad4ff 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#aad4ff", endColorstr="#ffffff");	background: -o-linear-gradient(top,#aad4ff,ffffff);

	background-color:#aad4ff;

	border:1px solid #21305d;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:5px;
	font-size:12px;
	font-family:Helvetica;
	font-weight:bold;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #21305d 5%, #1984b0 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #21305d), color-stop(1, #1984b0) );
	background:-moz-linear-gradient( center top, #21305d 5%, #1984b0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#21305d", endColorstr="#1984b0");	background: -o-linear-gradient(top,#21305d,1984b0);

	background-color:#21305d;
	border:0px solid #21305d;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:16px;
	font-family:Helvetica;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #21305d 5%, #1984b0 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #21305d), color-stop(1, #1984b0) );
	background:-moz-linear-gradient( center top, #21305d 5%, #1984b0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#21305d", endColorstr="#1984b0");	background: -o-linear-gradient(top,#21305d,1984b0);

	background-color:#21305d;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}



/* TOGGLE -------------------------------------------------*/
.toggle-trigger {
	text-decoration: none;
	/* color: #414550; */
	font-weight: bold;
	padding: 7px 10px 10px 25px;
	cursor: pointer;
	border: 1px solid #21305d;
	border-radius: 5px;
	background: #EEE url(../images/toggle.png) no-repeat 5px 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.toggle-trigger.active {
	border-bottom:1px solid #21305d;
	background:#ccc url(../images/toggle.png) no-repeat 5px -75px;
}
.toggle-trigger:hover {
	background-color:#CCC;
}
.toggle-container {
	margin-bottom: 0px;
	padding: 5px 10px;
	border-bottom: 1px solid #21305d;
	border-radius: 5px;
	border-right: 1px solid #21305d;
	border-left: 1px solid #21305d;
}

/*tree   */
.tree_left{width:250px;float:left}
.tree_right{float:right;width:250px;}
.tree_form{width:600px;float:left}
.tree_left ul li a{text-decoration:none}
.tree_right ul li a{text-decoration:none}
.tree_form ul li a{text-decoration:none}
.tree_left li{padding:2px;}
.tree_right li{padding:2px;}
.tree_form li{padding:2px;}