html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, table{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul, li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}

strong{font-weight:bold}
em{font-style:italic}
a img{border:none}

h1, h2, h3, h5, h5, h6{font-weight:bold}


body, td {
	padding:0;
	margin:0;
	color:#205da9;
	font:12px Arial, Helvetica, sans-serif;
	
}

img a, a img {
	border:none;
}

/*title*/
h1 { }

h2 {
	font:28px "Arial Narrow";
	color:#3b3d3f;
	line-height:normal;		
}
h3 {
	font:32px "Arial Narrow";
	color:#3b3d3f;
	line-height:normal;	
}

h5 {
	font:18px "Arial Black";
	color:#205da9;
	line-height:normal;	
}
hr {
	WIDTH: 100%; 
	HEIGHT: 2px

}

.clear { clear:both;}

/*Content*/

.main {
	width:994px;
	margin:0px auto; 
	background:url(images/bg.jpg) repeat-y top center;
}

.left {
	width:177px;
	height:267px;
	background:url(images/banner1.jpg) no-repeat top left;
}

.middle {
	width:604px;
	height:220px;
	background:url(images/banner2.jpg) no-repeat top;
	vertical-align:bottom;
	text-align:right;
}

.right {
	width:213px;
	height:139px;
	background:url(images/banner3.jpg) no-repeat top;
}

.menu {
	width:177px;
	height:400px;
	top:267px;
	margin:0;
	float:left;
}
.content {
	padding:20px 0px 25px 25px;
	width:554px;
}

/*title*/
.content h1 { 
	font:normal 24px Arial, Helvetica, sans-serif;
	color:#205da9;
	line-height:normal;	
}
.content h2 {
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#205da9;
	line-height:normal;	
}
.content h3 {
	font:normal 16px Arial, Helvetica, sans-serif;
	color:#205da9;
	line-height:normal;	
}

.content h4 {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#205da9;
	line-height:normal;		
}

.title {
	padding:155px 15px 15px 15px;
	text-align:right;
}

.news {
	background:url(images/rightBg.jpg) no-repeat right top;
	text-align:left;
	width:213px;
	min-height:500px;
	top:139px;
}
.newsDt {
	padding:15px;
}

.newsDt a{
	color:#205da9;
	font: bold 13px Arial, Helvetica, sans-serif;
}

.newsDtRight{
	font: bold 13px Arial, Helvetica, sans-serif;
}

.contentDt {
	width:360px;
	float:right;
	padding-top:10px;
}
.content a {
	color:#205da9;
	font: bold 12px Arial, Helvetica, sans-serif;
}


/*Customize*/
.box1 {
background:url(images/box1.jpg) no-repeat top;
height:99px;
width:558px;
}

.box2 {
background:url(images/box2.jpg) no-repeat top;
height:98px;
width:558px;
}

.box3 {
background:url(images/box3.jpg) no-repeat top;
height:100px;
width:558px;
}

.box4 {
background:url(images/box4.jpg) no-repeat top;
height:100px;
width:558px;
}


/*SIS Menu*/
.subMenu { 
	background-color:#ffffff;
	position: relative;
	z-index: 500;
	padding:0px;
	width:115px;
	top:10px;
	left:0;
	border-bottom:solid 1px #FFFFFF;
}
.subMenu:link { 	
	color:#555555;
	font-weight:normal;
	background:none;
	text-decoration: none;
	display:block;
	padding:0px 10px;
	line-height:15px;
}
.subMenu:visited {	
	color:#555555;
	font-weight:normal;
	background:none;
	text-decoration: none;
	display:block;
	padding:0px 10px;
	line-height:15px;
}
.subMenu:hover {
	text-decoration:underline;
	background:none;

}

/* Menu*/ 
#topnav {
	text-decoration: none;
	padding-left:10px;
}
#topnav ul {
	margin:0;
	padding:0px 10px;
}
#topnav ul li {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	width:85%;

}
#topnav a {
	color:#3b3d3f;
	font:15px Arial, Helvetica, sans-serif;	
	text-decoration:none;
	line-height:27px;
	display:block;
	padding:0px 10px;
	border-top:1px solid #5ea1f6;
	width:90%;
}

#topnav h2 {
	font: 11px Tahoma;
	padding:0;
	margin:0;	
}

#topnav ul li a:hover {
	background: url(images/arrow.jpg) left no-repeat;
}
#topnav .active {
	background: url(images/arrow.jpg) left no-repeat;
	font-weight:bold;
}

#topnav a:hover {
	font-weight:bold;
}

#topnav a.last2 {
	border-bottom:1px solid #5ea1f6;
}

#topnav ul ul {
	width:132px;
	display:block;
	padding:0;
	background-color:#ebf9fc;
	top:0;
	left:0;
}

html>body #topnav ul ul {
}


#topnav ul ul li {
	display:block;
	position:relative;
	width:132px;
	padding:0;
	margin:0;
}
#topnav ul ul li a {
	color:#555555;
	font:12px Arial, Helvetica, sans-serif;	
	line-height:normal;
	padding:2px 10px;
	font-weight:normal;
	background:none;
	text-decoration: none;
	text-align:left;
	width:112px;
}
#topnav ul ul li a:hover {
	background:none;
}
#topnav ul ul li a.last2 {
border-bottom:none;
}

#topnav ul ul ul {
	position:absolute;
	top: 0;
	left: 100%;
}
#topnav ul ul li a {
}

#topnav ul ul,
#topnav ul li:hover ul ul,
#topnav ul ul li:hover ul ul
{display: none;}

#topnav ul li a:hover ul ul,
#topnav ul li a:hover ul ul li {
	display:none;
}

#topnav ul li:hover ul,
#topnav ul ul li:hover ul,
#topnav ul ul ul li:hover ul
{display: block;}

#topnav li:hover ul, li.over ul { display: block; float:left;}

<!--[if IE 7]>
#topnav{float:left;}
body{behavior:url(csshover.htc); }
#topnav ul li{ display:block; float:left;}
#topnav a{height:1%;}

#topnav ul li a:hover ul ul,
#topnav ul li a:hover ul ul li {
	display:none;
}
<![endif]-->

