@charset "utf-8";
@import url(layout.css);
@import url(SpryTabbedPanels2.css);
/*------------------------------*/
/*--Design Setting Start--*/

/*--layout design--*/
p {
	color: #777;
	
}

h2, h2 span {
	color: #666;
	
}

h3 {
	color: #336699;
	
}

a {
	color: #4E9E9F;
	text-decoration: none;
}

a:hover {
	color: #D75116;
	text-decoration: underline;
}

body {
	background: #EEE;
}

.wrap {
	background: #FFF;
}

.leftblock, .rightblock {
	width: 50%;
	vertical-align: top;
	padding: 0 10px 0 10px;
}

.btn {
	background: url(../images/menubg.gif) repeat-x left top;
	border:1px solid #999;
	padding: 2px;
	color: #666;
	
}
/*--header design--*/
.header {
	background: #FFFFFF  repeat-x left top;
}

.nav {
	text-align: right;
	padding: 10px 6px 6px 6px;
}

.nav li {
	display: inline;
	
	font-weight: bold;
	padding-left: 10px;
	padding-right: 6px;
	background: url(../images/next.gif) no-repeat left 2px;
}

.nav li a {
	color: #FFF;
}
/*--top menu start--*/
.top .menu {
	width: 992px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	background: url(../images/menubg.gif) repeat-x left top;
	border: 1px solid #DDD;
	_text-align:left;
}

.top .menu li {
	display: inline;
	background: url(../images/micon.gif) no-repeat left 5px;
	*background: url(../images/micon.gif) no-repeat left 1px !important;/*IE7*/
	padding-left: 15px;
	padding-right: 12px;
}

.top .menu li a {
	
	font-weight: bold;
	letter-spacing: 0.15em;
	color: #336699;
	text-decoration: none;
}

.top .menu li a:hover {
	color: #666;
	text-decoration: underline;
}
/*--top menu end--*/

/*--left menu start--*/
.leftbg .menu ul, .rightbg .menu ul {
	margin: 0;
	width: 180px;
	border-top: 1px solid #bfbfbf;
}

.leftbg .menu li a, .rightbg .menu li a {
	
	line-height: 200%;
	*line-height: 180% !important;/*IE7*/
	font-weight: normal;
	letter-spacing: 0.15em;
	background: #FFFFFF url(../images/nav1.gif) no-repeat left top;
	display: block;
	width: 180px;
	margin: 0px;
	color: #666;
	text-align: left;
	border-right: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	padding: 3px 5px 2px 25px;
	*padding: 6px 5px 2px 25px !important;/*IE7*/
	text-decoration: none;
}

.leftbg .menu li a:hover, .rightbg .menu li a:hover {
	text-decoration: none;
	color: #CC3300;
}

html > body .leftbg .menu li a, .rightbg .menu li a {
	width: 148px;
}

.leftbg .menu h2, .rightbg .menu h2 {
	
	line-height: 120%;
	margin: 0px;
	background: url(../images/headtext.gif) no-repeat left top;
	padding: 10px 6px 6px 40px;
}
/*--left menu end--*/
/*--left dynamic menu start--*/
.leftbg .mlmenu ul {
	margin: 0;
	width: 180px;
	border-top: 1px solid #bfbfbf;
	list-style-type: none;
}

.leftbg .mlmenu li a {
	
	line-height: 200%;
	*line-height: 180% !important;/*IE7*/
	font-weight: normal;
	letter-spacing: 0.15em;
	background: #FFFFFF url(../images/nav1.gif) no-repeat left top;
	display: block;
	width: 180px;
	margin: 0px;
	color: #666;
	text-align: left;
	border-right: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	padding: 3px 5px 2px 25px;
	*padding: 6px 5px 2px 25px !important;/*IE7*/
	text-decoration: none;
}

.leftbg .mlmenu li a:hover {
	text-decoration: none;
	color: #CC3300;
}

html > body .leftbg .mlmenu li a {
	width: 148px;
}

.leftbg .mlmenu li {
	display: inline;
	position: relative;
}

.leftbg .mlmenu li ul{
	position: absolute;
	top: 0;
	margin-top: -1px;
	margin-left: 180px;
	display: block;
}

.leftbg .mlmenu h2 {
	
	line-height: 120%;
	margin: 0px;
	background: url(../images/headtext.gif) no-repeat left top;
	padding: 10px 6px 6px 40px;
}
/*--left dynamic menu end--*/

/*--ad start--*/
.ad {
	margin-top: 10px;
}

.ad li img {
	width: 180px;
}
/*--ad end--*/

/*--right headline start--*/
.rightbg .headline, .rightbg .mybox, .leftbg .headline, .leftbg .mybox {
	margin: 0;
	padding: 0;
	width: 180px;
	margin-bottom: 10px;
}

.rightbg .headline .body, .rightbg .mybox .body, .leftbg .headline .body, .leftbg .mybox .body {
	border: 1px solid #bfbfbf;
	padding: 6px;
	background: url(../images/infobox2.gif) no-repeat right bottom;
}

.headline {
	margin-top: 10px;
	margin-bottom: 10px;
}

.headline h2, .mybox h2 {
	
	line-height: 120%;
	margin: 0px;
}

.headline li, .mybox li {
	list-style: none;
	background: url(../images/icon_menu1.gif) no-repeat left 7px;
}

.headline li a, .mybox li a {
	padding-left: 15px;
}

.headline .image {
	width: 150px;
}

.headline .date, .mybox .date, .mitch .date {
	margin-left: 6px;
	color: #999;
	
}

.headline .detail a, .mybox .detail a, .mitch .detail a {
	color: #D75116;
	text-decoration: underline;
}

.headline .detail a:hover, .mybox .detail a:hover, .mitch .detail a:hover {
	color: #D75116;
	text-decoration: none;
}

.headline .more, .mybox .more, .mitch .more {
	text-align: right;
}

.headline .more a, .mybox .more a, .mitch .more a {
	border: 1px solid #CCC;
	
	color: #336699;
	padding: 5px;
	font-weight: bold;
	background: url(../images/tabbg.gif) repeat-x left top;
	text-decoration: none;
}

.headline .more a:hover, .mybox .more a:hover, .mitch .more a:hover {
	color: #D75116;
	text-decoration: underline;
}

.headline .source, .mybox .source, .mitch .source{
	color: #999;
	
	text-align: right;
}

.rightbg .headline h2, .leftbg .headline h2 {
	padding: 10px 6px 6px 40px;
	background: url(../images/headtext.gif) no-repeat left top;
}

.rightbg .mybox h2, .leftbg .mybox h2 {
	padding: 10px 6px 6px 40px;
	background: url(../images/headlist.gif) no-repeat left top;
}

.center .headline h2, .center .mybox h2 {
	padding-left: 16px;
	background: url(../images/menutitle.gif) no-repeat left 2px;
	border-bottom: 1px dashed #CCC;
	color: #666;
}

.center .headline .body, .center .mybox .body {
	background: #F4F4F4;
	padding: 10px;
}

.center .boxs h2 {
	padding-left: 16px;
	background: url(../images/menu_icon.gif) no-repeat left 3px;
}

.center .boxs li {
	list-style: none;
	background: url(../images/icon_arrow3.gif) no-repeat left 7px;
}

.mitch .body {
	border: 1px solid #EEE;
	padding: 10px;
	background: #FFF url(../images/sidebox.gif) repeat-x left top;
	*background: #FFF url(../images/sidebox.gif) repeat-x left 1px !important;/*IE7*/
}

.mitch h2 {
	
	color: #FFF;
	background: url(../images/h2bg.gif) no-repeat left top;
	height: 36px;
	padding: 4px;
	margin-bottom: -8px;
}

.mitch a {
	color: #336699;
}

.mitch a:hover {
	color: #D75116;
	text-decoration: underline;
}
/*--right headline end--*/



.list {

}

.list .date {
	color: #999;
	padding-left: 8px;
}

.lp, .cp, .qp, .forwardForm {
	margin-top: -8px;
	background: #F6F6F6;
	padding: 10px;
}

.lp h2, .cp h2, .qp h2, .forwardForm h2 {
	padding-left: 18px;
	background: url(../images/titleIcon.gif) no-repeat left 4px;
	border-bottom: 1px solid #DDD;
}

.lp .search {
	
	text-align: right;
	margin-top: -20px;
}

.lp .search a {
	padding-left: 14px;
	background: url(../images/icon_arrow3.gif) no-repeat left 1px;
}

.lp .category li {
	display: inline;
}

/*--cp start--*/
.cp h3 {
	margin-top: 10px;
}

.cp .webFun {
	margin-top: 10px;
}

.cp .webFun li {
	display: inline;
	padding-right: 6px;
	
	color: #666;
}

.cp .webFun li img {
	padding-right: 2px;
}

.cp .webFun li em {
	font-style: normal;
	color: #FF0000;
}

.cp .image img {
	width: 360px;
	border: 1px solid #999;
}

.cp .info li {
	
	color: #999;
}

.cp .info span {
	color: #336699;
	padding-left: 4px;
}

.cp p {
	margin-top: 10px;
	margin-bottom: 10px;
}

.cp p img {
	width: 300px;
}

.cp .TabbedPanels li span {
	color: #333;
}
/*--cp end--*/

/*--qp and forward start--*/
.qp table label, .forwardForm table label {
	
	color: #999;
}

.qp table th, .forwardForm table th {
	text-align: left;
	padding-right: 6px;
	vertical-align: top;
}

.qp table caption, .forwardForm table caption {
	color: #336699;
}

.qp form div, .forwardForm form div {
	text-align: right;
	margin-top: 10px;
	padding-top: 4px;
	border-top: 1px dotted #999;
}
/*--qp and forward end--*/

.layout {
	background: #FFF;
}

/*--leftbg design--*/
.leftbg {
	vertical-align: top;
	background: url(../images/centerbgl.gif) no-repeat right 16px;
}

/*--center design--*/
.center {
	vertical-align: top;
	border: 1px solid #DDD;
	padding: 10px;
	background: #FBFBFB;
}

/*--rightbg design--*/
.rightbg {
	vertical-align: top;
	/*background: url(../images/centerbgr.gif) no-repeat left 10px;*/
}


/*--footer design--*/
.footer {
	background:url(../images/foot_bg.jpg) no-repeat;
	height: 121px;
	padding: 5px;
}

.footer p {
	width: 80%;
	margin-left: 64px;
	padding-top: 10px;
}

.footer .update, .footer .visitor {
	color: #000000;
	
	padding-left: 14px;
	background: url(../images/bullet3_hover.gif) no-repeat left 4px;
	*background: url(../images/bullet3_hover.gif) no-repeat left 3px !important;/*IE7*/
}

.footer em {
	margin-left: 6px;
	color: #D75116;
	
	font-style: normal;
}

.footer .copyright{
	float: right;
	margin-left: 10px;
}

.footer .copyright2{
	float:left;
	margin-left: 250px;
}

.footer .visitor {
	float: left;
	margin-left: 10px;
}

.footer .egov {
	float: right;
	margin: 10px;
}

.footer .aaa{
	float: right;
	margin: 10px;
}

/*--accesskey--*/
.accesskey {
	position:absolute;
	filter:alpha(opacity=0);	
	-moz-opacity:0;
	opacity:0.5;
	text-decoration:none;
	display:none;
}

/*--Design Setting End--*/
/*------------------------------*/
