/* CSS Document */
body {background:url(images/pagebg.jpg) center top repeat-x; font: 11px Verdana, Arial, Helvetica, sans-serif; color:#5c5a56; background-attachment:fixed;}
* {margin: 0px;	padding: 0px;}
#wrap {width:835px; height:900px; margin:auto;}
#header { height:197px;}
#page {padding:5px 15px 5px 5px; width:815px; height:880px; background:url(images/page.jpg); margin-top:49px; color:#FFFFFF;}
#contents {float:left;	width: 810px;}
a {color:#989C50; text-decoration:none;}
a:visited { color:#989C50;}
a:hover {color:#fff; text-decoration:underline;}

h2 {font-size:13px; /*color: #989C50*/ color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;}
/*top nav*/
#topnav ul {list-style:none;}
#topnav li {display:inline;}
#topnav a {
	display:block; float:left;
	height: 23px; padding: 4px 25px 5px 10px;
	color: #5C5A56; text-decoration: none;
	text-transform: uppercase;
	}
#topnav {background:url(images/navbar.png); width:835px; height:28px;}
#topnav a:hover {background:url(images/menu2.png) 0 0 no-repeat; color:#fff;}
#topnav .active a {background:url(images/menu1.png) 0 0 no-repeat; color:#333;}


#topnav2 ul {list-style:none;}
#topnav2 li {display:inline;}
#topnav2 a {
	display:block; float:left;
	height: 18px; padding: 4px 10px 0 8px;
	color: #5C5A56; text-decoration: none;
	text-transform: uppercase;
	border:1px dotted #5C5A56;
	background:url(images/menu11.png);
	}
#topnav2 {background:url(images/navbar1.png); width:835px; height:28px;}
#topnav2 a:hover {background:url(images/menu22.png) 0 0 no-repeat; color:#fff;}
#topnav2 .active a {background:url(images/menu11.png) 0 0 no-repeat; color:#333;}


/*page contetnt below*/
#col1
{
/*padding: 0 15px 0 15px;
*/width:835px; height:auto;
text-align:center;
}
#bar
{
text-align:center;
width:790px;
background:#00FF66;
}

#bar:hover
{
padding:0 0 0 0px;
text-align:center;
background:#99FF00;
}
#col2
{
margin:10px  0 0 0;
}
#col2 .subhead 
{
	
	/*color:#5A5854;*/ color:#FFFFFF;text-transform:uppercase;
	display:block; margin:2px  0 0 0px; padding:0px 0px 2px 10px;
	 width:800px; height:15px;
	background:#201F1E;
	background:url(images/navbar.png);
	}
#col2 .subhead:hover
{
	background:#0066FF;
}
#col3
{
width:810px;
height:230px;
}
#col3 ul li.title
{
display:block;
text-align:center;
margin:5px 0 0 0;
height:30px;
}
#col3 ul li
{
display:block; float:left;
width:200px; height:200px;
text-align:center;
background:url(Pic/imagebg2.jpg);
border:1px dotted #5C5A56;
}
#col3 ul li:hover
{
display:block; float:left;
text-align:center;
background:url(Pic/imagebg3.jpg);
border:1px solid #3399FF;
}
#col3 #more
{
display:block;
float:right;
}
#col3 #more a
{
display:block;
float:right;
background:url(Pic/menu33.png);
width:95px; height:22px;
padding:4px 0 0 7px;
color:#000000;
font-weight:bold;
font-size:12px;
}

/*--col3 end */
#col4
{
width:810px;
height:250px;
}
#col4 ul li.desktop
{
	/*color:#5A5854;*/ color:#FFFFFF;text-transform:uppercase;
	float:left; text-align:center;
	display:block; margin:2px  0 0 0px; padding:0px 0px 2px 10px;
	width:250px; height:15px;
	background:#201F1E;
	background:url(images/navbar.png);
}
#col4 ul li.desktop:hover
{
	background:#3399FF;
}
#col4 ul li.access
{
	/*color:#5A5854;*/ color:#FFFFFF;text-transform:uppercase;
	float:left; text-align:center;
	display:block; margin:2px  0 0 0px; padding:0px 0px 2px 10px;
	 width:535px; height:15px;
	background:#201F1E;
	background:url(images/navbar.png);
	}
#col4 ul li.access:hover
{
	background:#0066FF;
}
#col4 ul li.dskimg
{
	display:block; float:left;
	width:260px; height:210px;
	text-align:center;
	background:url(Pic/imagebg2.jpg);
	border:1px dotted #5C5A56;
}
#col4 ul li.dskimg:hover
{

	background:url(Pic/imagebg3.jpg);
	border:1px dotted #3366FF;
}
#col4 ul li.accessimg
{
	display:block; float:left;
	padding:25px 0 0 0;
	text-align:center;
	width:540px; height:185px;
	text-align:center;
	background:url(Pic/imagebg2.jpg);
	border:1px dotted #5C5A56;
}

#col4 #more
{
display:block;
float:right;
}
#col4 #more a
{
display:block;
float:right;
background:url(Pic/menu33.png);
width:95px; height:22px;
padding:4px 0 0 7px;
color:#000000;
font-weight:bold;
font-size:12px;
}


#col5
{
width:810px;
height:180px;
display:block;
float:left;
}
#col5 ul li.phdd

{
	display:block; float:left;
	width:260px; height:170px;
	text-align:center;
	background:url(Pic/imagebg2.jpg);
	border:1px dotted #5C5A56;
}
#col4 ul li.phdd:hover
{

	background:url(Pic/imagebg3.jpg);
	border:1px solid #3366FF;
}
#col5 ul li.software

{
	display:block; float:left;
	width:540px; height:170px;
	text-align:center;
	background:url(Pic/imagebg2.jpg);
	border:1px dotted #5C5A56;
}
#col4 ul li.software:hover
{

	background:url(Pic/imagebg3.jpg);
	border:1px solid #3366FF;
}
#col5 #more
{
display:block;
float:right;
}
#col5 #more a
{
display:block;
float:right;
background:url(Pic/menu33.png);
width:95px; height:22px;
padding:4px 0 0 7px;
color:#000000;
font-weight:bold;
font-size:12px;
}

/*--------------footer --------------------------*/
#footer {
margin:0 0 15px 0;
background:url(images/navbar.png); height:30px;
padding:0px 0 5px 250px;}
#leftfoot {
	width:440px; float:left;
	padding:8px 0 0 25px;
	}