@charset "utf-8";

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

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

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

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


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: #ffffff;
}


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


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

.top
{
	background:#ccc;
	height:280px;
}

.top p
{
	padding:4px;
	text-align:justify;
	font:bold 13px/18px Arial, Helvetica, sans-serif;
}

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

#header-right
{
	width:705px;
}

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

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

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


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

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

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

#col-left
{
	float:left;
	width:250px;
	border:1px solid #5f5f5f;
	border-bottom:2px solid #504f4f;
	border-top:0px;
	border-left:0px;
	background:url(images/left-bg.jpg) right top repeat-y;
}

#col-right
{
	float:right;
	width:250px;
	border:1px solid #5f5f5f;
	border-bottom:2px solid #504f4f;
	border-top:0px;
	border-right:0px;
	background:url(images/right-bg.jpg) left top repeat-y;
}

#col-left h1, #col-right h1
{
	color:#016c7c;
	padding:2px 0px;
	text-align:center;
	font:bold 20px Trebuchet MS, Arial, Verdana,  Helvetica, sans-serif;
	background:url(images/h-1-bg.jpg) 2% 50% no-repeat #c7f8f8;
	text-transform:uppercase;
	border-bottom:1px solid #038fa4;
	border-right:4px solid #017a8c;
}

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

#col-left a:hover, #col-right a:hover
{
	color:#027c8e;
	text-decoration:overline;
}



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

.center
{
	padding:4px 6px;
	border:2px solid #5f5f5f;
	border-top:0px;
	text-align:justify;
	font:normal 13px/17px Arial, Verdana,  Helvetica, sans-serif;
	width:342px;
	margin:auto;
	height:285px;
}

.content
{
	padding:4px 6px;
	border:2px solid #5f5f5f;
	border-top:0px;
	text-align:justify;
	font:normal 13px/17px Arial, Verdana,  Helvetica, sans-serif;
	width:342px;
	margin:auto;
}



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

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


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