/*************************************************************/
/*   License:  Fully open source without restrictions.       */
/*************************************************************/

/***************/
/*  1. GLOBAL  */
/***************/

/* NON-HEADER */
*{
	padding:0;
	margin:0;
}

body {
	font-size:62.5%;
	background:url(../img/background.gif) #000000;
	font-family:verdana,arial,sans-serif;
} /*Font-size: 1.0em = 10px when browser default size is 16px*/

.page-container {
	width:900px;
	margin:0px auto;
	margin-top:10px;
	margin-bottom:10px;
	border:solid 1px rgb(150,150,150);
	font-size:1.0em;
}

.main {
	clear:both;
	width:900px;
	padding-bottom:30px;
	background:transparent url(../img/bg_main_withnav.jpg) top left repeat-y;
}

.main-navigation {
	display:inline /*Fix IE floating margin bug*/;
	float:left;
	width:200px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE*/;
}

.main-content {
	display:inline;
	/*Fix IE floating margin bug*/;
	float:left;
	width:640px;
	margin:0 0 0 30px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE*/;
}

.footer {
	clear:both;
	width:900px;
	height:3.7em;
	padding:1.1em 0 0;
	background:rgb(225,225,225) url(../img/bg_foot.jpg) no-repeat;
	font-size:1.0em;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE*/;
}

/* --- For alternative headers START PASTE here --- */

/* HEADER */
.header {
	width:900px;
}

.header-top {
	width:900px;
	height:80px;
	background:rgb(240,240,240) url(../img/bg_head_top.jpg);
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE*/;
}

.header-middle {
	width:900px;
	height:110px;
	background:rgb(230,230,230) url(../img/bg_head_middle.jpg);
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE*/;
}

.header-bottom {
	width:900px;
	height:40px;
}

.header-breadcrumbs {
	clear:both;
	width:900px;
	text-align:right;
	padding:1.0em 0 0.5em 0;
	background:rgb(100,100,100) url(../img/bg_head_bottom_breadcrumb.jpg) repeat-y;
}

/*************/
/*  2. HEAD  */
/*************/
.sitelogo {
	width:360px;
	height:79px;
	position:absolute;
	z-index:1;
	margin:0px 0 0 0px;
	background:url(../img/bg_head_top_logo.jpg);
}

.sitelogo a:hover {
	background:none;
}

.sitename {
	width:300px;
	height:45px;
	position:absolute;
	z-index:1;
	margin:20px 0 0 90px;
	font-family:"trebuchet ms",arial,sans-serif;
	overflow:visible !important /*Activate if Firefox print problems*/;
	overflow:hidden /*IE*/;
}

.sitename h1 {
	font-size:240%;
}

.sitename h2 {
	margin:-4px 0 0 0;
	color:rgb(125,125,125);
	font-size:120%;
}

.sitename a, .sitename a:visited {
	text-decoration:none;
	color:#0F36BD !important /*Overrule common link rule*/;
}

.sitename a:hover {
	text-decoration:none;
	color:#999999!important /*Overrule common link rule*/;
	background:none;
}

.nav0 {
	width:350px;
	position:absolute;
	z-index:2;
	margin:25px 0 0 0;
	margin-left:550px !important;
	margin-left:553px /*IE*/;
}

.nav0 ul {
	float:right;
	padding:0 20px 0 0;
}

.nav0 li {
	display:inline;
	list-style:none;
}

.nav0 li a {
	padding:0 0 0 3px;
}

.nav0 a:hover {
	color:rgb(0,0,0);
	text-decoration:none;
}

.nav0 a img {
	height:14px;
	border:none !important /*Overrule common link rule*/;
}

.nav1 {
	width:350px;
	position:absolute;
	z-index:3;
	margin:45px 0 0 550px;
	font-family:"trebuchet ms",arial,sans-serif;
}

.nav1 ul {
	float:right;
	padding:0 15px 0 0;
	font-weight:bold;
}	

.nav1 li {
	display:inline;
	list-style:none;
}

.nav1 li a {
	display:block;
	float:left;
	padding:2px 5px 2px 5px;
	color:#FFFFFF !important /*Overrule common link rule*/;
	text-decoration:none;
	font-size:120%;
}

.nav1 a:hover, .nav1 a.selected {
	text-decoration:underline;
	color:#CCCCCC !important /*Overrule common link rule*/;
	background:none;
}

.sitemessage {
	width:350px;
	height:120px;
	position:absolute;
	z-index:1;
	margin:20px 0 0 530px;
	font-family: "trebuchet ms",arial,sans-serif;
	color:rgb(234,239,247);
	/*xoverflow:visible !important /*Activate if Firefox print problems*/;
	overflow:hidden /*IE*/;
}

.sitemessage h1 {
	width:350px;
	text-align:right;
	font-size:230%;
}

.sitemessage h2 {
	float:right;
	width:270px;
	margin:8px 0 0 0;
	text-align:right;
	line-height:100%;
	font-size:160%;
}

.sitemessage h3 {
	float:right;
	width:270px;
	margin:10px 0 0 0;
	text-align:right;
	font-size:140%;
}

.sitemessage h3 a, .sitemessage h3 a:visited {
	text-decoration:none;
	color:rgb(234,239,247);
}

.sitemessage h3 a:hover {
	text-decoration:none;
	color:rgb(50,50,50);
}

.nav2 {
	float:left;
	width:900px;
	border:none;
	background:rgb(220,220,220) url(../img/bg_head_bottom_nav.jpg) repeat-x;
	font-family:"trebuchet ms",arial,sans-serif;
	color:rgb(75,75,75);
	font-size:1.0em;
	font-size:130%;
} 

/*Color navigation bar normal mode*/

.nav2 ul {
	list-style-type:none;
}

.nav2 ul li {
	float:left;
	position:relative;
	z-index:1000;
	border-right:solid 1px rgb(175,175,175);
}

.nav2 ul li ul {
	display:none;
	border:none;
}

.nav2 ul li ul {
	margin-left:-30px;
	padding:0 30px 30px 30px;
	background:url(../img/bg_head_bottom_nav_hover.gif) top center;
} 

/*Sticky hover zones*/

.nav2 ul li a, .nav2 ul li a:visited {
	float:left;
	display:block;
	height:3.1em;
	line-height:3.1em;
	margin-right:0px !important;
	margin-right:-4px /*IE*/;
	padding:0 16px 0 16px;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
}

.nav2 ul li:hover {
	width:auto;
}

.nav2 table {
	position:absolute;
	z-index:999;
	top:0;
	left:0;
	border-collapse:collapse;
	font-family:"trebuchet ms",arial,sans-serif;
}

.nav2 ul li:hover a {
	background-color:rgb(210,210,210);
	text-decoration:none;
}

/*Color main cells hovering mode*/

.nav2 ul li:hover ul {
	display:block;
	position:absolute;
	z-index:998;
	top:3.0em;
	margin-top:0.1em;
	left:0;
}

.nav2 ul li:hover ul li ul {
	display: none;
}

.nav2 ul li:hover ul li a {
	display:block;
	width:10em;
	height:auto;
	line-height:1.3em;
	margin-left:-1px;
	padding:4px 16px 4px 16px;
	border-left:solid 1px rgb(175,175,175);
	border-bottom: solid 1px rgb(175,175,175);
	background-color:rgb(237,237,237);
	font-weight:normal;
	color:rgb(50,50,50);
} 

/*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {
	background-color:rgb(210,210,210);
	text-decoration:none;
} 

/*Color subcells hovering mode*/
.nav2 ul li a:hover {
	background-color:#333333;
	text-decoration:none;
}

/*Color main cells hovering mode*/
.nav2 ul li a:hover ul {
	display:block;
	position:absolute;
	z-index: 998;
	top:3.1em;
	t\op:3.0em;
	left:0;
	marg\in-top:0.1em;
}

.nav2 ul li a:hover ul li a {
	display:block;
	w\idth:10em;
	height:1px;
	line-height:1.3em;
	padding:4px 16px 4px 16px;
	border-left:solid 1px rgb(175,175,175);
	border-bottom: solid 1px rgb(175,175,175);
	background-color:rgb(237,237,237);
	font-weight:normal;
	color:rgb(50,50,50);
}

/*Color subcells normal mode*/
.nav2 ul li a:hover ul li a ul {
	visibility:hidden;
	height:0px;
	width:0px;
	position:absolute;
	z-index: 997;
}

.nav2 ul li a:hover ul li a:hover {
	background-color:rgb(210,210,210);
	text-decoration:none;
}

/*Color subcells hovering mode*/
.searchform {
	float:right;
	width:870px;
	background-color:rgb(255,255,255);
	margin:0 0 1.0em 0;
	margin-right:15px !important;
	margin-right:6px /*IE*/;
}

.searchform form fieldset {
	float:right;
	border:none;
}

.searchform .s {
	width:100px;
	padding:0.1em 0 0.1em 0 !important;
	padding:0.4em 0 0 0 /*IE*/;
	border:1px solid rgb(200,200,200);
	font-size:100%;
}

.searchform .searchbutton {
	width:80px;
	border:solid 1px rgb(150,150,150);
	background:transparent;
	text-align:center;
	color:rgb(100,100,100);
	font-size:100%;
}

.header-breadcrumbs ul {
	float:right;
	width:870px;
	text-align:right;
	list-style:none;
	margin:0 0 1.0em 0;
	margin-right:15px !important;
	margin-right:6px /*IE*/;
}

.header-breadcrumbs ul li {
	display:inline;
	padding:0 0 0 10px;
	background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%;
	font-weight:bold;
	color:rgb(125,125,125);
	font-size:100%;
}

.header-breadcrumbs ul a {
	color:rgb(70,122,167);
	text-decoration:none;
}

.header-breadcrumbs ul a:hover {
	color:rgb(42,90,138);
	text-decoration:underline;
}

/* --- For alternative headers END PASTE here --- */

/*************/
/*  4. FOOT  */
/*************/
.footer p {
	line-height:1.3em;
	text-align:center;
	color:#CCCCCC;
	font-weight:bold;
	font-size:110%;
}

.footer p.credits {
	color:#FFFFFF;
	font-weight:normal;
}

.footer p.credits a:hover {
	color:#E4E4E4;
	text-decoration:underline;
}

.footer a {
	text-decoration:underline;
	font-weight:normal !important;
	color:#CCCCCC;
}

.footer a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}

.footer a:visited {
	color:#CCCCCC;
}

/*********************/
/*  6. CLEAR FLOATS  */
/*********************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.content-unit:after, .column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after, .text-unit:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.footer:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

p:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/***********************************/
/*  7. PRINTING and MISCELLANEOUS  */
/***********************************/
@media print {.header-top {
	width:900px;
	height:80px;
	background:rgb(240,240,240);
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE*/;
}}

@media print {.header-breadcrumbs {
	width:900px;
	height:80px;
	background:transparent;
}}

@media print {.nav2 {
	float:left;
	width:900px;
	border:none;
	background:rgb(240,240,240);
	font-family:"trebuchet ms",arial,sans-serif;
	color:rgb(75,75,75);
	font-size:1.0em; font-size:130%;
}}

/*Color navigation bar normal mode*/
@media print {.main {
	clear:both;
	width:900px;
	padding-bottom:30px;
	background:transparent;
}}

@media print {.footer {
	clear:both;
	width:900px;
	height:3.7em;
	padding:1.1em 0 0;
	background:rgb(240,240,240);
	font-size:1.0em;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE*/;
}}

html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
} 
/*IE proprietary flicker hack for background images. Not validating, but OK*/