/* CSS Document */

body {font-size:76%; font-family:"trebuchet MS", verdana, arial, sans-serif; background:#000099 url(images/infinity.gif) repeat;}

#maxMin {min-width:700px; max-width:1100px; margin:0 auto; background:#e0e0e0;}
#wrapper {overflow:hidden;}
#header { background:#a31e39 url(images/header.jpg) no-repeat; height: 213px; width: 100%; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #900407; }
#centercol {float:left; width:1100px; height: 438px; background:#fff url(images/sangye_bg.jpg) no-repeat bottom; }
#footer { clear:both; background:#610000 url(images/footer_bg.jpg) repeat-x; padding:10px;}

h3 { font-size:22px; margin:0; padding:13px 0 11px; color: #930D14; text-shadow: -1px -1px 6px rgba(218, 153, 15, 0.6), -1px -1px 1px #000; letter-spacing: 2px;}

.content {padding:10px 550px 10px 15px; }

p {	font-size:12px; font-weight: bold; line-height:1.46em; margin:0; padding:5px 0; text-align: justify; color: #750B10; }

#footer p { font-weight: normal; text-align: right; color:#fff; } 
#footer a {color:#fff;}
#footer a:hover { text-decoration:none; font-size:12px; font-weight: bold; color:#FFFF48; text-shadow: -1px -1px 6px rgba(0, 0, 0, 0.6), -1px -1px 1px #000;}

.pic { float: left; margin: 5px 15px 5px 0px; width: 280px; height: 360px; border: thin solid #930D14; hover: }

/* Tables */
.logoclick {position:absolute; display: block; width: 190px; height: 200px; }
.logoclick a:hover { background: url(images/logo_hover.png) no-repeat 0 0; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #FFFF48;}

/* defaults required for IE */
a, a:visited, a:hover, a:active, a:focus {color:#000;}

/* navigation default styling */
.nav, .nav ul {list-style-type:none; margin:0; padding:0;}
.nav a {text-decoration:none;}
.nav { font-family:"trebuchet MS", verdana, arial, sans-serif; font-size:12px; text-align:left;
	   width:920px; margin:0 auto; padding-top: 181px; padding-left: 194px; text-shadow: -1px -1px 6px rgba(0, 0, 0, 0.6), -1px -1px 1px #000; }
	   
/* styling of the horizontal links */
/* styles the <b> element so that is does not affect the size of the link */
.nav a b {color:#fff; font-weight:bold; display:block; padding:3px 8px; margin-right:1px; background-image: url(images/trans_grey.png);}
.nav a:hover b { color:#FFFF48; cursor:pointer; border-left:3px solid #FFFF48; text-shadow: -1px -1px 6px rgba(255, 255, 255, 0.6), -1px -1px 1px #990000; }
.nav .down b {background: transparent url(images/arrow.gif) no-repeat right 11px;}

/* HEIGHT */ 
.nav ul ul {top:-25px;} /* position the top of the flyout sub menus */

/* WIDTH */

/* FOR NAV1 */
.nav1,
.nav1 a {width:232px;}
.nav1 ul {left: 78px;} /* position the dropdown left */
.nav1 ul li {max-width:160px;}
.nav1 ul a {width:154px;}  /* width of the dropdown left */
.nav1 a { margin-right:-99px; float: left; }

/* FOR NAV2 */
.nav2,
.nav2 a {width:140px;}
.nav2 ul li {max-width:280px;}
.nav2 ul a {width:264px;}  /* width of the dropdown left */
.nav2 a {margin-right:-129px;}
.nav2 ul a {margin-right:-159px;}

/* FOR NAV3 */
.nav3,
.nav3 a {width:122px;}
.nav3 ul li {max-width:122px;}
.nav3 ul a {width:122px;} /* width of the dropdown left */
.nav3 a {margin-right:-99px;}
.nav3 ul a {margin-right:-99px;}

/* FOR NAV4 */
.nav4,
.nav4 a {width:122px;}
.nav4 ul li {max-width:130px;}
.nav4 ul a {width:190px;} /* width of the dropdown left */
.nav4 a {margin-right:-99px;}
.nav4 ul a {margin-right:-139px;}

/* FOR NAV5 */
.nav5,
.nav5 a {width:106px;}
.nav5 ul li {max-width:150px;}
.nav5 ul a {width:188px;} /* width of the dropdown left */
.nav5 a {margin-right:-79px;}
.nav5 ul a {margin-right:-139px;}

/* FOR NAV6 */
.nav6 {width:78px;}
.nav6 a {width:78px;}

/* FOR NAV7 */
.nav7 {width:48px;}
.nav7 a {width:48px;}

/* FOR NAV8 */
.nav8 {width:58px;}
.nav8 a {width:58px;}

/* ----------------------------------------------------------------------------	*/

/* no changes of the values below */
.nav li {float:left;} /* fixes several IE related bugs, and allows for clearing */
.nav ul {float:left; position:relative; z-index:20;} /* necessary for float drop and to stack the <ul>s */
.nav ul li {clear:left;} /* must clear the floated list item inside sublist */
.nav a {position:relative; display:block;} /* needs to have a position, to be above the rest */
.nav a.main {float:left; /* necessary for float drop */ 
    		 margin-top:10000px;} /* bring the top level links back into view */
.nav .drop, .nav .fly {margin-top:-10000px;} /* hide the sub links and their containers, opera has low upper limits */
.nav ul {margin-bottom:-5000px;} /* avoid any interaction between the subs, can be any large size */

/* The bit that does ALL the work to bring the sub menus into view */
.nav a:hover,
.nav a:focus,
.nav a:active { margin-right:0; z-index:10; outline:0; background-image: url(images/trans.png); }

.nav a:hover b,
.nav a:focus b,
.nav a:active b {cursor:pointer;}

.nav1 ul a:hover,
.nav1 ul a:focus,
.nav1 ul a:active {margin-right:-30px; z-index:10; outline:0;}

.nav2 ul a:hover,
.nav2 ul a:focus,
.nav2 ul a:active {margin-right:-30px; z-index:10; outline:0;}

.nav3 ul a:hover,
.nav3 ul a:focus,
.nav3 ul a:active {margin-right:-30px; z-index:10; outline:0;}

.nav4 ul a:hover,
.nav4 ul a:focus,
.nav4 ul a:active {margin-right:-30px; z-index:10; outline:0;}

.nav5 ul a:hover,
.nav5 ul a:focus,
.nav5 ul a:active {margin-right:-30px; z-index:10; outline:0;}

.nav6 ul a:hover,
.nav6 ul a:focus,
.nav6 ul a:active {margin-right:-30px; z-index:10; outline:0;}

.nav7 ul a:hover,
.nav7 ul a:focus,
.nav7 ul a:active {margin-right:-30px; z-index:10; outline:0;}

.nav8 ul a:hover,
.nav8 ul a:focus,
.nav8 ul a:active {margin-right:-30px; z-index:10; outline:0;}

/* OPERA fix */
.nav ul:hover,
.nav ul ul:hover {clear:left;} /* to stop intermittent sub link :hover problems */

/* ----------------------------------------------------------------------------	*/

/* language navigation default styling */
.languagenav ul { margin:0; }
.languagenav li {list-style-type:none; padding:0; display:inline;}
.languagenav a { text-decoration:none; float: right; margin-right: 2px; }
.languagenav { font-family:"trebuchet MS", verdana, arial, sans-serif; font-size:12px; margin:0 auto; }

/* styling of the language navigation links */
.languagenav a b {color:#930D14; font-weight:bold; display:inline; padding:4px 0px; text-shadow: -1px -1px 6px rgba(218, 153, 15, 0.6), -1px -1px 1px #000;}
.languagenav a:hover b { color:#328F34; cursor:pointer; text-shadow: -1px -1px 6px rgba(0, 0, 0, 0.6), -1px -1px 1px #000;}

<!--[if lte IE 7]>
<style type="text/css">
/* bug fixes for IE7 and lower - DO NOT CHANGE */
a:active {} /* requires a blank style for :active to stop it being buggy */
.nav { padding-top: 186px }
/* for IE6 */
* htm #wrapper {display:inline-block;}
* htm #maxMin {width: expression(document.body.clientWidth < 702? "700px" : document.body.clientWidth > 1102? "1100px" : "auto");}
</style>
<![endif]-->

