@charset "utf-8";
/* CSS Document */

html,body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	background: #FFF;
	min-height: 100%;
	margin-bottom: 1px;
/*	background-color: #190000; */
}
#container {
	width: 960px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	
}

#page {
	width: 960px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	overflow: hidden;
	border-style: solid; 
    border-width:1px;
	border-color: #070707; 
}

#top {
	height: 110px;
	width: 960px;
	float: left;
	background-color:#000;
/*	background: url(../images/top.png) no-repeat; */
}

#menu {
	height: 27px;
	padding-top: 8px;
	width: 960px;
	float: left;
	font-family:Verdana;
	font-size: 12px;
	font-weight: bolder;
	text-align: center;
	background: url(../images/menu_bg.png) no-repeat;
	overflow: hidden;
}

.menuItem a {
        color:#333;
        text-decoration:none;
}

.menuItem a:hover {
        color:#333;
        text-decoration:underline;
}

#content {
	height: auto;
/*	min-height:400px; */
	width: 960px;
	overflow: hidden; 	
/*	float:left;
	padding:10px 10px 10px 10px; */
}

#content_left1 {
	height: 300px;
	width: 200px;
	float: left;
}

#content_middle {
	width: 670px;
	float: left;
	font-size:14px;
	text-align: justify;
	padding:0 20px 0 20px;
}

#content_right1 {
	height: 300px;
	width: 200px;
	float: left;
}


#content_left {
	width: 225px;
	height: auto;
	float: left;
	padding: 10px;
	border: 1px solid #000;
/*	background-color: #cccccc; */
	overflow: hidden;
}

#content_leftCon {
	width: 225px;
	height: auto;
	float: left;
	padding: 10px;
/*	border: 1px solid #000;
	background-color: #cccccc; */
	overflow: hidden;
}

#content_left_1 {
	width: 390px;
	height: 95px;
	margin-top: 100px;
	margin-left: 90px;
	background: url(../images/text.png) no-repeat;
	vertical-align:top;
	float: left;
	overflow: hidden;
}

#content_left_2 {
	width: 400px;
	/*background:url(../images/code.png) no-repeat;*/
	float: left;
	margin-left: 70px;
}

#content_left_3 {
	width: 500px;
	margin-top: 20px;
	height: 78px;
	float: left;
	overflow: hidden;
}

#content_right {
	width: 450px;
	padding-top: 30px;
	height: auto;
	float: left;
	overflow: hidden;
}

#content_bottom {
	height: 82px;
	padding-top: 20px;
	width: 960px;
	float: left;
	text-align: center;
	font-family: Tahoma;
	font-size: 25px;
	color: #000;
}

#footer {
	height: 22px;
	width: 960px;
	font-size: 11px;
	color: #000;
	text-align: right;
	overflow:hidden;
}

a {
	color:#000CFF;
	font-weight:bold;
}

.hidden {
    display: none;
}
.normal {
    display: inherit;
}

.links {
	height: auto;
	width: 960px;
	float:left;
}

.links a {
       color:#000000;
       font-weight:bold;
}

.form { border-style:solid; border-color:#878887; border-width:1px; }

input { border-style:solid; border-color:#878887; border-width:1px; }
input:focus { border-color:#000000; background-color:#FCFFA5; }

textarea { border-style:solid; border-color:#878887; border-width:1px; }
textarea:focus { border-color:#000000; background-color:#FCFFA5; }

input.button { padding: 3px 3px 3px 3px; font-size:1.2em; font-weight:bold; color:#FFFFFF; background-color:#000000; border:3px solid #4D4D4D; }
input.button:hover { background-color:#4D4D4D; border:3px solid #000000; }

input.button2 { padding: 2px 2px 2px 2px; font-size:0.9em; font-weight:bold; color:#FFFFFF; background-color:#000000; border:3px solid #4D4D4D; }
input.button2:hover { background-color:#4D4D4D; border:3px solid #000000; }

/* ========== message boxes ========== */
.info, .success, .warning, .error, .validation { border: 1px solid; margin-top : 10px; margin-bottom : 10px; padding:10px 10px 10px 50px; background-repeat: no-repeat; background-position:10px center; float:center; display:inline-block; text-align:left; clear:left; vertical-align:center; }

.info { color: #00529B; background-color: #BDE5F8; background-image: url('../images/info.png'); }
.success { color: #4F8A10; background-color: #DFF2BF; background-image:url('../images/success.png'); }
.warning { color: #9F6000; background-color: #FEEFB3; background-image: url('../images/warning.png'); }
.error { color: #CC0000; background-color: #F7CBCA; background-image: url('../images/error.png'); }
.validation { color: #D63301; background-color: #FFCCBA; background-image: url('../images/validation.png'); } 

/* ========== paging link ========== */
#pagingLink { font-family: Arial, Helvetica, sans-serif; font-weight:bold; color: #999999; padding: 1px 5px 1px 5px; }
#pagingLink a {	font-weight:normal;	background-color: #CCCCCC; padding: 1px 5px 1px 5px; text-decoration:none; border: 1px solid #000000; }
#pagingLink a:hover { font-weight:normal; color: #FFFFFF; background-color: #666666; padding: 1px 5px 1px 5px; border: 1px solid #000000; }

.red, .red A:link, .red A:visited, .red A:active  { color: red;text-decoration: none; }
.red A:hover {text-decoration: underline; color: red;}

.green, .green A:link, .green A:visited, .green A:active  { color: green;text-decoration: none; }
.green A:hover {text-decoration: underline; color: green;}

.messagebox { position:absolute; width:100px; margin-left:10px; border:1px solid #c93; background:#ffc; padding:0px 2px 0px 2px; }
.messageboxok { position:absolute; width:auto; margin-left:10px; border:1px solid #349534; background:#C9FFCA; color:#008000; padding:0px 2px 0px 2px; }
.messageboxerror{ position:absolute; width:auto; margin-left:10px; border:1px solid #CC0000; background:#F7CBCA; color:#CC0000; padding:0px 2px 0px 2px; }

.headText {
	font-size:1em;
	font-weight:bold;
}
.headTextWhite {
	font-size:1em;
	font-weight:bold;
	color:#FFFFFF;
}
.box { border-style:solid; border-color:#878887; border-width:1px; }

.regLink {
	color:red;
	font-size: 1.5em;
}

.purpleText {
	color:#7B509E;
}

.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#tabs {
	float: left;
	width:100%;
	font-size:110%;
	overflow:hidden;
	}

#tabs ul {
	margin:0;
	padding: 0 0 10px 0;
	list-style:none;
	
	}

#tabs li {
	display: inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background: url(../images/left.png) no-repeat left top;
	margin:0;
	color: #fff;
	padding:0 0 0 4px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background: url(../images/menu.png) no-repeat right top;
	padding:0px 5px 24px 24px;
	margin-right: 4px;
	color: #fff;
	}


#tabs a span {
	float:none;
	color: #fff;
}

#tabs a:hover span {
}

#tabs a:hover {
	background-position:0% -29px;
	
}

#tabs a:hover span {
	background-position:100% -29px;
	color: #333;
}
.bottom_link{
	width:670px;
	height:30px;
	text-align:center;
	font-size:18px;
	color:#F00;
	font-weight:bold;	
}
.bottom_link a{
	text-decoration:none;
	color:#F00;
}
.top_num{
	width:100%;
	margin-top:15px;
	padding-left:480px;
	height:40px;
}
.num{
	width:200px;
	background-color:#000;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#F00;
	padding-top:5px;
	height:30px;
}