@charset "utf-8";

*, html {
	margin:0px;
	padding:0px;
	text-align:left;
}

body {
	
	background:#506374;
	margin: 10px 0px;
	padding : 0px;
	font: normal 12px Verdana, Arial, Tahoma,  Helvetica, sans-serif;
	color:#000;
}

a
{
	text-decoration:none;
	color:#ff0303;
	outline:none;
}

a:hover 
{
	text-decoration : underline;
	color:#0586c2;
}


form, div, p, h1, h2, h3, h4
{
	margin:0px;	
	padding:0px;
	
}

img
{
	vertical-align:top;
	border:none;
}

#main
{
	width : 1000px;
	padding:0px;
	margin : auto;
	background: #eff8fd;
}


.clear, .clear-gap
{
	clear:both;
}


/* ---------------------------------- For Header ----------------------------------*/

.top
{
	background:#fff;
	height:100px;
}

.top p
{
	padding:4px 6px;
	text-align:justify;
	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
}

#header-left, #header-right
{
	float:left;
	width:323px;
	height:150px;
}

#header-right
{
	width:676px;
}

.menu
{
	clear:both;
	background:url(images/menu-bg.gif) top repeat-x #61778a;
	height:30px;
	text-align:center;
	color:#fff;
	border-top:1px solid #e9e7ea;
	border-bottom:1px solid #e9e7ea;
	text-transform:uppercase;
}

.menu a
{
	font:bold 13px/28px Arial, Verdana,  Helvetica, sans-serif;
	color:#fff;
	padding:0px 19px;
}

.menu a:hover 
{
	text-decoration:overline;
	color:#fc6e03;
}


/* ---------------------------------- End Header ----------------------------------*/

/* ---------------------------------- For Body ----------------------------------*/

.bg
{
	clear:both;
	margin-bottom:6px;
}

#col-left
{
	float:left;
	width:315px;
	margin-right:100px;
	border:1px solid #d7d6d7;
	border-top:0px;
	border-left:0px;
}

#col-right
{
	float:right;
	width:165px;
	text-align:justify;
	line-height:17px;
	margin:4px 0px;
	padding-right:10px;
}

.div-left
{
	width:255px; 
	float:left
}

#col-left h1
{
	color:#114069;
	padding:2px 0px;
	text-align:center;
	font:bold 20px Trebuchet MS, Arial,   Helvetica, sans-serif;
	background:url(images/h-bg.gif) 2% 50% no-repeat #d7d6d7;
	text-transform:uppercase;
	
	
}

#col-left a
{
	font:bold 10px Verdana, Arial,   Helvetica, sans-serif;
	color:#023154;
	text-decoration:none;
	display:block;
	border-bottom:1px solid #d7d6d7;
	margin:1px 0px 1px 0px;
	padding:2px 0px 2px 25px;
	background:url(images/point.gif) 2% 50% no-repeat;
}

#col-left a:hover
{
	color:#464747;
	text-decoration:underline;
	background:url(images/point.gif) 3% 50% no-repeat #ddeaf7;
}



#col-center
{
	float:left;
	width:290px;
	margin:4px 10px;
	text-align:justify;
	line-height:17px;
}

.bottom
{
	clear:both;
	background:#3c5061;
	height:95px;
	font:normal 12px/17px Verdana, Arial, Helvetica, sans-serif;
	padding:6px;
	color:#fff;
}



/* ---------------------------------- For Footer ----------------------------------*/

.footer-bg
{
	clear:both;
	background:url(images/footer-bg.gif) left bottom no-repeat #fff;
	padding:4px 0px;
	border-top:2px solid #2b323e;
	text-align:center;
	color:#000;
	font-weight:bold;
	line-height:25px;
}


/* ---------------------------------- End Footer ----------------------------------*/