/* 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;}

#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; }
#leftcol {float:left; width:20%; background:#51B582 url(images/subnav_bg.jpg) repeat-x;}
#headline {width:80%; float:left; height: 94px; background:#fff url(images/headline_bg.jpg) no-repeat;}
#firstparagraph {float:left; width:65%; height: 108px; background:#fff;} /* to determine the position of the following pic */
#centercol {float:left; width:65%; background:#fff; }
#rightcol {float:right; width:15%; background:#F8C400 url(images/rightcol_bg.jpg) repeat-x}
#leftcol, #headline, #firstparagraph, #centercol, #rightcol, #headline {padding-bottom:32767px; margin-bottom:-32767px;}
#wrapper {overflow:hidden;}
#footer { clear:both; background:#610000 url(images/footer_bg.jpg) repeat-x; text-align: right; }

h1 {font-size:30px; margin:0; padding:10px 0; color:#47351D; text-align: center; text-shadow: -1px -1px 6px rgba(255, 255, 255, 0.6), -1px -1px 1px #fff; letter-spacing: 0.1em; }
h2 {font-size:18px; margin:0; padding:8px 0; color:#47351D;}
h3 { font-size:16px; color:#E5B02A; cursor:pointer; text-shadow: -1px -1px 6px rgba(0, 0, 0, 0.6), -1px -1px 1px #990000; margin: 15px; margin-bottom: -8px; margin-top: 10px; }
h4 { font-size:14px; color:#E5B02A; cursor:pointer; text-shadow: -1px -1px 6px rgba(0, 0, 0, 0.6), -1px -1px 1px #990000; margin: 15px; margin-bottom: -8px; margin-top: 10px; }
h5 {font-size:14px; margin:0; padding:8px 0; color:#474720;  }
h6 { font-size:12px; margin:0; padding:8px 14px; font-style: italic; color: #FFF; }

p { font-size:18px; line-height:1.6em; margin:0; padding:5px 0; }
img {border:0;}

.content {padding:14px; font-family:"Adobe Kaiti Std R";}

#header p {color:#fff;}

#centercol a { font-size: 16px; font-weight: bold; color: #6D6DFC; text-decoration: none; text-align: left; list-style-type:none; display: block;	}
#centercol a:hover { color: #140D9A; }

#firstparagraph a { font-size: 16px; font-weight: bold; color: #6D6DFC; text-decoration: none; text-align: left; list-style-type:none; display: block;	}
#firstparagraph a:hover { color: #140D9A; }

#footer p,
#footer a {font-family:"trebuchet MS", verdana, arial, sans-serif; color:#fff; font-size:12px; font-weight: normal;}
#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;}

/* Tables */
.logoclick {position:absolute; display: block; width: 190px; height: 200px; border: 0}
.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;}

table { font-family: "trebuchet MS", verdana, arial, sans-serif; font-size: 12px; }

a[href$='.pdf'] { padding: 10px 0px 10px 38px; background: transparent url(images/ico_ar8.gif) no-repeat center left; }

a[href$='.jpg'] { padding: 10px 0px 10px 50px; background: transparent url(images/wp_icon.gif) no-repeat center left; }

/* defaults required for IE */
a, a:visited, a:hover, a:active, a:focus {color:#000;}

#holder {position:relative; margin-left:20px; width:140px; height:380px;}
#scrollbox { padding:0; margin: 0; list-style:none; overflow:auto; float:right; background-color: #FFFFFF; }
#scrollbox li {float:left;}
#scrollbox a {display:block; color:#999; text-decoration:none; border:1px solid #fff; width:120px; height:80px; float:left; 
			   padding:5px; font-family:"trebuchet ms", sans-serif; font-size:20px; text-align:center;}


#scrollbox a span {display:block; position:absolute; left:-9999px; top:0;}
#scrollbox a span img {border:0; }

#scrollbox a:hover { border:1px solid #888; }
#scrollbox a:hover span {width:700px; height:600px; left:-725px; top: -55px; background:#FFFFFF; z-index:100; padding: 30px 0px 0px 0px}

#scrollbox a:active { border:1px solid #000; background-color: #FFFFFF; }
#scrollbox a:focus {border:1px solid #000; outline:0; background-color: #FFFFFF;}

* htm #scrollbox a:active span {width:700px; height:600px; left:-725px; top: -55px; background:#FFFFFF; z-index:1; padding: 30px 0px 0px 0px}
#scrollbox a:focus span {width:700px; height:600px; left:-725px; top: -55px; background:#FFFFFF; z-index:10; padding: 30px 0px 0px 0px; outline:0;}

/* 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: 186px; padding-left: 194px; text-shadow: -1px -1px 6px rgba(0, 0, 0, 0.6), -1px -1px 1px #000; }
	   
/* styling of the horizontal links */
/* style 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(0, 0, 0, 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:150px;}
.nav2 ul li {max-width:280px;}
.nav2 ul a {width:176px;}  /* width of the dropdown left */
.nav2 a {margin-right:-129px;}
.nav2 ul a {margin-right:-159px;}

/* FOR NAV3 */
.nav3,
.nav3 a {width:90px;}
.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:96px;}
.nav4 ul li {max-width:130px;}
.nav4 ul a {width:166px;} /* width of the dropdown left */
.nav4 a {margin-right:-99px;}
.nav4 ul a {margin-right:-139px;}

/* FOR NAV5 */
.nav5,
.nav5 a {width:94px;}
.nav5 ul li {max-width:140px;}
.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:82px;}
.nav6 a {width:82px;}

/* FOR NAV7 */
.nav7 {width:92px;}
.nav7 a {width:92px;}

/* FOR NAV8 */
.nav8 {width:74px;}
.nav8 a {width:74px;}

/* ----------------------------------------------------------------------------	*/

/* DO NOT CHANGE ANYTHING 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 */

/* ----------------------------------------------------------------------------	*/

/* subnavigation default styling */
.subnav, .subnav ul {list-style-type:none; margin:0; padding:0;}
.subnav a {text-decoration:none;}
.subnav { font-family:"trebuchet MS", verdana, arial, sans-serif; font-size:14px; text-align:left; text-shadow: -1px -1px 6px rgba(0, 0, 0, 0.6), -1px -1px 1px #000;	
	      margin:0 auto; padding: 4px 0px 4px 4px; }

/* styling of the subnavigation links */
.subnav a b {color:#fff; font-weight:bold; display:block; padding:4px 0px; }
.subnav a:hover b { color:#E5B02A; cursor:pointer; text-shadow: -1px -1px 6px rgba(0, 0, 0, 0.6), -1px -1px 1px #990000; }

/* language navigation default styling */
.languagenav, .languagenav ul {list-style-type:none; margin:0; padding:0;}
.languagenav a {text-decoration:none;}
.languagenav { font-family:"trebuchet MS", verdana, arial, sans-serif; font-size:12px; text-align:left;
	           width:98%; height: 60px; margin:0 auto; padding: 8px 0px 0px 2px;  background-image: url(images/subnavi_trans.png);}

/* styling of the  language navigation links */
.languagenav a b {color:#fff; font-weight:bold; display:block; padding:4px 0px; text-shadow: -1px -1px 6px rgba(0, 0, 0, 0.6), -1px -1px 1px #000;}
.languagenav a:hover b { color:#990000; cursor:pointer; text-shadow: -1px -1px 6px rgba(255, 255, 255, 0.6), -1px -1px 1px #fff;}

[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 */
/* this hack compensates for IE and percentage widths rounding errors */
#headline{width:80.0%;}
#centercol {width:64.8%;}
#rightcol {width:15.2%;}
#scrollbox { margin-left: -10px; }
#scrollbox a:hover span {width:700px; height:600px; left:-725px; top: -55px; background:#FFFFFF; z-index:100; padding: 30px 0px 0px 0px}
/* for IE6 */
* htm #wrapper {display:inline-block;}
* htm #maxMin {width: expression(document.body.clientWidth < 702? "700px" : document.body.clientWidth > 1102? "1100px" : "auto");}
</style>
<![endif]

/* css clickbox version */
a.clickbox, a.clickbox:visited, a.clickbox:hover {text-decoration:none;}
a.clickbox img {display:block; border: thin solid #C1C1C1;}

a.clickbox b {display:block;}

a.clickbox {float:left; margin:0 15px 5px 0; display:inline;}

a.clickbox .lightbox {position:absolute; left:-9999px; top:0; cursor:default; z-index:500;}

a.clickbox .light {position:absolute; left:0; top:0; width:100%;}
a.clickbox .box {position:absolute; left:0; width:100%; text-align:center; height:100px; top:20%; margin-top:-150px;}
/* trigger for IE6 */
a.clickbox:active {direction:ltr;}

a.clickbox:active .lightbox {left:0; width:100%; height:100%;}
a.clickbox .lightbox:hover,
a.clickbox:focus .lightbox {position:fixed; left:0; width:100%; height:100%;}

a.clickbox .lightbox:hover .light,
a.clickbox:active .lightbox .light,
a.clickbox:focus .lightbox .light {background:#000; width:100%; height:100%; filter: alpha(opacity=75);
 								   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); opacity:0.75;}

a.clickbox .lightbox:hover .box img,
a.clickbox:active .lightbox .box img,
a.clickbox:focus .lightbox .box img {border:2px solid #000; margin:0 auto; padding:30px; background:#fff;}

a.clickbox .lightbox:hover .box span,
a.clickbox:active .lightbox .box span,
a.clickbox:focus .lightbox .box span {display:block; font:normal 11px/18px verdana, sans-serif; width:400px; padding:0; margin:10px auto; text-align:center; text-decoration:none; color:#ddd;}

.clear {clear:left;}

a.clickbox i {display:block; width:35px; height:35px; position:fixed; right:-100px; top:0; z-index:500;}

a.clickbox .lightbox:hover i,
a.clickbox:active i,
a.clickbox:focus i {right:20px; top:20px; background:url(images/close.gif);}

#close {display:block; position:fixed; width:30px; height:30px; right:22px; top:22px; z-index:1000; background:url(images/trans_close.png); cursor:pointer;}