/* ----------------------------------------
Name: global.css
Developed by:Q
Date Created:20090903
Last Updated:
Copyright:Q
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("reset.css");
/* 
@import url("externalLinks.css");
*/

/* Elements
----------------------------------------*/
body
{
	background-color:#fff;
	text-align:left;
}

body, p, td, th, li
{
	font-family:Geneva, Arial, "ËÎÌå", Helvetica, sans-serif;
	font-size:.875em;
	line-height:1.5em;
	color:#000000;
}

#mainContainer
{
	width:954px;
	margin: 0px auto;
}

p
{
	margin: 0 0 1em 0;
}

/*--- Link Styles ---*/
a:link, a:visited
{
	color:#000;
	text-decoration:none;
}

a:hover, a:active
{
	color:#8C7760;
	text-decoration:none;
}

h1
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:2.125em;
}

h2
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.75em;
}

h3
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.5em;
}

h4
{
	color:#646464;
	margin:.825em 0 .5em;
	font-size:1.25em;
}

h5
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.125em;
}

h6
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1em;
}

ul li
{
	list-style-type:square;
}

/*del
ol
{
	margin-left:25px;
}
*/

blockquote	{margin: 0 0 18px 18px; color:#666666;}
strong		{font-weight:bold;}
em		{font-style:italic;}

select{width:126px; color:#8A7454;}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.tright		{text-align:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}
.tr			{text-align:right;}
.bw			{background-color:#fff;}
.bb			{background-color:#f5f4f2;}
.bbm		{background: url(../images/footline.jpg) left bottom repeat-x #f5f4f2;}
.bbm2		{background: url(../images/footline.jpg) left bottom repeat-x;}
.ct			{ margin-left:auto; margin-right:auto; text-align:center;}
.grey		{color:#999;}
/* Header
----------------------------------------*/
#header
{
	width:100%;
	height:auto;
	
}
   /* logo-------*/
   .logo
   {
		width:164px;
		height:110px;
		display:block;
		margn-left:25px;
		float:left;
	}
	/* Nav
	----------------------------------------*/
	ul#nav
	{
		width:505px;
		margin-top:50px;
		float:right;		
	}
	
	ul#nav li {float:left; list-style-type:none; margin-left:15px;}
	
	ul#nav li a:link, ul#nav li a:visited
	{
		color:#D8ECB3;
		font-size:1.35em !important;
		text-decoration:none;
	}
	
	ul#nav li a:hover, ul#nav li a:active
	{
		color:#EEEEEE;
		background-color:none !important;
		text-decoration:underline;
	}
	/*
	/* Image Replacement 
	----------------------------------------*
	ul#nav li a {/*Set to height of image* height:20px; display:block; text-indent:-9999px; outline:none;}
	
	/*Include all of your links with unique IDs. Use the correct path to the image and set the width of each image*
	li#navHome a		{background-image: url(/images/nav/home.png); width:75px;}
	li#navWork a		{background-image: url(/images/nav/work.png); width:70px;}
	li#navServices a	{background-image: url(/images/nav/services.png); width:68px;}
	li#navContact a		{background-image: url(/images/nav/contact.png); width:55px;}
	
	/* CSS Rollover (Sprites) - Advanced Users!
	----------------------------------------*
	
	/*Each link must have a unique ID - Include all of your links here - Remove if not using!*
	li#navHome a:hover, li#navWork a:hover, li#navServices a:hover, li#navContact a:hover {background-position:0 -20px; /*Set to height of image !must be negative!*}
	*/


/* Main Content
----------------------------------------*/
#mainContent
{
	width:100%;
	padding:0;
	clear:left;
	padding:0 0 22px 0;
	background-image:url(../images/footline.jpg);
	background-position:left bottom;
	background-repeat:repeat-x;
	overflow:hidden;
}

	.userlogin{height:26px; width:100%; background:url(../images/loginbg.jpg) 0 0 no-repeat;}
	.userlogin form{margin:0 0 0 25px; padding-top:3px; height:18px!important; *line-height:26px; color:#666; font-size:.825em;}
	.userlogin .lginput{width:70px; border:1px solid #B9B9B9; height:14px;}
	/* ContentCol
	----------------------------------------------*/
	.leftcon{width:237px;background-color:#f5f4f2;float:left;}
		.nav{ margin:8px 13px 0;}
		.nav h2{ margin:0; padding:0; width:211px; height:25px; position:relative; overflow:hidden; margin-bottom:5px;}
		
		.nav h2.news img{ position:absolute; left:0; top:0; border:none;}
		.nav h2.service img{ position:absolute; left:0; top:-25px; border:none;}
		.nav h2.program img{ position:absolute; left:0; top:-50px; border:none;}
		.nav h2.aboutus img{ position:absolute; left:0; top:-75px; border:none;}
		.nav h2.contactus img{ position:absolute; left:0; top:-100px; border:none;}
		.nav h2.protile img{ position:absolute; left:0; top:-125px; border:none;}
		.nav h2.tc img{ position:absolute; left:0; top:-150px; border:none;}
		.nav h2.search img{ position:absolute; left:0; top:-175px; border:none;}
		.nav h2.newpro img{	position:absolute;left:-2px;top:-200px;	border:none;}
		.nav h2.network img{ position:absolute; left:0; top:-225px; border:none;}
		.nav h2.proware img{ position:absolute; left:0; top:-250px; border:none;}
		

		.nav ul{}
		.nav ul li{list-style:none; margin-bottom:5px;}
		.nav ul li a{display:block; width:204px; height:21px;padding-left:5px; color:#fff; background:url(../images/menubg.jpg) 0 0 no-repeat; line-height:21px;}
		.nav ul li a.cur{background:url(../images/menubg.jpg) 0 -21px no-repeat;}
		.nav ul li a:link, .nav ul li a:visited{color:#FFF;}
		.nav ul li a:hover{color:#fff;background:url(../images/menubg.jpg) 0 -21px no-repeat;}
		#newbrand{}
		#newbrand li{border-bottom:1px dotted #887B69; margin:0 auto;}
		#newbrand li a{display:block; width:196px; height:50px;padding-left:5px; padding-right:8px; color:#51473E; line-height:50px; text-align:right; overflow:hidden; background:none;}
		#newbrand li a:hover, #newbrand li a.cur{background:#EAE7E2; color:#963;}
		#newbrand li a img{float:left; line-height:50px; padding-top:5px;}
		
		
		#brand{}
		#brand li{list-style:none; margin-bottom:5px;}
		#brand li a{display:block; width:196px; height:21px;padding-left:5px; padding-right:8px; color:#fff; background:url(../images/menubg.jpg) 0 0 no-repeat; line-height:21px; text-align:right; overflow:hidden;}
		#brand li a.cur{background:url(../images/menubg.jpg) 0 -21px no-repeat;}
		#brand li a:link, #brand li a:visited{color:#FFF;}
		#brand li a:hover{color:#fff;background:url(../images/menubg.jpg) 0 -21px no-repeat;}
		
		#brand li ul{ width:175px; text-align:center; margin:5px auto; height:auto;}
		#brand li ul li{ width:173px; list-style:none; height:14px; padding:1px 0; border-bottom:1px dotted #D8D5D1; margin:0;}
		#brand li ul li a{display:block; height:16px; color:#51473d; line-height:16px; text-align:right; padding:0 12px 0 0; overflow:hidden; background:none; width:160px;}
		#brand li ul li a.cur{background:#DBD6D0 url(../images/xlbg.jpg) right center no-repeat;}
		#brand li ul li a:link, #brand li ul li a:visited{color:#51473d;}
		#brand li ul li a:hover{color:#51473d;background:#DBD6D0 url(../images/xlbg.jpg) right center no-repeat;}
		
		.searnav{ margin:50px 13px 0; background:url(../images/scline.jpg) top left repeat-x; padding:10px 0; color:#8A7454;}
		.searnav td{color:#8A7454;}
		.searnav a:link, .searnav a:visited{color:#8A7454;}
		.searnav a:hover{color:#000;}
	
	.rightcon{width:707px;float:right;}
	.rightcon p{color:#999; line-height:1.58em; font-size:1em;}
	.rightcon h2{color:#8A7454;font-size:2em; margin-right:10px; margin-bottom:20px; font-family:Arial, sans-serif;}
	
		.rcolo{ padding:10px; float:left; width:152px; overflow:hidden;color:#8B7670;}
		.rcolo p{color:#8B7670; line-height:1.42em; font-size:0.92em;}
		.rcolt{margin:10px 0; float:right; width:525px; padding-right:10px;}
			.mainnew{}
			.mainnew li{list-style:none; margin-bottom:3px; font-family: Arial, "ËÎÌå", serif}
			.mainnew li a{display:block; width:510px; height:20px; line-height:20px; background:url(../images/dot.gif) 5px center no-repeat #FBFBFB;; padding-left:15px;}
			.mainnew li a:link, .mainnew li a:visited{color:#000;}
			.mainnew li a:hover{ color:#fff; background:url(../images/doton.gif) 10px center no-repeat #8F7A63; padding-left:20px; width:505px;}
			.mainnew li a:active{color:#000;}
			
				#page { width:auto; padding:10px 0 0;}
				#page ul{margin:0; display:table;}
				#page li{float:left !important; float:none; margin-right: 2px; height:17px;line-height:17px;display:inline; zoom:1;}
				#page span{display: block; padding: 0 3px 1px; color:#807861; text-decoration:underline; }
				#page span.span2{display: block; padding: 0 3px; color:#807861; text-decoration:none; }
				#page a{font-size:12px;display: block; text-decoration: none; margin:0px; color: #807861;padding:1px 3px; line-height:17px;}
				#page a:hover {background:#DEDBD4;color:#000; border:1px solid #DEDBD4; padding:0 2px;}
				#page #span1 {background:#FFFFFF;display: block;}
			
			.contact{ margin:100px auto; width:400px; color:#333; font-family: Arial, "ËÎÌå", sans-serif;}
			.contact p{ color:#666; font-size:.86em; line-height:1.4em;}
			.msg{ margin:30px auto; width:330px; color:#8F7A63;}
			.msg p{ color:#8F7A63; font-size:.92em; line-height:1.4em;}
			.input, .input2{ border:none; background-color:#fff; padding:2px 5px; width:190px; color:#837260; margin-bottom:5px; height:16px;}
			.input2{width:320px;}
			.textarea{width:320px; border:none; background-color:#fff; padding:5px 5px; color:#837260; overflow:auto; margin-bottom:5px;}
			.button{background:url(../images/tjbg.jpg) center center no-repeat; border:none; padding:2px 5px 0; color:#fff;}
			
			#hr{width:100%;list-style-type:none;background-color:none;color:#000000;line-height:120%;}
			#hr a{display:block; text-decoration:none;}
			#hr ul{overflow: hidden;}
			#hr li{list-style-type:none; margin-bottom:5px;}
			#hr li a{width:97%;padding:5px 0 0 15px;display:block;color:#000000; background:#FBFBFB;height:25px; font-size:1.2em; font-weight:bold;}
			#hr li a.closed{color:#000000 !important; background:#FBFBFB !important;font-size:1.2em; font-weight:bold;}
			
			#hr li li{padding:10px; height:300px; overflow:auto; font-size:1em; background:#fbfbfb;}
			#hr li a.opened{ background:#8C7760;color:#FFFFFF;}
			#hr li ul p{color:#000;}
			
			
		.proshowimg{margin-bottom:10px;}
		.prolistshowimg{ width:706px; height:280px; margin-bottom:10px; padding-bottom:15px; *padding-bottom:10px; background:url(../images/contline.jpg) left bottom repeat-x; clear:both;}
			.axx{padding:1px 7px;border-left:#cccccc 1px solid;font-size:12px;}
			a.axx:link,a.axx:visited,a.axx:active{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#666;}
			a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#000;}
			.bxx{padding:1px 7px;border-left:#cccccc 1px solid;}
			a.bxx:link,a.bxx:visited,a.bxx:active{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#896C4A;}
			a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#000000;}
		
			.rzicon{text-align:right; margin-top:10px;}
		
		.pro{ position:relative; width:706px;}
			.prolist{ width:650px; height:1%; overflow:auto;}
			.prolist ul{ margin:0; padding:0; clear:both;}
			.prolist ul li{ display:block; list-style:none; float:left; width:100px; height:150px; margin:0 15px 15px 0; overflow:hidden;}
/*			.prolist ul li .imgs{display:table-cell;
			width:100px; height:100px;
			vertical-align:bottom;
			margin:0 auto;
			text-align:center;
			}
			.prolist ul li .imgs img {vertical-align:bottom;}	*/
			.prolist ul li .imgs{ position:relative; width:100px; height:100px;margin:0 auto;
			text-align:center;}
			.prolist ul li .imgs img { position:absolute; left:0; bottom:0;}

			
			.down{ position:absolute; top:0; right:10px; font-size:12px; color:#999;}
		
		.xgxw{ padding:10px 10px 0; text-align:right;}
		.xgxw a{ padding-left:6px;}
		
		#content{margin:0; padding:0px 10px;}
		#content h2 {font-size:1.5em; color: #000; padding: 0; text-align:center; font-weight:bold; }
		.authorinfo {margin:0 auto 10px; font-size:0.9em; color: #988F80; line-height: 18px; height: 18px; text-align:center;}
		.authorinfo a, .authorinfo a:link, .authorinfo a:visited {	color:#988F80; text-decoration: none;}
		.authorinfo a:hover {color: #c30; text-decoration:underline;}
		.authorinfo span { padding-left:19px;}
		#fontZoom{line-height:1.5em; color:#000; width:600px; padding:0px; margin:0 auto;}
		#fontZoom p{ color:#000;}
		
		.scbg, .scbg2{ width:100%; background:#F5F3F2 url(../images/scbg.jpg) right top no-repeat; padding:100px 0 160px; color:#8C7958;}
		.scbg2{width:686px;padding:30px 10px 0;}
		.scbg td,.scbg select{color:#8C7958;}
		.scbg .inputsc{width:124px;}
		.scbg select{width:130px;}
		.sctitle{text-align:right; font-size:.825em; margin:3px auto;}
		.scbc{color:#8A7454;font-size:2em; font-family:Arial, sans-serif;font-weight:bold; margin-bottom:5px;}
		.scsc{font-size:1.6em;color:#8A7454;font-family:Arial, sans-serif; margin-bottom:5px;font-weight:bold;}
		.scre{ text-align:center; margin:0 auto;}
		.scre ul{width:550px; margin:0 auto;}
		.scre ul li{ list-style:none; border-top:1px dotted #ccc; padding:5px 5px 5px 0;}
		.scre ul li:hover{background:#EBE8E3;}
		

	.sitemap{padding:10px;}
	.mapuse{width:900px; margin:10px auto;}
	.mapuse dl{width:92px; font-size:1em; text-align:center; margin-bottom:20px;}
	.mapuse dl dt{ height:21px; background:url(../images/mapnavbg.jpg) 0 0 no-repeat; color:#fff;}
	.mapuse dl dt a{ display:block; width:100%; height:21px; line-height:21px; color:#fff;}
	.mapuse dl dt a:visited{color:#fff;}
	.mapuse dl dt a:hover{ color:#000;}
	
	.mapuse dl dd{list-style:none; height:20px; line-height:20px; border-bottom:1px dotted #ccc;}
	.mapuse dl dd a{ display:block; width:100%; height:20px; line-height:20px; color:#000;}
	.mapuse dl dd a:hover{ color:#9C8B79;}

#tooltip {position:absolute;z-index: 3000;border:1px solid #111;background-color:#FFFFE1;padding: 5px 10px;text-align:center;}
#tooltip h3, #tooltip div{font-size:12px; color:#000;margin:0;}
	
.announcement
{
	background-color:#B1DA67;
	padding:10px;
	font-size:1.75em;
	text-align:center;
}

.features li
{
	list-style-type:square;
	margin-left:25px;
}

.overviewList
{
	font-size:1.25em;
}

.folder {color:#679120;}
.file 	{color:#1ECA2D;}

.explanation {border-bottom:#6A9923 solid 1px;}

/* Download Button
----------------------------------------*/

a.download:link, a.download:visited
{
	background-color:#94C648;
	border-right:#5C8127 solid 1px;
	border-bottom:#5C8127 solid 1px;
	border-left:#94C648 solid 1px;
	border-top:#94C648 solid 1px;
	display:block;
	color:#EEEEEE;
	font-weight:bold;
	width:175px;
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	margin-left:25px;
}

a.download:hover, a.download:active
{
	border-top:#5C8127 solid 1px !important;
	border-left:#5C8127 solid 1px !important;
}


/* Contact Form
----------------------------------------*/
.contactForm_layout {margin-top:10px;}
.contactForm_layout td {color:#23340C;}
.contactForm_layout td input, .contactForm_layout td textarea {color:#23340C; margin-left:10px; margin-top:10px;}
.contactForm_layout td span {font-size:10px; color:#6A9923;}
.inputText, #button {background-color:#B1DA67; border:#8ECF33 solid 1px;}
.submitButton {text-align:right;}

/* addend */





/* Footer----*/

#footer{width:100%;height:48px;background-color:#fff;}

#footer p 
{
	font-family: "ËÎÌå", Helvetica, sans-serif;
	font-size:.875em;
	color:#999;
	padding:10px 7px 0 10px;
}
#footer a{color:#B5B5B5;}
#footer a.bga{ display:inline-block; width:66px; height:17px; line-height:17px; background:url(../images/ftlinkbg.jpg) 0 0 no-repeat; text-align:center; color:#FFF;}
#footer a:hover, #footer a.bga:hover{ color:#333;}

#footer .left p{ font-size:.875em; padding:8px 0 0 3px;}