.button {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(../images/button.gif) no-repeat left top; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 54px; COLOR: #fff; HEIGHT: 20px; BORDER-RIGHT-WIDTH: 0px
}
.input {
	HEIGHT: 15px
}
.textarea {
	WIDTH: 90%; HEIGHT: 50px
}
#page {
	BACKGROUND: #fff; MARGIN: 0px auto; WIDTH: 850px
}
#header .top {
	
}
#header .logo {
	FLOAT: left; MARGIN: 5px 0px
}
#header .logo IMG {
	FLOAT: left
}
#header .logo H2 {
	FONT-SIZE: 15px; FLOAT: left; COLOR: #ff6501
}
#header .quickmenu {
	FLOAT: right
}
#header .quickmenu LI {
	DISPLAY: inline; PADDING-LEFT: 15px; BACKGROUND: url(../images/system_tag.gif) no-repeat left center; FLOAT: left; MARGIN: 35px 10px 0px
}
#header .quickmenu LI A {
	COLOR: #063
}
#header .quickmenu LI A:hover {
	TEXT-DECORATION: underline
}
#header .banner {
	CLEAR: both;
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 20px;
	FONT-WEIGHT: bold;
	MARGIN-BOTTOM: 5px;
	PADDING-BOTTOM: 8px;
	COLOR: #fff;
	PADDING-TOP: 8px;
	HEIGHT: 12px;
	background-image: url(../images-demo/banner_gb.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#container .columnleft {
	FLOAT: left; MARGIN-RIGHT: 5px
}
.columnleft .user {
	CLEAR: both; BORDER-RIGHT: #81a589 1px solid; BORDER-TOP: #81a589 1px solid; MARGIN-BOTTOM: 5px; BORDER-LEFT: #81a589 1px solid; WIDTH: 200px; BORDER-BOTTOM: #81a589 1px solid
}
.columnleft .user .head {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND: url(../images/user_gb.gif) repeat-x left top; PADDING-BOTTOM: 6px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 6px
}
.columnleft .user .content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.user .content .position {
	MARGIN: 5px 0px
}
.user .content .position .left {
	BORDER-RIGHT: #aaa 1px dashed; FLOAT: left; MARGIN: 5px 3px
}
.user .content .position .left A {
	PADDING-LEFT: 20px; BACKGROUND: url(../images/register_tag.gif) no-repeat left center; LINE-HEIGHT: 20px
}
.user .content .position .left A:hover {
	TEXT-DECORATION: underline
}
.user .content .position .right {
	PADDING-RIGHT: 5px; FLOAT: left; MARGIN: 5px 0px
}
.user .content .position .right DIV {
	LINE-HEIGHT: 20px; TEXT-ALIGN: center
}
.user .content .position .right A:hover {
	TEXT-DECORATION: underline
}
.user .content .buttons {
	CLEAR: both; TEXT-ALIGN: center
}
.columnleft .news {
	CLEAR: both; BORDER-RIGHT: #81a589 1px solid; BORDER-TOP: #81a589 1px solid; MARGIN-BOTTOM: 5px; BORDER-LEFT: #81a589 1px solid; WIDTH: 200px; BORDER-BOTTOM: #81a589 1px solid
}
.news .head {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND: #95c29e; PADDING-BOTTOM: 5px; MARGIN: 2px 1px; WIDTH: 180px; COLOR: #fff; PADDING-TOP: 5px; HEIGHT: 16px
}
.news .head SPAN {
	FLOAT: left
}
.news .head .more {
	DISPLAY: block; BACKGROUND: url(../images/more.gif) no-repeat left center; FLOAT: right; WIDTH: 32px; HEIGHT: 5px
}
.news .content {
	CLEAR: both; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.news .content LI {
	PADDING-LEFT: 20px; BACKGROUND: url(../images/news_list.gif) no-repeat left top; LINE-HEIGHT: 20px
}
.news .content LI A:hover {
	TEXT-DECORATION: underline
}
.columnleft .location {
	MARGIN-BOTTOM: 3px
}
#container .columnright {
	FLOAT: left
}
.columnright .list {
	BORDER-RIGHT: #81a589 1px solid; BORDER-TOP: #81a589 1px solid; FLOAT: left; MARGIN-BOTTOM: 7px; BORDER-LEFT: #81a589 1px solid; BORDER-BOTTOM: #81a589 1px solid
}
.list .listhead {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 617px; PADDING-TOP: 5px; BORDER-BOTTOM: #aaa 1px solid
}
.list .listhead H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; FLOAT: left; COLOR: #063
}
.list .linkhead A {
	PADDING-LEFT: 20px; FONT-SIZE: 14px; BACKGROUND: url(../images/list.gif) no-repeat left center; FLOAT: right; COLOR: #c60! important; TEXT-DECORATION: underline! important
}
.list .tablelist {
	OVERFLOW-Y: hidden; OVERFLOW-X: auto; PADDING-BOTTOM: 20px; WIDTH: 100%
}
.list .content {
	CLEAR: both
}
.list TABLE {
	
}
.list .content .header {
	MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE: 14px; TEXT-ALIGN: center
}
.list .content .title {
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 20px;
	PADDING-BOTTOM: 5px;
	MARGIN: 10px 0px;
	PADDING-TOP: 5px;
	background-color: #F3F3F3;
	background-image: url(../images/list_tag.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #000000;
}
.tablecontent {
	BORDER-TOP: #999 1px solid; BORDER-BOTTOM: #999 1px solid
}
.tablecontent TH {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #b0d2b7; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #063 1px solid; WHITE-SPACE: nowrap; TEXT-ALIGN: center
}
.tablecontent .listtop {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #eaeaea; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; WHITE-SPACE: nowrap; TEXT-ALIGN: left
}
.tablecontent .listbottom {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #f5f5f5; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; WHITE-SPACE: nowrap; TEXT-ALIGN: left
}
.tablecontent TD A {
	COLOR: #000! important
}
.tablecontent TD A:hover {
	COLOR: #063! important; TEXT-DECORATION: underline
}
.logohead {
	CLEAR: both; MARGIN-TOP: 10px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 2px; COLOR: #063; MARGIN-RIGHT: 5px; BORDER-BOTTOM: #df8a3f 2px solid
}
.showlogo {
	CLEAR: both; MARGIN-TOP: 5px; MARGIN-LEFT: 3px
}
.columnleft .menu {
	BORDER-RIGHT: #81a589 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #81a589 1px solid; PADDING-LEFT: 2px; BACKGROUND: #f8f7e7; PADDING-BOTTOM: 2px; BORDER-LEFT: #81a589 1px solid; WIDTH: 195px; PADDING-TOP: 2px; BORDER-BOTTOM: #81a589 1px solid
}
.columnleft .menu .head {
	FONT-WEIGHT: bold; BACKGROUND: url(../images/menuhead_gb.jpg) repeat-x left top; MARGIN: 2px 0px; COLOR: #fff; PADDING-TOP: 3px; HEIGHT: 17px
}
.columnleft .menu .content .title {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND: #95c29e; PADDING-BOTTOM: 3px; COLOR: #fff; PADDING-TOP: 3px
}
.columnleft .menu .content LI {
	PADDING-RIGHT: 20px; MARGIN-TOP: 2px; PADDING-LEFT: 20px; BACKGROUND: url(../images/menu_li_tag.gif) #c6dec3 no-repeat left center; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.columnleft .menu .content LI A:hover {
	TEXT-DECORATION: underline
}
.listview {
	MARGIN-BOTTOM: 10px
}
.listview .header {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: url(../images/list.gif) no-repeat left center; PADDING-BOTTOM: 5px; MARGIN: 10px 0px 2px; COLOR: #063; PADDING-TOP: 5px; BORDER-BOTTOM: #aaa 1px solid
}
.listview TABLE {
	WIDTH: 100%
}
.listview .headtitle {
	MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE: 14px; TEXT-ALIGN: center
}
.listview .title {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND: url(../images/list_tag.gif) #efefef no-repeat left center; PADDING-BOTTOM: 5px; MARGIN: 10px 0px; PADDING-TOP: 5px
}
.newView {
	MARGIN: 0px 10px 10px; WIDTH: auto
}
.newView .title {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND: #efefef; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; TEXT-ALIGN: center
}
.newView .dataLabel {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; WIDTH: 15%; COLOR: #666666; PADDING-TOP: 2px; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #f1f7f0; TEXT-ALIGN: right
}
.newView .dataField {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; WIDTH: 35%; COLOR: #000000; PADDING-TOP: 2px; BACKGROUND-COLOR: #fff
}
.newView .buttons {
	MARGIN: 10px 0px 20px; COLOR: #fff; TEXT-ALIGN: center
}
.navigation {
	MARGIN-TOP: 20px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FLOAT: left
}
.require {
	PADDING-RIGHT: 10px; MARGIN-TOP: 20px; FLOAT: right; COLOR: #f03
}
.head {
	CLEAR: both; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; BACKGROUND: #95c29e; PADDING-BOTTOM: 3px; MARGIN: 10px 10px 0px; PADDING-TOP: 3px
}
#footer {
	CLEAR: both
}
#footer .right {
	BORDER-TOP: #aaa 1px dashed; MARGIN-TOP: 10px; PADDING-TOP: 10px; TEXT-ALIGN: center
}
.information {
	MARGIN: 5px
}
.information .hdinfo H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; PADDING-BOTTOM: 5px; BORDER-BOTTOM: #ccc 4px double; TEXT-ALIGN: center
}
.information .hdinfo .issue {
	FLOAT: right; MARGIN: 10px
}
.information .hdinfo .issue SPAN {
	MARGIN: 0px 5px
}
.information .bdinfo {
	CLEAR: both; MARGIN: 5px
}
.information .bdinfo P {
	MARGIN: 10px; LINE-HEIGHT: 20px
}
.calogin {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(../images/ca.gif) left top; PADDING-BOTTOM: 10px; MARGIN: 10px auto; WIDTH: 700px; PADDING-TOP: 10px
}
.calogin .head {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 5px; COLOR: #063; PADDING-TOP: 5px
}
.calogin .left {
	BORDER-RIGHT: #ccc 1px dashed; PADDING-RIGHT: 10px; BORDER-TOP: #ccc 1px dashed; MARGIN-TOP: 10px; PADDING-LEFT: 10px; BACKGROUND: url(../images/chapter.gif) no-repeat left bottom; FLOAT: left; PADDING-BOTTOM: 10px; BORDER-LEFT: #ccc 1px dashed; WIDTH: 280px; LINE-HEIGHT: 25px; MARGIN-RIGHT: 10px; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px dashed; HEIGHT: 280px
}
.calogin .right {
	BACKGROUND: url(../images/calogin.gif) left top; FLOAT: right; MARGIN: 0px 10px; WIDTH: 370px; HEIGHT: 320px
}
.bannershow {
	DISPLAY: block;
	MARGIN-BOTTOM: 5px;
	HEIGHT: 150px;
	background-image: url(../images-demo/advert1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.bannershow A {
	FONT-SIZE: 13px; COLOR: #36f! important
}
.bannershow A:hover {
	TEXT-DECORATION: underline! important
}
.topword {
	MARGIN-TOP: 15px; FLOAT: left; MARGIN-LEFT: 230px
}
.bottomword {
	MARGIN-TOP: 120px; FLOAT: right; MARGIN-RIGHT: 10px
}
