/* CSS Document */


@page {size: landscape; margin:0;}




html, body {margin:0px; padding:0px; background:transparent; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.9em;}
#wrapper { width:999px; display:block;}
/* The header and footer */
.header {
	display:block; 
	height:200px; 
	color:#fff; 
	text-align:left; 
	background: #fff url('/images/2005/a_index_r1_c1.jpg') repeat-x 0 1px;
	overflow:visible;
	z-index:10;
	width:999px;
}
.header .fblogo {position:absolute; left:75px;}
.header .middle {position:absolute; left:490px;}
.header .right {position:absolute; left:735px; border-left:solid 4px #FFF;}
.header a img {border:0px;}
.footer {width:999px; display:block; height:15px; background:transparent; color:#000; text-align:center; padding:5px 0 5px 0;font-size:1em;}
.footer a, .footer a:visited {color:#000; text-decoration:none;}
.footer a:hover {text-decoration:underline;}

/* This bit does all the work */
#container {display:block; background:#fff; height:1200px; visibility:visible;}

/* Styling for Left box */
#left {position:absolute; left: 0px; width:396px; color:#000; height:1200px; }
.lefttop {background:#FFFFCC; padding: 1em 1em; margin-bottom:1.5em;}
#left p {margin: 0 1em 0 1em;}
#left p.top {
	margin-top: 1em; 
	line-height:1.5em;
}
 
/* Styling for Right box */
#right {position:absolute; width:219px; left:779px;  }
#right .searchtxt {font-size:70%; line-height:2em; color:#595959; padding-top:1em;}
#right input.bottom {margin: 1em 0 2em 0;}
#right h4 {
	margin:0; padding: 0.4em 0 0.4em 0.7em;
	background:#006699;
	color:#FFF;
	text-transform: uppercase;
	font-size:100%;
}
#right a {color:#fff; text-decoration:none;}
#right a:hover {text-decoration:underline;}
#right ul {
	margin:0; padding: 0.4em 0 0 2em;
	font-size:87%;
	background:#0099FF; 
	color:#FFF;
}
#right ul li { line-height:2em;}
#right ul li.last {padding-bottom:1em; margin:0;}

/* Styling for Center box */
#center {position:absolute; left: 415px; width:360px;}
#center a, #center a:visited {color:#0066CC; text-decoration:none;}
#center a span {display:none;}
#center a:active, #center a:focus {color:#0066CC; text-decoration:none; background:transparent; cursor:default;}
#center a:hover {text-decoration:underline;}
#center a:active span, #center a:focus span {display:inline; left:0;}

.clear {clear:both;height:1px;overflow:hidden;}
/* Just to extend each column */

/*COMMON */

table {page-break-inside: avoid;}
tr {page-break-inside: avoid;}

h2 {font-size:14px; font-weight:bold; color:#993300; padding:0; margin:0;}
h3, #center h3 a {
	padding:0; margin:0; 	
	color: #993300; 
	font-size:100%; 
	padding-top:0.5em;
	padding-bottom:0.5em; 
	text-transform: uppercase;
}
p, p .style, p .class { padding:0.5em 0 0.5em 0; margin:0; font-size:13px}
a, a:visited {font-size:10px; color:#993300; text-decoration:none;}
a:hover {color:#336600; text-decoration:underline;}
ul {padding-top:0; margin-top:0;}
li {color:#000; font-size:14px;}


.subhdr {
	font-size: 13px;
	font-weight: bold;
	color: #336600;
}
.pagehdr {
	font-size: 12px;
	font-weight: bold;
	color: #993300;
}

/***** MENU ******/
#menu {position:absolute; left:0px; top:141px; width:999px; font-family:verdana; z-index:10;}

/* remove all the bullets, borders and padding from the default list styling */
#menu ul {padding:0;margin:0;list-style-type:none; height:29px; background:#006699;}

/* style the sub-level lists 
#menu ul a, #menu ul a:visited {color:#fff;}
#menu ul li a {color:#fff;}
#menu ul li a:hover {color:#000;}

#menu ul #link1 ul {width:78px;}

#menu ul #link2 ul {width:100px;}
#menu ul #link2 li a {background:#669966 url(/images/nav_2a.png) no-repeat; color:#fff;}
#menu ul #link2 li a:hover {background:#669966 url(/images/nav_2ah.png) no-repeat; color:#000;}
#menu ul #link2 li a.sub1 {background:#669966 url(/images/nav_2b2.png) no-repeat;}
#menu ul #link2 li a.sub1:hover {background:#669966 url(/images/nav_2b2h.png) no-repeat;}
#menu ul #link2 li li .sub1b {background:#669966 url(/images/nav_2c.png) no-repeat;}
#menu ul #link2 li li .sub1b:hover {background:#669966 url(/images/nav_2ch.png) no-repeat;}

#menu ul #link3 ul {width:89px;}
#menu ul #link3 li a {background:#3399CC url(/images/nav_3a.png) no-repeat;color:#fff;}
#menu ul #link3 li a:hover {background:#3399CC url(/images/nav_3ah.png) no-repeat;color:#000;}
#menu ul #link3 li a.sub1 {background:#3399CC url(/images/nav_3b2.png) no-repeat;}
#menu ul #link3 li a.sub1:hover {background:#3399CC url(/images/nav_3b2h.png) no-repeat;}
#menu ul #link3 li li a.sub1b{background:#3399CC url(/images/nav_3c.png) no-repeat;}
#menu ul #link3 li li a.sub1b:hover {background:#3399CC url(/images/nav_3ch.png) no-repeat;}

#menu ul #link4 ul {width:120px;}
#menu ul #link4 li a {background:#CC3300 url(/images/nav_4a.png) no-repeat;color:#fff;}
#menu ul #link4 li a:hover {background:#CC3300 url(/images/nav_4ah.png) no-repeat;color:#000;}

#menu ul #link5 ul {width:152px;}
#menu ul #link5 li a {background:#669999 url(/images/nav_5b.png) no-repeat;color:#fff;}
#menu ul #link5 li a:hover {background:#669999 url(/images/nav_5bh.png) no-repeat;color:#000;}

#menu ul #link6 ul {width:82px;}
#menu ul #link6 li a {background:#996600 url(/images/nav_6b.png) no-repeat;color:#fff;}
#menu ul #link6 li a:hover {background:#996600 url(/images/nav_6bh.png) no-repeat; color:#000;}

#menu ul #link7 ul {width:111px;}
#menu ul #link7 li a {background:#666699 url(/images/nav_7b.png) no-repeat;color:#fff;}
#menu ul #link7 li a:hover {background:#666699 url(/images/nav_7bh.png) no-repeat;color:#000;}

#menu ul #link8 ul {width:111px;}
#menu ul #link8 li a {background:#666699 url(/images/nav_7b.png) no-repeat;color:#fff;}
#menu ul #link8 li a:hover {background:#666699 url(/images/nav_7bh.png) no-repeat;color:#000;}*/

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu ul li {
	float:left;
	position:relative;
	height:29px;
	line-height:2em;
	padding:0; margin:0;
	}

/* style the sub level list items */
#menu ul ul li {
	display:block;
	height:auto;
	position:relative;
	line-height:29px
}

/* style the links for the top level */
#menu a, #menu a:visited {
	display:block;
	float:left;
	height:100%;
	text-decoration:none;
	padding:0; margin:0;
	border-right:3px solid #fff;
	height:29px;
	color:#fff;
	text-align:center;
	font-weight:bold;
}

#menu li#link1 a {width:78px;}
#menu li#link2 a {width:100px}
#menu li#link3 a {width:89px}
#menu li#link4 a {width:120px}
#menu li#link5 a {width:152px}
#menu li#link6 a {width:82px}
#menu li#link7 a {width:111px}
#menu li#link8 a {width:125px}


#menu li#link1 {background:#CC9900 url(/images/nav_1a.png) no-repeat;color:#fff; width:78px; }
#menu li#link1 :hover {background:#CC9900 url(/images/nav_1ah.png) no-repeat;}
#menu li#link2 {background:#669966 url(/images/nav_2a.png) no-repeat;color:#fff; width:100px;}
#menu li#link2 :hover {background:#669966 url(/images/nav_2ah.png) no-repeat;}
#menu li#link3 {background:#3399CC url(/images/nav_3a.png) no-repeat;color:#fff; width:89px;}
#menu li#link3 :hover {background:#3399CC url(/images/nav_3ah.png) no-repeat;}

#menu li#link4 {background:#CC3300 url(/images/nav_4a.png) no-repeat;color:#fff; width:120px;}
#menu li#link4 :hover {background:#CC3300 url(/images/nav_4ah.png) no-repeat}
#menu li#link5 {background:#669999 url(/images/nav_5a.png) no-repeat;color:#fff; width: 152px;}
#menu li#link5 :hover {background:#669999 url(/images/nav_5ah.png) no-repeat;}
#menu li#link6 {background:#996600 url(/images/nav_6a.png) no-repeat;color:#fff; width: 82px;}
#menu li#link6 :hover {background:#996600 url(/images/nav_6ah.png) no-repeat;}
#menu li#link7 {background:#666699 url(/images/nav_7a.png) no-repeat; color:#fff; width:111px;}
#menu li#link7 :hover {background:#666699 url(/images/nav_7ah.png) no-repeat;}
#menu li#link8 {background:#666699 url(/images/nav_7a.png) no-repeat; color:#fff; width:111px;}
#menu li#link8 :hover {background:#666699 url(/images/nav_7ah.png) no-repeat;}


/* style the sub-level lists */
#menu ul #link1 ul li a {width:78px;}
#menu ul #link2 ul li a {width:100px;}
#menu ul #link3 ul li a {width:89px;}
#menu ul #link4 ul li a {width:120px;}
#menu ul #link5 ul li a {width:167px;}
#menu ul #link6 ul li a {width:102px;}
#menu ul #link7 ul li a {width:141px;}
#menu ul #link8 ul li a {width:125px;}


/* style the sub level links */


/* style the table so that it takes no part in the layout - required for IE to work */
#menu table {position:absolute; left:2px; top:0; width:0; height:0; font-size:1em;}


/* style the third level background */
#menu ul ul ul a, #menu ul ul ul a:visited {background:#ccc;}
/* style the fourth level background */
#menu ul ul ul ul a, #menu ul ul ul ul a:visited {background:#ddd;}
/* style the sub level 1 background */
#menu ul #link2 :hover a:hover.sub1 {background:#669966 url(/images/nav_2b2h.png) no-repeat;}
#menu ul #link3 :hover a:hover.sub1 {background:#3399CC url(/images/nav_3b2h.png) no-repeat;}

/* style the sub level 2 background */
#menu ul ul :hover a.sub2 {background:#ddd;}

/* style the level hovers */
/* first */
#menu a:hover {color:#000;}
#menu :hover > a {color:#000;}
/* second */
#menu ul ul a:hover {color:#000;}
#menu ul ul :hover > a {color:#000;}
/* third */
#menu ul ul ul a:hover {background:#ddd;}
#menu ul ul ul :hover > a {background:#ddd;}
/* fourth */
#menu ul ul ul ul a:hover {background:#eee;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {visibility:hidden;position:absolute;height:0;top:29px;left:0;}

/* position the third level flyout menu */
#menu ul #link1 ul ul {left:14em;top:0;width:14em;}
#menu ul #link2 ul ul {left:103px;top:0;width:160px;}
#menu ul #link2 ul ul a {width:160px;}
#menu ul #link2 ul ul a:hover {width:160px;}
#menu ul #link3 ul ul {left:92px;top:0;width:165px;}
#menu ul #link3 ul ul a {width:165px;}

/* position the third level flyout menu for a left flyout */
#menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
#menu ul :hover ul{visibility:visible; height:auto;}
/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
#menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
#menu ul :hover ul :hover ul :hover ul {visibility:visible;}


#navtop {position:absolute; left:100px; top:175px; width:899px; font-family:verdana; z-index:1;}
#navtop ul {padding:0;margin:0;list-style-type:none; background:#ccc;}
#navtop ul li {float:left; padding:0.4em 0.4em 0 0.4em;}