/*
Design by http://www.bluewebtemplates.com
Released for free under a Creative Commons Attribution 3.0 License
*/

@charset "utf-8";
body { padding:0; margin:0; color:#2b2b2b; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
html, .main , { background-color:#fff; width:100%}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h1 { margin:0; padding:34px 0; color:#fff; font:bold 60px/1.2em Arial, Helvetica, sans-serif;}
h1 a, h1 a:hover { color:#fff; text-decoration:none;}
h1 span { color:#db7835;}
h1 small { padding-left:230px; font:normal 16px/1.2em Arial, Helvetica, sans-serif;}
h2 { font:bold 24px Arial, Helvetica, sans-serif; color:#37A3FE; padding:8px 0; margin:8px 0;}
p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
a { color:#37A3FE; text-decoration:underline;}
a.red { color:#db7835;}
img {border:0}

.header, .content, .menu_nav, .menu_lang, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}
.content_resize, .fbg_resize, .footer_resize { margin:0 auto; padding:0 40px; width:890px;}
.content, .fbg { padding:16px 0;}

/* main table */
.maintable{ padding:0; margin:0; CELLSPACING:0}

.righttd{ background:url(../png/left_bg.png) repeat-y; width:10px}
.lefttd{ background:url(../png/right_bg.png) repeat-y; width:10px}

/* header */
/* [revised by Frankie 11Aug2011_1521]
.header { background:url(../images/header_bg.jpg) repeat-y top; height:290px;}
*/
.header{ background-color:#01193F; height:290px;}
.header_resize {width:1000px;}
.header .logo { width:auto; float:left;}

/* menu */
.menu_nav { float:left; width:1000px; position:relative; left:20px}
.menu_nav ul { margin:0; padding:12px 0 0; list-style:none;}
.menu_nav ul li { margin:0 12px 0 0; float:left;}
.menu_nav ul li a { display:block; margin:0; padding:6px 12px; color:#fff; text-decoration:none; /*background:#303A31 url(../images/button/icon_middle.png) repeat-x top left; vertical-align:middle;*/}
.menu_nav ul li a { /*behavior:url(../css/border-radius.htc);*/ border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer}
/*.menu_nav ul li a:hover, .menu_nav ul li.active a { background:url(../images/menu_a.gif) repeat-x top;}*/


#homeBtn{
background:#303A31 url(../icon_home.html) no-repeat top left;
}
#homeBtn:hover, .menu_nav ul li.active a#homeBtn{
background:#303A31 url(../icon_home_active.html) no-repeat top left;
}
#aboutBtn{
background:#303A31 url(../icon_about.html) no-repeat top left;
}
#aboutBtn:hover, .menu_nav ul li.active a#aboutBtn{
background:#303A31 url(../icon_about_active.html) no-repeat top left;
}
#whyBtn{
background:#303A31 url(../icon_why.html) no-repeat top left;
}
#whyBtn:hover, .menu_nav ul li.active a#whyBtn{
background:#303A31 url(../icon_why_active.html) no-repeat top left;
}
#rulesBtn{
background:#303A31 url(../icon_rules.html) no-repeat top left;
}
#rulesBtn:hover, .menu_nav ul li.active a#rulesBtn{
background:#303A31 url(../icon_rules_active.html) no-repeat top left;
}
#contactBtn{
background:#303A31 url(../icon_contact.html) no-repeat top left;
}
#contactBtn:hover, .menu_nav ul li.active a#contactBtn{
background:#303A31 url(../icon_contact_active.html) no-repeat top left;
}

/* menu */
.menu_lang { float:right; width:180px; position:relative; left:50px; height: 39px}
.menu_lang ul { margin:0; padding:2px 0 0; list-style:none;}
.menu_lang ul li { margin:0 12px 0 0; float:left;}
.menu_lang ul li a { display:block; margin:0; padding:6px 12px; width:25px; color:#fff; text-align:center; text-decoration:none; background:#000 url(../icon_lang.html) no-repeat top left;}
.menu_lang ul li a { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer}
.menu_lang ul li a:hover, .menu_lang ul li.active a { background:url(../icon_lang_active.html) no-repeat top left;}

/* content 
.content { padding-bottom:16px;}
.content_resize { border-top:none;}
.content .mainbar { float:left; width:630px;}
.content .mainbar .article_vert { margin:0; padding:0 16px 0 0; float:left; width:297px;}
.content .mainbar .article_vert img { padding:3px; border:1px solid #dedede;}
.content .mainbar .article, .content .sidebar .gadget { margin:0; padding:0 0 16px 0;}
.content .sidebar { float:right; width:236px;}
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;}
ul.sb_menu li, ul.ex_menu li { margin:0;}
ul.sb_menu li { padding:4px 0;}
ul.ex_menu li { padding:4px 0 8px;}
ul.sb_menu li a, ul.ex_menu li a { color:#5f5f5f; text-decoration:none;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#37A3FE; font-weight:bold;}
ul.sb_menu li a:hover { text-decoration:underline;}
ul.ex_menu li a:hover { text-decoration:none;}*/

/** BEGIN content **/
#content {
	width: 700px;
	float: left;
	padding: 0 0 20px 18px;
}
	#content p {
		margin-bottom: 10px;
	}
	#content h3 {
		margin-bottom: 5px;
		font-size: 1.5em;
		font-weight: normal;
	}
	#content blockquote {
		margin-bottom: 10px;
		padding: 10px 10px 5px;
		background-color: #eeeeee;
		border-width: 1px 0;
		border-style: solid;
		border-color: #cccccc;
	}
	#content ul {
		margin: 0 0 10px 18px;
	}
	#content ol {
		margin: 0 0 10px 16px;
		padding-left: 10px;
	}
	#content li {
		padding: 2px 0;
	}
	#content .title {
		font-size: 0.9em !important;
		text-transform: uppercase;
		color: #666666;
		margin-bottom: 10px;
	}
	#content .posts {
		border: 1px solid #DDDDDD;
		float: left;
		padding: 10px 4px 0;
	}
	#content .post {
		padding: 10px;
		margin-bottom: 12px;
		width: 320px;
		float: left;
	}
		#content .post h2 {
			margin-bottom: 10px;
			font-size: 1.5em;
		}
		#content .post .thumbnail {
			float: left;
			margin: 0 10px 5px 0;
			height: 125px;
		}
		#content .post .date {
			font-size: 0.9em;
			color: #0A3C6F;
		}
		#content .details {
			float: right;
			font-size: 0.8em;
		}
			#content .details a {
				display: block;
				float: left;
				padding: 7px 12px;
				background: #3366CC url(../gif/details.gif) repeat-x 0 0;
				border: 1px solid #EBEBEB;
				margin-left: 4px;
			}
	#content .recent {
		border: 1px solid #DDDDDD;
		width: auto; height: auto;
	}
		#content .recent h2 {
			font-size: 1.6em;
		}
/** END content **/
#loginBox form{
border: 1px solid #DDDDDD;
padding:10px;
}
#loginBox .logTB{
width:150px;
}
/** END sidebar **/

/* 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 { background-color:#222922; color:#fff;}
.fbg h2 { color:#fff;}
.fbg_resize img { border:1px solid #dedede;}
.fbg_resize .col { margin:0; float:left;}
.fbg_resize .c1 { padding:0 16px 0 0; width:246px;}
.fbg_resize .c2 { padding:0 16px; width:336px;}
.fbg_resize .c3 { padding:0 0 0 16px; width:240px;}
.fbg_resize .c2 img { margin:8px 16px 4px 0; padding:0; float:left;}
.fbg_resize .c1 img, .fbg_resize .c3 img { margin:4px; padding:0;}


/* footer */
/* [revised by Frankie 11Aug2011_1525]
.footer { background-color:#222222; border-top:1px solid #505050; padding:16px 0; color:#fff;}
*/

.footer { background-color:#01193F; border-top:1px solid #505050; padding:16px 0; color:#fff;}
.footer img.flogo { float:left; border:none;}
.footer p.lf { margin:0; padding:8px 0; float:left; width:auto; line-height:1.5em; font:10pt arial;}
ul.fmenu { margin:0; padding:8px 0; list-style:none; float:right; width:auto;}
ul.fmenu li { margin:0; padding:0 12px; float:left;}
ul.fmenu li a { color:#fff; text-decoration:none;}
ul.fmenu li a:hover, ul.fmenu li.active a { color:#37A3FE;}
ul.fmenu li a:hover { text-decoration:underline;}

.header2 {background-color:#01193F; color:#fff; padding:0 12px; font-size:16px}

/* form */
ol { list-style:none;}
ol li { 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;}

.alignleft {
	float: left;
	margin: 4px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}
.aligncenter {
	text-align: center;
}

#maintable {
	width: 1000px;
	margin:0; 
	padding:0;
	text-align: left;
}

/** table for page content **/
.contentCell {
	vertical-align:text-top;
}

.article {
	padding: 0 16px 0 16px;
}

.remarks {
	clear:both;
	font-style: italic;
	font-size:11pt;
}
#newsBody td{
	vertical-align:text-top;

}
.newBodyText {
	font-size:16px;
	/*text-align:justify;*/
}

.OfficalHeader {
	color:#01193F;
}

.subheader {
	font-weight: bold;
	/*font-size:14pt;*/
}
.news_linkIMG{
	border:0;
	margin:0;
	vertical-align:top;
}




.btn_news_home
{
	 
	float: right;
	margin:5px;
	padding:5px 10px;
	background:#09C;
	background-image: linear-gradient(bottom, rgb(11,114,161) 8%, rgb(24,128,219) 54%, rgb(117,211,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(11,114,161) 8%, rgb(24,128,219) 54%, rgb(117,211,255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(11,114,161) 8%, rgb(24,128,219) 54%, rgb(117,211,255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(11,114,161) 8%, rgb(24,128,219) 54%, rgb(117,211,255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(11,114,161) 8%, rgb(24,128,219) 54%, rgb(117,211,255) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.08, rgb(11,114,161)),
		color-stop(0.54, rgb(24,128,219)),
		color-stop(1, rgb(117,211,255))
	);	


	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}

.btn_news_home a:link, .btn_news_home a:hover, .btn_news_home a:active, .btn_news_home a:visited
{
	color: #fff;
	text-decoration: none;
}


#newsHeader
{
	text-align: center;
		padding:10px;
}

#newsHeader h2
{
	padding: 0;
	margin: 0;
	line-height: 30px;
}

h3
{
	font-size: 18px;
	text-decoration:underline;
}