@charset "ISO-8859-1";
body {
text-align:left;
margin:0px 0px 0px 0px;
background-color:#FFF;
background:url(images/page_background.jpg);
}
img {border:none;}
a {border:none;}

/* div styles */
.holder {
	width:1000px;
	text-align:left;
	position: relative;
	height: 500px;
}
.flashtree {
	position:absolute;
	left:800px;
	top:0px;
	z-index:200;

}
div.menu_holder {
	position: relative;
	left: 0px;
	top: 0px;
	width:964px;
	height:40px;
	background:url(images/header.jpg);
	background-repeat:no-repeat;
	z-index:100;
	padding-top:144px;
	padding-left:38px;
}
html>body div.menu_holder {
width:980px;   	/* Hack to sort out padding in IE vs FF */
}
div.top_banner {
	width:468px;
	height:60px;
	background-color:#fff;
	position: absolute;
	top: 20px;
	left: 427px;
}
#status {
	width:468px;
	height:60px;
	background-color:#fff;
	position: absolute;
	top: 85px;
	left: 427px;
	text-align: right;
}

div.middle_bar {
	width:919px;
	height:37px;
	background:url(images/middle_bar.gif);
	position: relative;
	z-index:0;
}
div.main_area_holder {
	width:964px;
	margin-top:10px;
	position: relative;
	float:left;
}
div.left_gap {
width:38px;
height:10px;
float:left;
}
div.content {
	width:755px;
	position: relative;
	float:left;
}
div.content_top {
	width:755px;
	height:10px;
	background:url(images/content_top.gif);
	position: relative;
	float:left;
}
div.content_main {
	width:755px;
	position: relative;
	background:url(images/content_main.gif);
	float:left;
}
div.content_one {
	padding-left:25px;
	padding-right:35px;
	width:360px;
	float:left;
}
div.content_two {
	padding-left:25px;
	padding-right:35px;
	width:270px;
	float:left;
}
div.content_three {
	padding-left:25px;
	padding-right:35px;
	float:left;
}
div.content_bottom {
	width:755px;
	height:10px;
	background:url(images/content_bottom.gif);
	position: relative;
	float:left;
}
div.left_content {
background:url(images/left_alpha.gif);
	background-position:left;
	background-repeat:repeat;
	width:300px;
	float:left;
margin-bottom:20px;
padding-left:20px;
padding-right:20px;
text-align:left;
}
html>body div.left_content {
width:260px;   	/* Hack to sort out padding in IE vs FF */
}
div.central_content {
	width:300px;
	height:auto;
	float:left;
margin-bottom:100px;
padding-right:44px;
}
html>body div.central_content {
width:300px;   	/* Hack as above */
max-width:430px;
}
div.right_content {
background:url(images/right_alpha.gif);
	background-position:right;
	background-repeat:repeat;
	width:150px;
	float:right;
}



div.right_footer {
margin-top:20px;
}
div.footer {
text-align:left;
margin-top:20px;
	width:919px;
	height:25px;
	clear:both;
}
div.bottom_gap {
height:100px;
}
/* text styles */
p, p.bodytext {
font-family:Verdana, Arial, sans-serif;
font-size:12px;
color:#1f1e2c;
line-height:16px;
margin-top:0px;
margin-bottom:6px;
text-align:left;
}

h1, .rss_description {
font-family:Verdana, Arial, sans-serif;
font-size:20px;
font-weight:normal;
color:#1f1e2c;
line-height:20px;
margin-top:0px;
margin-bottom:8px;
}
h2, h3, h4, h5, h6 {
font-family:Verdana, Arial, sans-serif;
font-size:12px;
color:#1f1e2c;
line-height:16px;
margin-top:0px;
margin-bottom:6px;
font-weight:bold;
text-align:left;
}
h3 {
color:#ffc02a;
margin-top:10px;
text-transform:uppercase;
}
h5 {
font-size:12px;
line-height:14px;
margin: 0px;
padding: 5px;
font-weight:normal;
}
h6 {
font-size:14px;
line-height:16px;
margin: 0px;
padding: 5px;
font-weight:normal;
}
.leftcontent {
margin-left:50px;
}
.footercontent {
margin-left:25px;
margin-top:0px;
margin-right:25px;
font-size:10px;
text-align:left;
}
a.black, a.black:hover, a.black:link, a.black:visited {
color:#000000;
text-decoration:underline;
}
a, a:link, a:visited {
text-decoration:none;
color:#ffc02a;
}
a:hover {
color:#1f1e2c;
}

a.footerlinks, a.footerlinks:link, a.footerlinks:visited {
color: #000;
text-decoration:none;
}
a.footerlinks:hover {
color: #ffc02a;
}
a.right_buttons, a.right_buttons:link, a.right_buttons:visited {
color: #000;
font-size:10px;
text-decoration:none;
margin-left:10px;
}
a.right_buttons:hover {
color: #000;
font-weight:bold;
}
a.right_buttons_on {
color: #000;
font-size:10px;
margin-left:10px;
font-weight:bold;
}
.general {
margin:0px;
padding:0px;
list-style-position:inside;
}
p.navlink {font-weight: bold;
text-align: left;
margin-bottom: 1px;
margin-top: 0px;}

p.navlink a {text-decoration: none;
display: block;
color: #000;
padding-top: 2px;
padding-bottom: 2px;}

p.navlink a:hover {color: #ffc02a;}

p.navlink a:link span {display: none;}

p.navlink a:visited span {display: none;}

p.navlink a:hover span {display:inline;font-weight:normal;color:#666;position:relative;left:10px;top:0px;}
/* STYLES FOR SPECIAL PAGE ELEMENTS */


td, th, dt, dd, legend, label, div {
font-family:Verdana, Arial, sans-serif;
font-size:12px;
color:#000;
}

/* STYLES FOR DROPDOWNS */
.topmenul1, .topmenul2 {
	list-style:none;			/* Default styles for all menu's */
	margin:0px;
	padding:0px;
}

.topmenul1 li {
	/* background:url(images/menu_sliver.jpg);m */

	background-image:url(images/white_line.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding:1px 0px;
	float:left;				/* First level menu's needs to float left */
	position:relative;			/* Relative positiong because lower level menu's needs to be absolute */
height:35px;
	}
	.topmenul1 li.firstlevellink_nobar, .topmenul1 li.topmenul1-act-nobar {
	background-image:none;
	}
	

/* First level colors for link tags */
.topmenul1 a, .topmenul1 a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
	color:#000;
	text-decoration:none;
line-height:30px;
display:block;
width:104px;
text-align:center;

	padding:0px 1px 0px 1px;		/* Seperate menu's a bit aswell, some extra space for the arrow on the right */
	/*border:1px solid #E79518; 		/* Same as BG color so total width is always the same */
}
.topmenul1 a.topmenul1-act, .topmenul1 a.topmenul1-act:visited {
color:#333;
font-weight:bold;
}

.topmenul1 a:hover {
	color:#333;
	font-weight:bold;
}

/* Second level colors for link tags */
.topmenul2 a, .topmenul2 a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
	color:#000;
	text-decoration:none;
line-height:15px;
text-align:left;
	padding:0px 11px 0px 4px;		/* Seperate menu's a bit aswell, some extra space for the arrow on the right */
	/*border:1px solid #E79518; 		/* Same as BG color so total width is always the same */
}


/* Start second level and lower menu's */
.topmenul1 .topmenul2 {
	display:none;				
	position:absolute;			/* We position absolute (relative to l1) */
	width:120px;				/* Default width for sub-menu's */
	border:1px solid #ffc02a;			/* Border around the sub-menu's */
	z-index:200;				/* We set a z-index these menu's will show up above other menu items, works in non IE */
	left:-1px;				/* Left to 0 and for IE we move one extra pixel down */	
	top:34px !important;
	top:35px;
}

.topmenul1 .topmenul2 .topmenul2, .topmenul1 .topmenul2 .topmenul2 .topmenul2 {
	left:118px;				/* Move away from second level menu for second level and lower */
	top:-1px !important; 			/* Border = 1px so we need to move one up aswell !important to overrule the !important above IF YOU WANT IT LEVEL DO IT TO -1*/
}

.topmenul1 .topmenul2 li {
	padding:2px 0px;  			/* Controls the height per menu item on second level and lower */
	border-bottom:1px solid #f0f0f0;	/* little color seperator */
	background-color:#FFF; 
background-image:none;
	width:100%;
height:auto;
}

.topmenul1 .topmenul2 a {
	border:none;				/* no border, remove the style from level1 a tags */
	display:block;				/* Display block, so teh whole menu will lite up (if bg used)*/
	padding:0px 12px;
}

.topmenul1 .topmenul2 a:hover {			/* Needed for IE aswell */
	color:#ffc02a;
	border:none;				/* no border, remove the style from level1 a tags */
}

/* Little arrows for the menus */
.topmenul2-ifsub {
	background-image:url(images/arrow1.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
.topmenul2-ifsub {
	background-image:url(images/arrow1.gif);
}


.topmenul1 .hoveratag {
color:#fff;
			/* Hack in javascript, this will highlite teh a tag of the menu above */
			/* We could do this with CSS (.topmenul1 li:hover > a) But IE doesn't support that */
}
