html, body {
	font:Verdana, Geneva, sans-serif;
	padding:0;
	margin:0;
	height:100%;
	background-color: #FFF;
	background-image:url("../image/html-bg.png");
	background-position: center top;
	background-repeat: repeat-y;
}
h1{font-size: 120%;font-weight: bold;color: #D14516;margin:2px;}
h2 { font-size:110%; padding-bottom:0.4em; background-color:#fff; color:#D14516;}
h3 { font-size:105%; color:#666; background-color:#fff;}
h4 { font-size:102%; padding-bottom:0.2em; color:#666; background-color:#fff;}
h4.style2{	border-bottom-color:#999;
	border-bottom-style:dashed;
	border-bottom-width:1px;
	font-size:90%;
	background-color:#FAFAFA;}
h5 { margin-top:0;}
form{
	display:inline;
	}
p {
	font-size:1em;
	padding-bottom:5px;
	margin-top:10px;
	margin-bottom:20px;
	color:#333;
}
p.small{
	font-size: 0.8em;
	}
p.description{
	font-size: 12px;;
	padding: 0;
	margin: 0;
	margin-left: 30px;
	color:#999;
	}
ul {margin:0; padding:0; }
ul li{margin-left: 1em; font-size:0.9em;}
ul ul li { font-size: 1.0em; }
ul ul { font-size: 0.9em;  margin-left: 2em; padding-top:10px;}
ol li { font-size:0.9em; list-style-type:decimal; padding-bottom:0.5em; }
ul.display { font-size:0.8em; text-align:center; color:#666; margin:0; padding:0;}
li.csulinks { list-style-type:none; display:inline; padding-right:0.5em; font-size:0.8em;}
li.info { list-style-type:none; text-align:center; font-size:0.8em; padding:0.8em 0 2em;}
ul.none,li.none {list-style-type:none;}
a, a:link, a:active, a:visited{ text-decoration:none; color:#B60203;}
a:hover{text-decoration:none; color:#999;}
a.button, a.button:visited{ 
 color: #fff; background-color:#1e5184; font-size:1em; font-weight:bolder; text-decoration: none;  border-bottom:0.1em solid #555; border-right:0.1em solid #555; border-top:0.1em solid #ccc; border-left:0.1em solid #ccc; margin: 0.2em; padding:0.2em; display:block; width:100px; text-align:center;
}
a.button:hover {
	background-color:#003366;
	color:#FFF;
	border-top:0.1em solid #777;
	border-left:0.1em solid #777;
	border-bottom:0.1em solid #aaa;
	border-right:0.1em solid #aaa;
	padding:0.2em;
	margin: 0.2em;
} 
a.red{ background:#900;}
a.back{
	display:block;
	width: 180px;
	height: 15px;
	padding: 5px;
	padding-left:15px;
	text-align:center;
	background:url(../image/back_list.png) 0px 0px no-repeat;
	color: #fff;
	text-shadow: 1px 1px 6px #000;
	}
a.back:hover{
	background:url(../image/back_list.png) 0px -30px no-repeat;
	}
hr{
	border: 1px dotted #999;
}
img{border:0;}
img.shadow{
	border: 0;
	background:url(../image/shadow-1000x1000.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
	}
div.sperate{
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	}
/**Class Styles**/
.floatleft{float:left; clear:right;}
.floatright{float:right; clear:left;}
.displaynone{display:none;}
.head{
	margin:0;
	padding:3px;
	padding-left: 25px;
	font-size: 1em;
	font-weight: bold;
	color:#366;
	background-color:#F3F3F3;
	background-image: url(../image/element/dunlag.png), url(../image/element/headbar1.png);
	background-repeat:no-repeat, repeat-x;
	background-position:center left;
	background-image: url(../image/element/headbar1.png) \9;
	background-repeat:repeat-x \9;
	text-transform: uppercase;
}
.strong{
	font-size:105%;
	font-weight:bolder;
	}
.clearboth{
	clear: both;
	height: 20px;	
	}
.block{
	display:block;
	}
.clear{
	font-size:0.8em;
	padding:0;
	margin:0;
	}
.nopadding{
	padding:0;
	}
.nomargin{
	margin:0;
	}
.noback{
	background:none;
	}
.small{
	font-size: 0.8em;
	}
.padleft{
	padding-left: 3em;
	}
.marginleft{
	margin-left: 3em;
	}
.wtbackground{
	background-color:#E1F0FF;
	}
.nobackground{
	background-color:#FFF;
	}
.center{
	text-align:center;
	vertical-align:middle;
	}
.lefttext{
	text-align:left;
	}
/* List Styles**/
ul.list{
	margin:0;
	padding:0;
	}
ul.list li{
	display:block;
	list-style:none;
	font-size:1em;
	padding: 5px;
	padding-top:0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	margin-left:0;
	vertical-align:middle;
	} 
ul.list li a{
	color:#333;
	}
ul.list li:hover, table.list tr:hover{
	background:#EEF7FF;
	}
ul.v_list{
	margin:0;
	padding:0;
	}
ul.v_list li{
	display: block;
	list-style:none;
	font-size:0.9em;
	padding-left:18px;
	background-image:url(../image/symbol_check.gif);
	background-position:left center;
	background-repeat:no-repeat;
	float:left;
	}
ul li.article, ul li.html, ul li.ppt, ul li.vacancy{
	padding:15px;
	padding-left:100px;	
	border-bottom:dashed #CCC 1px;
	vertical-align:text-top;
	}
ul li.article{
	background:url(../image/element/article_icon.gif) 15px center no-repeat, url(../image/crumbs.gif) center right no-repeat;
	background:url(../image/element/article_icon.gif) 15px center no-repeat \9;
	}
 ul li.article:hover{
	 background:url(../image/element/article_icon.gif) 15px center no-repeat;
	 }
ul li.html{
	background:url(../image/element/html.png) 15px center no-repeat, url(../image/crumbs.gif) center right no-repeat;
	background:url(../image/element/html.png) 15px center no-repeat \9;
	}
ul li.html:hover{
	background:url(../image/element/html-grey.png) 15px center no-repeat;
	}
ul li.ppt{
	background:url(../image/element/ppt.png) 15px center no-repeat, url(../image/crumbs.gif) center right no-repeat;
	background:url(../image/element/ppt.png) 15px center no-repeat \9;
	}
ul li.ppt:hover{
	background:url(../image/element/ppt-grey.png) 15px center no-repeat;
	}
ul li.vacancy, ul li.vacancy:hover{
	padding:5px;
	padding-left: 80px;
	background:url(../image/element/vacancy.png) 15px center no-repeat;
	background-color:inherit;
	}
ul li.video{
	padding:10px;
	padding-left:20px;
	background:url(../image/crumbs.gif) center right no-repeat;
	border-bottom:dashed #CCC 1px;
	vertical-align:text-top;
	}
ul li.video:hover{
	background:url(../image/element/videoicon.png) 15px center no-repeat;
	}
ul li.add{
	background: url(../image/element/add.png) 10px center no-repeat, url(../image/element/headbar4.png) repeat-x;
	background: url(../image/element/add.png) 10px center no-repeat \9;
	padding:5px;
	padding-left: 50px;
	color:#FFF;
	color:#F00 \9;
	font-weight:bold;
	text-shadow: 2px -1px 2px #000;
	border: none;
	}
ul li.add:hover{
	background: url(../image/element/add.png) 10px center no-repeat, url(../image/element/headbar3.png) repeat-x;
	background:url(../image/element/headbar3.png) repeat-x \9;
	color:#FFF \9;
	}
ul li.add a{
	display:block;
	color:#FFF;
	color:#F00 \9;
	}
/* =TABLE styles */
table { font-size:1em;width: 99.5%; margin:0 0 0 0 ; border-collapse: collapse;}
table.menu td{text-align:center; border:0;}
table.list td{
	font-size:1em;
	vertical-align:middle;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
}
table.dashborder, table.dashborder td, table.dashborder th{
	border: 1px dashed #CCC;	
	}

table.aligntop td{
	vertical-align: top;
	}
table td.highline{
	color: #FFF;
	background-color: #D7ECD8;
	}

table.list a{
	color:#000;
	}
th{text-align:left;}
th{
	width:200px;
	padding:0;
	background-color: #E1F0FF;
	color: #000;
	padding-top: 2px;
	padding-bottom:2px;
	font:Verdana, Geneva, sans-serif;
	font-weight:200;
	font-size:14px;
	}
th.nowidth{width:0;}
th.smallwidth{width:20px;}
th.scope {border:0; background-color:#fff;}
td {font-size:0.9em; text-align:left; padding:0.2em; vertical-align:center;}
td p {font-size: 1em; margin-top:0;}
td.noborder { font-size:0.9em; border:none;}
td.title { background-color:#d3d3d3; color:#000; border:1px solid #c8c8c8; text-align:center;font-weight:700;}
td.titleleft {background-color:#d3d3d3; color:#000; border:1px solid #c8c8c8; font-weight:700;}
td.textleftli { text-align:left; border:1px solid #d3d3d3; padding-left:.5em; padding-top:.5em; list-style-image:url(../global/arrow.gif);font-size:0.9em;}
tr.grey { background-color:#f5f5f5;}
caption { color:#333; background-color:#fff; font-weight:700; padding-bottom:10px; text-align:left; }
table.noborder, table.noborder tr, table.noborder tr td, table.noborder tr th{
	border:none;
	margin:0;
	padding:0;
		}

td.course{
	height:50px;
	padding:10px;
	padding-left:100px;	
	border-bottom:dashed #CCC 1px;
	vertical-align:text-top;
	background:url(../image/element/education_course_training.png) 15px center no-repeat;
	}
td.jobsdb{
	padding:5px;
	padding-left:130px;	
	border-bottom:dashed #CCC 1px;
	vertical-align:text-top;
	background:url(../image/jobsdb_logo.gif) 15px center no-repeat;
	}
td.jobfinder{
	padding:5px;
	padding-left:130px;	
	border-bottom:dashed #CCC 1px;
	vertical-align:text-top;
	background:url(../image/jobfinder_logo.jpg) 0px center no-repeat;
	}
/**********Select Option styles*******************/
select.full, select.full option{
	width: 100%;
	border:none;
	}
select option.date{
	font-size:1.2em;
	padding:15px;
	padding-left: 20px;
	background-color:#F2F2F2;
	color:#333;
	font-weight:bold;
	border: 1px outset #333;
	background:url(../image/cal_icon/orange2.png) top left;
	background-repeat:no-repeat;
	}
select option.date:hover{
	background-color:#E1F0FF;
	}
/************************************/


#footer{
	padding-top:50px;
	padding-right:10px;
	font-size: 0.8em;
	color: #963;
	text-align:right;
	font-style: italic;

	}
	
/*Top decoration*/
#topdecoration{
	background-color: #D7FFD7;
	height: 3px;
	width: 100%;
	background-image: url(../image/topdecoration.png);
	background-repeat: repeat-x;
}

#background_container{
	position:relative;
	height:100%;
	width:100%;
	background-image:url("../image/html-bg.png");
	background-position: center top;
	background-repeat: repeat-y;
	}
/*Container*/
#container{
	position:relative;
	clear: none;
	width: 898px;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFF;

	}
		
/*Top Logo*/
#topbanner{
	height:90px;
	width: 100%;
	background:url(../des/image/top_header.gif) center bottom;
	background-repeat:no-repeat;
	background-color:#F8FAF5;
	}
#topbanner #topbannerinner{
	height: 80px;
	width:100%;
	background-color:#FFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	}
#topbannerinner #logo{
	height: 80px;
	width: 150px;
	padding-left: 10px;
	float: left;
	background-image: url(../image/logo.png);
	background-repeat: no-repeat;
	}

#topbannerinner #topmenu{
	height: 80px;
	width: 720px;
	padding-right: 10px;
	float: right;
	position:relative;
	}
/*mid Container*/

#midcontainer{
	width: 100%;
	}

#midcontainer #left{
	margin:10px;
	float:left;
	width:30%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #09C;
	border-right-color: #09C;
	border-bottom-color: #09C;
	border-left-color: #09C;
	}
/*#midcontainer #left .button{
	width: 98%;
	height: 20px;
	border: 1px solid #F0EDDD;
	margin-bottom: 15px;
	background-color: #EEE;
	}
#midcontainer #left #logininfo{
	width: 90%;
	height:50px;
	-moz-border-radius: 1em;
	-webkit-border-radius:1em;
    background-color:#ddeef6;
    border:1px transparent;
    text-align:left;
    padding:12px;
    margin-top:5px;
    margin-right: 0px;
    color:#789;
    font-size:11px;
	}

#midcontainer #left #categories{
	width: 98%;
	height:auto;
	-moz-border-radius: 1em;
	-webkit-border-radius:1em;
	-moz-box-shadow: 0 2px 3px #ccc;
	border: 1px solid #F0EDDD;
	margin-top: 15px;
	background-image: url(../image/mainmenu_bar.png);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 18px;
	}
#midcontainer #left #categories.class2{
	background-image: url(../image/mainmenu_bar2.png);
		background-repeat: no-repeat;
	background-position: top;
	}
#midcontainer #left #categories.class3{
	background-image: url(../image/mainmenu_bar3.png);
		background-repeat: no-repeat;
	background-position: top;
	}
#midcontainer #left #categories.class4{
	background-image: url(../image/mainmenu_bar4.png);
		background-repeat: no-repeat;
	background-position: top;
	}

#categories ul{
	width: 100%;
	padding: 0;
	border: 1px solid #DDEEF6;
	border-top:0px;
	}
#categories li{
	list-style:none;
	border: 0px;
	border-top: 1px solid #DDEEF6;
	}
#categories li a{
	display: block;
	font-size: 0.8em;
	width: 80%;
	border: 0px;
	border-left: 20px solid #DDEEF6;
	text-decoration: none;
	text-align: left;
	color: #333;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 15px;
	}
#categories li a:hover, #categories li a.current{
	border-color:#F7C19D;
	background-color:#FDFEFF;
	}*/


#midcontainer #right{
	margin: 10px;
	width: 64%;
	float:right;
	}
#midcontainer #right .netvigator{
	width: 98%;
	height:16px;
	-moz-border-radius: 1em;
	-webkit-border-radius:1em;
	border: 1px solid #F0EDDD;
	margin-bottom: 15px;
	background-image: url(../image/greyback.png);
	background-repeat: repeat;
	}
.netvigator ul{
	padding-left: 10px;
	}
.netvigator li{
	display: inline;
	background-image: url(../image/greyarrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px;
	font-size: 0.8em;
	color: #069;
	}
.netvigator li:last-child{
	background-image:none;
	}
#midcontainer #right #contents{
		width: 99%;
	height:auto;
	border: 1px solid #F0EDDD;
	}
#midcontainer #right #contents .content{
	width:96%;
	padding:3px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #F0EDDD;
	margin-bottom:10px;
	-moz-border-radius: 0.5em;
	-webkit-border-radius:0.5em;
	}	

#topmenu ul{
	position:absolute;
	right:0;
	bottom:0;	
	}
#topmenu ul li{
	display: inline;

	}
#topmenu ul li a{
	float:left;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	margin-left: 5px;
	display:block;
	margin-right: 5px;
	padding:10px;
	background-image: url(../image/menu.png);
	background-repeat: repeat-x;
	width: 78px;
	}
#topmenu ul li a:hover, #topmenu ul li a.current{
	color:#FFF;
	background-color:#900;
	background-image: url(../image/menu_act.png);
	background-repeat: repeat-x;
	}



/* inner page menu*/
#contents ul.menu{
	list-style:none;
	}
#contents ul.menu li{
	float:right;
	border:none;
	padding:0;
	margin:0;
	margin-left: 2px;
	border:none;
	font-size:1em;
	}
#contents ul.menu li a{
	display:block;
	background-color:#399;
	color:#FFF;
	padding-left:10px;
	padding-right:10px;
	
	}
#contents ul.menu li a.class2{
	background-color:#900;
	}
#contents ul.menu li a.class3{
	background-color:#999;
	}
#contents ul.menu li a:hover{
	background:#900;
	}
#contents ul.menu input{
	margin: 0px;
	padding: 0px;
	background-color:#399;
	color:#FFF;
	padding-left:10px;
	padding-right:10px;
	height:15px;
	}
/*********/

/**Pagination****/
div.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
	background-color: #FFF;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	text-decoration: none; /* no underline */
	color: #000;
}
div.pagination a:hover, div.digg a:active {
border: 1px solid #000099;
color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	font-weight: bold;
	color:#069;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
	background-color: #FFF;
}

/***Calendar********/

.calendar caption {
	margin: 0;
	padding: .3em 0;
	background:#39C;
	color:#FFF;
	}
.calendar th {
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	background:#6CF;
	}
.calendar td {
	border: 1px solid #fff;
	padding: .1em .3em ;
	width: 1em;
	text-align: center;
	}
.calendar a {
	color: #000;
	text-decoration: none;
	}

.calendar td.today {
	background: #ffc;
	}
.calendar td.selected {
	border: 1px dotted #ff7800;
	}
.calendar td.highlighted {
	background: #fc9;
	}
	
.calendar td:hover, .calendar td.today:hover, 
.calendar td.selected:hover, .calendar td.highlighted:hover {
	background: #cff;
	border: 1px solid #09f;
	}

table.calendar td.pad {
	color: #999;
	background: #fff;
	}
table.calendar td.pad:hover {
	background: none;
	border: 0;
	}
	
.sunday, .saturday {
	background: #f0f0f0;
	}
	
#year {
	padding: 0;
	width: 500px;
	list-style: none;
	}
#year:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#year li {
	float: left;
	padding: 0 .5em .5em 0;
	height: 150px;
	}
	
/********************/

/**************Sort Table***********************/
/* tables */
table.tablesorter {
	background-color: #CDCDCD;
	margin:0px 0pt 0px;
	font-size: 10pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-weight:bold;
	font-size: 10pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image:url(../image/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../image/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../image/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

/*****ul menu = "crumbs"****/
ul.crumbs, ul.crumbs li{
	list-style-type:none;
	padding:0;
	margin:0;
	}
ul.crumbs{
	border: 1px solid #dedede;
	height: 1.9em;
	}
ul.crumbs li{
	float:left;
	font-size:0.8em;
	line-height:2.3em;
	padding: 0 15px 0 0;
	padding-left:.75em;
	color:#777;
	display:block;
	background:url(../image/crumbs.gif) no-repeat right center;
	}
ul.crumbs li.current{
	background:url(../image/crumbs_a.gif) no-repeat right center;
	}
	
/**************alert**************/
#alert{
			overflow: hidden;
			width: 100%;
			text-align: center;
			background-color: #900;
			height: 0;
			color:#fff;
			font: 20px/40px arial, sans-serif;
}

#alert.ok{
			overflow: hidden;
			width: 100%;
			text-align: center;
			background-color:#093;
			height: 0;
			color:#fff;
			font: 20px/40px arial, sans-serif;
}