@charset "utf-8";

body {
	color: #454545;
	background-color: #FFF;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	border: thin solid #333;
	width: 960px;
	padding: 0;
	;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.content {
	height: auto;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin: 0px auto;
	;
	text-align: left;
	padding: 15px;
}


.right {
	background-color: #EDEBD6;
	width: 52px;
	float: right;
	margin-bottom: 3%;
}
.rightbar { font-size: 1em; font-family: Tahoma, Arial, Sans-Serif; background-color: #6b7251; margin-top: 0; position: absolute; width: 1.5%; height: 100%; float: right; border-left: 2% solid #eceedd; }
.righthead { color: #7a7d68; font-size: 1em; font-weight: bold; background-color: #e4e8d4; background-image: url(../html/images/corner.gif); background-repeat: no-repeat; background-position: right top; margin-bottom: 10px; margin-left: 0; padding-left: 3%; border-bottom: 3px solid #91a3a4; }
h1 { font-family: Tahoma, Arial, Sans-Serif; color:#748492; font-size: 2.1em; letter-spacing: -1px; margin: 0; padding: 7px 0 0 8px; }
h1 a:hover { color: #ff6600; background:  }
h2 {
	color: #000;
	letter-spacing: -1px;
	margin: 0 0 5px;
	padding: 0;
	font-size: 1.7em;
	font-weight: bold;
}
h4 {
	font-size: 0.7em;
	color: #333;
	float: right;
	text-align: center;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.right_side { color: #df6800; font-size: 1.1em; font-family: Tahoma, Arial, Sans-Serif; background-position: 0 0; width: 28%; float: right; margin-top: 1%; margin-right: 2%; margin-bottom: 1%; border-bottom-color: #e9e3da; }
.right_articles { color: #393d4f; font-size: 1em; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin-bottom: 3px; margin-left: 15px; padding-top: 2px; }
.right_box { color: #000; background: #fff; float: right; margin-top: 0; margin-right: 10%; margin-left: 0%; padding-top: 3px; padding-right: 0; padding-left: 0; }
.logo {
	background-color: #feffff;
	padding-top: 30px;
	padding-bottom: 20px;
	text-align: left;
	padding-left: 20px;
}
.dark {
	color: #004274;
	font-size: 1.35em;
	font-family: Tahoma, Arial, Sans-Serif;
	font-weight: bold;
	padding-top: 1px;
}
.bodytext p{
	margin-left: 20px;
	text-align: left;
	padding-right: 30;
	width: 630px;
}
.subdescript {
	width: 500px;
	font-size: 11px;
	text-align: left;
	color: #333;
	border: 1px solid #CCC;
	padding: 10px;
	margin-left: 2em;
	margin-top: 2em;
	margin-bottom: 2em;
	white-space: normal;
}
sup {
	font-size: 10px;
}


.bodytext {
	width: 650px;
	text-align: left;

}
.bodytext li {
	list-style-position: outside;
	list-style-type: square;
	text-align: left;
	margin-left: 30px;
	display: list-item;
}

form { margin: 0; }
ul { list-style: none; margin: 0; padding: 0; }
/* input.search { color: #e0691a; font-weight: normal; background: #fff url(css/input.gif) no-repeat; padding: 4px; width: 292px; border: 0; }
/* input.submit { color: #fff; font: bold 1em Arial, Sans-Serif; background: #e0691a url(css/submit.gif) no-repeat; margin: 0 15px 1px 0; padding: 4px 0; width: 65px; border: 0; }
/* input.login { padding: 4px; width: 150px; border: none; }

/* layout */
.content { margin: 0 auto; padding: 10px; width: 780px; }
.header {
	color: #666;
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 10px;
	margin-top: 20px;
	padding-right: 20;
	text-align: center;
	padding-left: 20px;
	letter-spacing: 1px;
	line-height: 30px;
}
.top_info {
	color: #000;
	font-size: 1.2em;
	background-color: #feffff;
	background-image: none;
	background-position: 0 0;
	text-align: justify;
	width: 50%;
	margin-right: 5%;
	padding-right: 10%;
	padding-bottom: 2%;
	border-bottom: 1px solid #eee;
}
.top_info_head {
	color: #2C3F56;
	font-size: 1em;
	font-weight: bolder;
	background-image: url(../images/computer_future.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right center;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 1px;
	border-bottom: 2px solid #e4e3dc;
}
.top_info_left {
	color: #d6d7c1;
	background-color: #878172;
	float: left;
	border-right: 1% solid #e7731e;
	border-left: 1% solid #e7731e;
	border-top-style: solid;
}
.top_info_leftarticle {
	font-stretch: semi-expanded;
	background-color: #fdfeff;
	text-align: justify;
	letter-spacing: 0.5px;
	width: 650px;
	;
	line-height: 25px;
	font-size: 1;
	border: 0.5px solid #09C;
	padding: 10px;
	margin-top: 15px;
	margin-right: 13px;
	margin-bottom: 15px;
	margin-left: 13px;
}
.top_info_right {
	padding-right: 5pt;
	width: 500px;
	float: left;
	padding-left: 0px;
}
.top_info_right p {
	line-height: 25px;
	font-size: 1.12em;
	word-spacing: 0px;
	letter-spacing: 1px;
	padding-right: 20px;
	color: #000;
}

.top_info_right li a {
	color: #1b4c8f;
	font-size: 1em;
	text-align: left;
}
.browse_category { color: #fff; font-size: 0.9em; background-color: #9aa29c; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 6%; height: 18px; margin-left: 20px; padding-top: 1px; padding-bottom: 1px; border-bottom-color: #b1c6c8; border-bottom-style: solid; }

.bar {
	color: #fff;
	font-size: 12px;
	background: #6f6f6f;
	height: 18px;
	border-bottom: medium solid #b1c6c8;
	padding-top: 3px;
	padding-bottom: 8px;
	padding-left: 20px;
	width: 98%;
}
.bar li { color: #df6800; background-color: #6f6f6f; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; letter-spacing: 0.05em; height: 18px; float: left; padding-right: 6px; padding-left: 6px; }
.bar li.active { color: #fff; font-weight: bold; background-repeat: no-repeat; background-attachment: scroll; background-position: center top; letter-spacing: 0.05em; height: 18px; padding-right: 6px; padding-left: 6px; border-bottom: thin solid #ccc; }
.bar li a { color: #fff; font-weight: bold; background-color: transparent; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; height: 18px; padding-top: 1px; padding-bottom: 1px; }
.bar li a:hover { color: #e0e0d7; background-color: transparent; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; height: 18px; padding-top: 1px; padding-bottom: 1px; border-bottom: thin solid white; }
.search_field { color: #808080; background-color: #fff; background-repeat: no-repeat; background-attachment: scroll; background-position: right 50%; margin: 5px 0; padding: 7px 25px 10px 10px; clear: both; border-bottom-color: yellow; }
.grey { color: #808080; font-weight: normal; background-color: transparent; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
.search_form { float: right; }
.subheader {
	color: #333;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 2px;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 1em;
	font-weight: bolder;
}
/*center set*/
.center { color: #05282d; font-size: 1em; font-family: Tahoma, Arial, Sans-Serif; text-align: justify; width: 50%; margin: 0 25% 10px 20%; padding-right: 30%; padding-left: 5%; }
.center h3 { font: bold 1em Tahoma, Arial, Sans-Serif; color: #fff; background-color: #a9c0ce; background-attachment: scroll; margin: 0; padding: 7px 0 7px 5px; }
.center_side { font-family: Tahoma, Arial, Sans-Serif; font-weight: normal; background-color: #fff; background-image: none; width: 250px; float: left; margin: 2% 2% 2% 5%; }
.center_side a, .right_side a { color: #414141; font-family: Tahoma, Arial, Sans-Serif; background: #fff; float: left; }
.center_box { color: #000; background: #fff; margin: 0 5% 3%; padding: 3px 0; }
/* left set */
.left {
	font-family: Tahoma, Arial, Sans-Serif;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left: 20px;
}
/*.leftbar { font-size: 1em; font-family: Tahoma, Arial, Sans-Serif; background-color: #6b7251; background-image: url(images/corner.gif); width: 1%; height: 100%; margin-top: 0; margin-right: 0; border-left: 2% solid #eceedd; }*/
.left h3 { font: bold 1em Tahoma, Arial, Sans-Serif; color: #fff; background: #a9c0ce url(../images/corner.gif) no-repeat right top; margin: 0; padding: 7px 0 7px 5px; }
.left_side { color: #df6800; font-family: Tahoma, Arial, Sans-Serif; text-align: left; width: 28%; float: left; margin-bottom: 3%; padding-top: 1%; padding-right: 4%; padding-left: 5%; border-right: 1px dotted #989898; border-bottom-color: #e4e3dc; border-bottom-width: 1px; }
.left_side a,  .right_side a { color: #c63; font-size: 1.1em; font-family: Tahoma, Arial, Sans-Serif; background: #fff; text-align: right; float: left; margin-bottom: 10%; margin-left: 3%; }
.left_box { color: #000; background: #fff; float: left; margin-top: 0; margin-right: 0; margin-left:10%; padding-top: 3px; padding-right: 0; padding-left: 0; }
/* right set*/
.hide_news { visibility: hidden; margin: 0 0 5px; }
.rightnav {
	width: 250px;
	line-height: 20px;
	height: auto;
	background-position: center bottom;
	background-image: url(../html/www/images/blackstrip.gif);
	padding-bottom: 20px;
	float: right;
	text-align: left;
}
.rightbar { font-size: 1em; font-family: Tahoma, Arial, Sans-Serif; background-color: #6b7251; margin-top: 0; position: absolute; width: 1.5%; height: 100%; float: right; border-left: 2% solid #eceedd; }
#righthead {
	color: #EFEFEF;
	font-size: 1em;
	font-weight: bold;
	background-color: #C45526;
	background-image: url(../images/corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border-bottom: 3px solid #91a3a4;
	padding-top: 8px;
	padding-right: 0px;
	padding-left: 15px;
	letter-spacing: 1px;
	word-spacing: 5px;
	padding-bottom: 8px;
	text-align: left;
}
.right_side { color: #df6800; font-size: 1.1em; font-family: Tahoma, Arial, Sans-Serif; background-position: 0 0; width: 28%; float: right; margin-top: 1%; margin-right: 2%; margin-bottom: 1%; border-bottom-color: #e9e3da; }
#right_articles {
	color: #282828;
	margin-bottom: 3px;
	margin-right: 15px;
	padding-left: 0px;
	text-decoration: none;
	background-color: #FFF;
	padding-right: 15px;
}
.right_articles li {
	background-color: #FFF;
	padding-left: 12px;
	padding-top: 15px;
	margin-right: 20px;
	margin-left: 0px;
	padding-right: 12px;
	text-align: left;
	line-height: 15px;
	list-style-type: none;
}
/* end slideshow */
.right_articles p {
	padding-left: 17px;
	padding-right: 17px;
	padding-top: 15px;
	padding-bottom: 50px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 30px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #09F;
	background-color: #FFF;
	font-size: 12px;
	background-image: url(../html/www/images/rightshadow.png);
	background-position: right top;
	background-repeat: repeat-y;
}
.right_articles a {
	text-decoration: none;
	color: #333;
	letter-spacing: 1px;
	padding-bottom: 5px;

}

.right_box { color: #000; background: #fff; float: right; margin-top: 0; margin-right: 10%; margin-left: 0%; padding-top: 3px; padding-right: 0; padding-left: 0; }
.image {
	float: left;
	margin-left: 5%;
	margin-right: 20px;
	margin-top: 25px;
}
.imagedescript {
	width: 200px;
	font-size: 11px;
	text-align: left;
	color: #FFF;
	border: 1px solid #CCC;
	white-space: normal;
	float: right;
	background-color: #000;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 2em;
	margin-right: 0em;
	margin-bottom: 2em;
	margin-left: 2em;
}

/*bottom_info*/
/*Icon set*/
.icon {
	font-size: 10px;
	width: 50px;
	height: 15px;
	padding-bottom: 1em;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	text-align: center;
	position: static;
	padding-left: 3em;
	margin-left: 58em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	padding-top: 1px;
	padding-right: 3em;
	border-top-color: #CCC;
}
.icon li a {
	font-size: 1em;
}
.icon li a:hover {
	color: #295872;
	font-size: 1em;
	padding-left: 15px;
	font-weight: bolder;
}
.bottom {
	font-size: 0.9em;
	text-align: center;
	clear: both;
	padding-right: 20px;
	padding-left: 20px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCC;
	background-color: #09C;
	margin-right: auto;
	margin-left: auto;
}
.bottom li {
	color: #49494a;
	background-color: #f8faf9;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	text-align: center;
	float: left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	padding-right: 20px;
	padding-left: 30px;
}
.bottom li.active { color: #ade0ee; font-weight: normal; background-repeat: no-repeat; background-attachment: scroll; background-position: center top; padding-bottom: 1px; border-bottom: thin solid #ccc; }
.bottom li a { color: #507177; font-weight: normal; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; height: 18px; padding-top: 1px; padding-bottom: 1px; }
.bottom li a:hover { color: #b1c6c8; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding-top: 1px; padding-bottom: 1px; }
/* footer set */
.footer {
	line-height: 1.8em;
	background-color: #333;
	text-align: center;
	clear: both;
	border-top: 1px solid #ededed;
	color: #CCC;
	font-size: 11px;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	letter-spacing: 1px;
	word-spacing: 5px;
}
.footer a {
	color: #FFF;
	background: #fff;
}
a:link {
}
a:hover { color: #91a3a4; }
a:visited { color: #808080; }
td { clear: left; border-right: 50% solid #ffc714; }
.feature {
	background-color: #FFF;
	width: 200px;
	padding: 5px;
	margin-left: 10px;
}

/* slideshow */
#slideshow #slidesContainer {
	margin:0 auto;
	width:560px;
	height:263px;
	overflow:auto;
	position: relative;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:263px;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:263px;
}

/**
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
	top:0;
	left:0;
	background:transparent url(img/control_left.jpg) no-repeat 0 0;
	position: relative;
}
#rightControl {
	top:0;
	right:0;
	background:transparent url(img/control_right.jpg) no-repeat 0 0;
	position: relative;
}

	<script type="text/javascript" src="js/jquery-1.3.js"></script>
	<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$('#myslides').cycle({
				fx: 'fade',
				speed: 5000,
				timeout: 2000
			});
		}); 
	</script>
#bodytext {
	line-height: 30px;
	font-size: 1em;
	width: 650px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 20px;
	text-align: justify;
}
.sub_tab {
	color: #df6800;
	background: #f4f7fa url(/images/line_sq.gif) repeat-x right center;
	width: 120px;
	margin-top: 2px;
	float: right;
	margin-right: 1%;
	padding-left: 1%;
	border-bottom: 1px dashed #91a3a4;
	font-size: 11px;
	list-style-type: none;
}

#myslides {
	height: 236px;
	overflow: hidden;
} 
 
#myslides img {
	background-color: rgb(230,230,230);
	width: 710px;
	height: 236px
}