@charset "utf-8";
/* CSS Document */
img, div { behavior: url(iepngfix.htc) }

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

body {
	background: #fbde20 url('../images/bg.jpg') repeat-x top;
	font-size: 62.5%;
}

a:link, a:visited {	color: #e00202;	text-decoration: none;}
a:hover { color: #888;}

a img { border: none;}

p { padding: 8px 0;}

h1, h2, h3, h4, h6 { color: #000;}

h1, h4 { font: bold 2.2em "Trebuchet MS", serif, arial; text-transform: uppercase; padding: 8px 0;}

h2 { 
	background-color: #fbde20; 
	border: 1px solid #555;
	font: 1.6em "Trebuchet MS", serif, arial; 
	text-transform: uppercase; 
	padding: 1px 8px;
	margin: 10px 0;
}

h3 { 
	background-color: #fbde20; 
	border: 1px solid #555;
	display: inline;
	font: 1.6em "Trebuchet MS", serif, arial; 
	text-transform: uppercase; 
	padding: 1px 8px;
}

h5 { font-size: 1.3em; padding: 15px 0 5px 0; color: #e00202;}

h6 { font-size: 0.9em; font-style: normal;}

.red { color: #e00202;}
.blue { color: #003366;}

.grey { color: #777;}

.left{ float: left;}
.right{ float: right;}

.clear{     
     clear: both;
     height: 0px;
	 width: 100%;
	 _margin: -13px 0 0 0;
}

#content ul, #content ol { margin: 0px 5px 15px 5px; padding-left: 15px;}

#content li { padding: 5px 0;}

/*==================================== Layout Part ===========================================*/
#container { margin: 0 auto; width: 850px; font-family: Verdana, Arial, Helvetica, sans-serif;}

#header { background: url('../images/header.jpg') no-repeat; height: 102px; width: 100%;}

#page { background: #fff url('../images/banner.jpg') no-repeat top; clear: both; width: 100%;}

#content { font-size: 1.1em; padding: 150px 20px 30px 20px; line-height: 1.6em;}

#side_left { width: 500px; text-align: justify; float: left;}

#side_right { width: 283px; padding-top: 60px; float: right;}

#subcontent { font-size: 1.1em; padding: 150px 20px 20px 20px; line-height: 1.6em;}


/*==================================== Menu Part ===========================================*/
#menu { padding: 0 10px; width: 840px;}

#menu ul { list-style: none;}
#menu li { display: inline;}

#menu a {
	float: left;
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #fff;
	background: none;
	text-decoration: none;
	padding:0 0 0 10px;
	cursor: pointer;
}
#menu a span {
	float:left;
	display:block;
	padding:6px 17px 6px 7px;
	margin-right: 12px;
	_margin-right: 11px;
	margin-bottom: 0px;
	background: none;
}
#menu a:hover, #menu a.selected, #menu a:active {
	background: transparent url("../images/menu-left.gif") no-repeat left top;
	color: #000;
}
#menu a:hover span, #menu a.selected span {
	background: transparent url("../images/menu-right.gif") no-repeat right top;
} 


/*==================================== Content Part ===========================================*/
#content  h1 { border-bottom: 1px solid #c7c7c7; margin-bottom: 10px; width: 75%;}

#content #side_left  h1 { border-bottom: 1px solid #c7c7c7; margin-bottom: 10px; width: 100%;}

#content ul.ulyellow { list-style: none;}

#content ul.ulyellow li { background: url('../images/arrow-yellow.gif') no-repeat top left; padding-left: 25px;}

#content ul.ulblue { list-style: none;}

#content ul.ulblue li { background: url('../images/bullet-blue.gif') no-repeat top left; padding: 3px 0 3px 15px;}

.padding { padding: 20px 0 0 10px;}

.yellow_titlebg { 
	background: url('../images/yellow-bg.gif') no-repeat; 
	color: #000; 
	font: bold 1.7em "Trebuchet MS", serif, arial; 
	height: 28px;
	padding: 5px 0 0 20px;
	text-transform: uppercase;
}

.greybox_top { background: #f2f2f2 url('../images/greybg-top.gif') no-repeat top; width: 484px;}

.greybox_bottom { background: url('../images/greybg-bottom.gif') no-repeat top; padding: 10px 20px;}

.sidetitle { 
	background: #000 url('../images/title-bg.gif') no-repeat top; 
	color: #fff;
	font: bold 1.7em "Trebuchet MS", serif, arial; 
	height: 26px;
	padding-top: 5px;
	text-align: center; 
	text-transform: uppercase;
}

#side_right img { display: block; padding-top: 10px;}

.tbl_border { margin: 15px 0;}

.tbl th, .tbl td, .tbl_border th, .tbl_border td, .tbl_border2 th, .tbl_border2 td { padding: 5px;}

.tbl_border td { border: 1px solid #c7c7c7;}

.tbl_border2 {border: 1px solid #c7c7c7;}

.bluebox {
	background-color: #20255c;
	border: 1px solid #000;
	height: 10px;
	margin: 7px 0 10px 0;
}

.top2 { text-align: right;}


/*==================================== Footer Part ===========================================*/
#footer { 
	background-color: #000; 
	width: 100%;
 }
 
#footer_contain { 
	margin: 0 auto; 
	width: 850px;	
	padding: 15px 0;
	color: #948944;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	position: relative;
}

.top { position: absolute; top: -25px; right: 10px;}