@charset "UTF-8";

/* MAIN LAYOUT - Header with 3 fixed columns */

body {
	margin:0;
	padding:0;
	border:0;
	background:#eee;
	font-family:verdana;
	font-size:62.5%;
	min-width:974px;
}

a:link, a:visited, a:active {
	color: #003574;
	}

.heading {
	font-size:1.2em;
	font-weight:bold;
	}

#pagetitle {
	background: url(images/longbar.gif) no-repeat;
	height: 24px;
	line-height: 24px;
}

#pagetitle h1 {
	color: #FFFFFE;
	font-size:1.2em;
	font-weight:bold;
	margin:0px 0px 0px 20px;
}

.rchdate {
	width:177px;
	background-color:#e5e5e5;
	color:#003574;
	font-size:1.2em;
	font-weight:bold;
	height:26px;
	line-height:26px;
	border:0;
	padding:0px 0 0 5px;
}

.rcbh {
	width:177px;
	background-color:#e5e5e5;
	color:#003574;
	min-height:26px;
	line-height:26px;
	border:0;
	padding:0 0 0 5px;
	display:block;
	cursor: pointer;
	}

a.rcbh {
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}	

a.rcbh:hover{
text-decoration:underline;
}

.rightcolumnimages{
height:137px;
width:180px;
padding:0px 0px 0px 0px;
background-color:#FFFFFF;
border-top:0px;
border-right-color: #d8d8d8;
border-bottom-color: #d8d8d8;
border-left-color: #d8d8d8;
border-bottom-width:1px;
border-bottom-style:solid;
border-right-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-left-width: 1px;
margin-bottom:12px;
}

.ti {
border:0;
position:relative;
top:2px;
left:5px;
}	

.centrecontent {
	text-align:justify;
	margin-left:0px;
	font-size:1.2em;
	line-height:150%;
	color:#464646;
	}

.centrecontent a{
text-decoration:none;
/*font-size:1.1em;*/
}
	
.centrecontent a:hover{
text-decoration:underline;
}

/*Standard Contact Box CSS*/

fieldset { border: none; }

.contact {
	font-size:1.2em;
	}

h2 {
	font-size:1.2em;
	color: #003574;
}

h3 {	
	font-size:1.0em;
	color: #003574;
	}

h4 {
	font-size:1.2em;
	}
	
h6 {margin-bottom:2px;
	margin-top:0;
	margin-left:0;
	margin-right:0;
}

b {font-size: 110%}

.nimager {
	float:right;
	border: none;
	padding:5px 0 5px 12px;
		}

.pimager {
	float:right;
	border: none;
	width: 120px;
	height: 180px;
	padding:0 0 5px 5px;
		}
	
.pimagel {
	float:left;
	border: none;
	width: 120px;
	height: 180px;
	padding:0 5px 5px 0;
		}
		
.w3image {
border:0;
width:88px;
height:31px;
}

#maincontainer {
width: 974px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection {
height: 184px; /*Height of top section*/
padding: 0 7px 0 7px;
background-color:#feffff;
}

#pbar{
padding: 0px 7px 0px 0px;
width:960px;
}

#contentwrapper {
float: left;
width: 100%;
background: #FFFFFF;
}

#contentcolumn{
margin: 0 190px 0 195px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
min-height:630px;
}

#leftcolumn{
float: left;
width: 195px; /*Width of left column in pixel*/
margin-left: -974px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
}

#footer{
	clear:both;
	width: 960px;
	min-height: 24px;
	line-height: 24px;
	text-align: center;
	padding:0 7px 0 7px;
	background-color:#FFFFFF;
}

.foot{
	display:block;
	width:960px;
	font-size:1.2em;
	color:#FFFFFE;
	border-bottom:1px solid #003574;
	border-top:1px solid #003574;
	background: url(images/hmenu.gif) repeat-x; 
}

.foot a{
	color: #FFFFFE;
	text-decoration:none;
}

.innertubeL{
margin: 7px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.innertubeC{
margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.innertubeR{
padding:0 7px 0 2px;
margin-top: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* SCROLLER LAYOUT */

#ps2{
width: 170px;
height: 100px;
padding: 5px;
background-color: #FFFFFF;
color: #003574;
border-top-color: #e5e5e5;
border-right-color: #e5e5e5;
border-bottom-color: #e5e5e5;
border-left-color: #e5e5e5;
border-top-width:1px;
border-top-style:solid;
border-bottom-width:1px;
border-bottom-style:solid;
border-right-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-left-width: 1px;
font: 14px verdana;
}

.leftimage{
border:0;
float:left;
padding:0 7px 0 0;
}

/*Lightbox CSS*/

#lightbox{
	display:none;
	position: absolute;
	top:30%;
	left:50%;
	z-index:9999;
	width:515px;
	height:515px;
	margin:-160px 0 0 -260px;
	border:2px solid #636363;
	background:#FFFFFF;
	text-align:left;
}

#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}

ul#hmenu
{
	margin:0px -5px 0px 5px;
	padding: 0px 0px 0px 175px;
	list-style-type:none;
	width:785px;
	position:relative;
	left:-5px;
	display:block;
	height:22px; 
	vertical-align:	top;
	font-size:12px;
	background:transparent url(images/hmenu.gif) repeat-x top left;
	font-family:verdana;
	border-bottom:1px solid #003574;
	border-top:1px solid #003574;
	font-weight:bold;
	}

ul#hmenu li
{
	float:left;
	display:block;
	margin:0;
	padding:0;
}
	
ul#hmenu li a
{
	text-decoration:none;
	float:left;
	display:block;
	color:#FFFFFE;
	padding:3px 12px 0 14px;
}
	
ul#hmenu li a:hover
{	
	color:#333333;
	height:22px;
	text-decoration:none;
	float:left;
	display:block;
	padding:3px 12px 0 14px;
}


/*Sitemap*/
.nav 	{
		padding: 0; margin: 50px 0 0 70px;
		font-family: Arial, Helvetica, Sans-Serif;
		overflow: visible;
		}
		
.nav ul {		
		display: block;
		list-style: none;
		margin: -18px 0; padding: 0;
		border: 0; 
		}

#sitemap{
	font-size:127%;
	line-height: 173%; 
	font-family: Arial, Helvetica, Sans-Serif;
	margin: 0; 
	padding: 3px;
	background: #FAFAFA; border: 1px solid silver;
	}	

	
#sitemap h1 		{font-size: 140%;}
#sitemap p 		{line-height: 165%;}
#sitemap p span {font-size: 10px; color: #333;}

.mouse{
cursor:default;
}
		
/* HACK >>> IE 5  Positioning with position relative <ul> Part I */
html + body .nav ul {position: relative; top: -12px; left: -10px;}

/* HACK >>> first margin for IE 6, after voice-family the hacks for gecko-based browsers and IE 5 (Win & Mac?) */
.nav ul li 	{
			position: relative; top: -1px; left: -11px;
			margin: 10px 0 5px 0; padding: 0; 
			border: 0;
			voice-family: "\"}\""; /* Gecko Stuff follows */
			margin: 10px 0 5px 10px; 
			}
			
/* HACK >>> IE 5  Positioning with position relativ, display: inline fixes an ugly margin-effect in IE 5 */
html + body .nav ul li {display: inline; width: 100%; position: relative; top: 0px; left: -12px; margin: 10px 0 5px 0;}

.nav a, .nav a:visited {
				width: 28.7em; height: 2em;
				display: block; 
				margin: 0 0 0 3px; padding: 1px;
				font-weight: bold;
				font-size: 100%; line-height: 2em; 
				text-indent: 0.4em; text-align: left; text-decoration: none;
				cursor: pointer;
				voice-family: "\"}\""; 
				margin: 0 0 0 -10px;
				}

/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .nav a, html + body .nav a:visited {width: 18.6em; text-indent: 0; padding: 0 0 0 8px;}

.nav ul ul {	
			padding: 20px 0 18px 0;
			background: none;
			position: relative; top: -1px;
			}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul ul {position: relative; top: 0px; left: 0px;}
				
.nav ul li li	{
			position: relative; top: 0px; left: 10px;
			margin: 10px 0 5px 1px; padding: 0 0 0 25px;
			voice-family: "\"}\"";
			left: 0px;
			}
			
/* HACK >>> IE 5  */
html + body .nav ul li li {left: 22px;}

.nav ul li .sub-sub {
			left: 10px;
			margin: 10px 0 0 1px;
			voice-family: "\"}\"";
			position: relative; top: 0px; left: 0px;
			}

/* HACK >>> IE 5  */
html + body .nav ul li .sub-sub {left: 22px;}

.nav ul ul a, .nav ul ul a:visited 	{
					width: 26em; height: 1.8em;
					margin: 0;
					font-size: 100%; line-height: 1.8em; font-weight: normal; text-indent: 0.3em; 
					}
					
/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul ul a, html + body .nav ul ul a:visited {position: relative; top: 0px; left: -5px;}

.nav ul ul ul {margin: 0 0 34px 12px; padding: 8px 0 0 0;}

.nav ul li li li	{
			position: relative; top: 13px; left: 0px;
			margin: 10px 0 5px 0; padding: 0 0 0 20px; 
			}

/* 1 Pixel Difference position relative <ul> for gecko-based Browsers */
html>body .nav ul li li li {top: 13px;}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul li li li {top: 18px;}
																		
.nav ul ul ul a, .nav ul ul ul a:visited 	{
					width: 23.9em;
					padding: 1px;
					font-size: 98%;
					}
					
/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .nav ul ul a, html + body .nav ul ul a:visited {text-indent: 0; padding: 0 0 0 8px; }

/* HACK >>> IE 5  (text-indent for IE 5 (only in this styled Version)) */
html + body .nav ul li a .box-content {padding: 0.1em 0.1em 0.1em 0.5em; }


/* Sitemap ### Global Settings >>> colors, borders and images  ### */
.nav 	{ border: 0; border-left: 1px solid #BBBBBB; }
.nav ul li li	{color: #000001; background:  url("images/line.gif") left center no-repeat;}
.nav ul ul ul {border-left: 1px solid #BBBBBB; }
.nav ul li .sub-sub {background:  url("images/line.gif") top left no-repeat;}
.nav a, .nav a:visited	{color: #4F4F4F;}				
.nav a:active, .nav a:hover, .nav a:focus,  a:focus .sffocus 	{color: #003574;}			
.nav ul ul a, .nav ul ul a:visited 	{color: #4F4F4F;}			
.nav ul ul a:active, .nav ul ul a:hover, .nav ul ul a:focus	{color: #003574;}

	
/* Sitemap inner box styling */
/* Sitemap Level 1 */
.nav ul li .ro {display: block; width: 100%; background: url("images/ro-01.gif") top right no-repeat;}
.nav ul li .lo {display: block; width: 100%; background: url("images/lo-01.gif") top left no-repeat;}
.nav ul li .ru {display: block; width: 100%; background: url("images/ru-01.gif") bottom right no-repeat;}
.nav ul li .lu {display: block; width: 100%; background: url("images/lu-01.gif") bottom left no-repeat;}
.nav ul li .box-content {width: 100%; padding: 0.1em 0.1em 0.1em 0.1em; }

/* Sitemap Level 2 + 3 */
.nav ul li li .ro {background: url("images/ro-02.gif") top right no-repeat;}
.nav ul li li .lo {background: url("images/lo-02.gif") top left no-repeat;}
.nav ul li li .ru {background: url("images/ru-02.gif") bottom right no-repeat;}
.nav ul li li .lu {background: url("images/lu-02.gif") bottom left no-repeat;}
.nav ul li li .box-content {width: 100%; padding: 0.1em 0.1em 0.1em 0.1em; }

/* Sitemap Level 1 - 3 hover 
.nav ul li a:hover .ro {background: url("images/ro_h.gif") top right no-repeat;}
.nav ul li a:hover .lo {background: url("images/lo_h.gif") top left no-repeat;}
.nav ul li a:hover .ru {background: url("images/ru_h.gif") bottom right no-repeat;}
.nav ul li a:hover .lu {background: url("images/lu_h.gif") bottom left no-repeat;}*/


/*WEmenu css */

.WEmenu{
width: 185px; /*width of accordion menu*/
overflow:visible;
}

.WEmenu a{
text-decoration:none;
}

.WEmenu a:hover{
}

.WEmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
display:block;
font-size:1.2em;
font-weight:bold;
background-color: #e5e5e5;
margin-bottom: 3px; /*bottom spacing between header and rest of content*/
cursor: pointer;
line-height:24px;
border:0px;
padding: 0 0 0 6px; /*header text is indented 8px*/
}

.WEmenu a.menuheader{
text-decoration:none;
}

.WEmenu a.menuheader:hover{
background:#BBBBBB;
font-weight:bold;
display:block;
line-height:24px;
text-decoration:underline;
}

.WEmenu .menuitem{ /* CSS for non expanding menu item links */
display:block;
font-size:1.2em;
background-color: #e5e5e5;
margin-bottom: 3px; /*bottom spacing between header and rest of content*/
cursor: pointer;
line-height:24px;
border:0px;
padding: 0 0 0 6px; /*header text is indented 8px*/
}

.WEmenu a.menuitem{ /* CSS for non expanding menu item links */
text-decoration:none;
}

.WEmenu a.menuitem:hover{
background:#BBBBBB;
display:block;
line-height:24px;
text-decoration:underline;
}

/*HRPP*/
.WEmenu .menuitemT{ /* CSS for non expanding menu item links */
display:block;
font-size:1.2em;
font-weight:bold;
background-color: #e5e5e5;
margin-bottom: 3px; /*bottom spacing between header and rest of content*/
cursor: pointer;
line-height:24px;
border:0px;
padding: 0 0 0 6px; /*header text is indented 8px*/
}

.WEmenu a.menuitemT{ /* CSS for non expanding menu item links */
text-decoration:none;
}

.WEmenu a.menuitemT:hover{
background:#BBBBBB;
display:block;
line-height:24px;
text-decoration:underline;
}

.WEmenu a.currentpage{ /*CSS for selected nonexpanding header*/
background: #665f6e url(images/bluebar.png) no-repeat center right;
font-size: 1.2em;
font-weight: bold;
color: #FFFFFF;
display: block;
line-height:24px;
margin-bottom: 3px; /*bottom spacing between header and rest of content*/
padding: 0 0 0 6px; /*header text is indented 6px*/
cursor: pointer;
border:0px;
text-decoration:none;
}

.WEmenu .selecteditem{
max-height:19px;
padding-bottom:0px;
overflow:visible;
border:0;
position:relative;
top:-1px;
left:-12px;
}

.WEmenu .selecteditem1{
background: #a8a8a8 url(images/bluebarsub6.png) no-repeat center right;
}

.WEmenu .selecteditemtext{
max-height:19px;
border:0;
position:relative;
top:-21px;
left:12px;
}

.WEmenu .sitsp{
display:inline-block;
max-height:19px;
border:0;
position:relative;
top:-21px;
left:12px;
}

.WEmenu .selecteditemimage{
border:0;
}

.WEmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 3px; /*bottom spacing between each UL and rest of content*/
color:#003574;
background-color:#e5e5e5;
}

.WEmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
background-color:#BBBBBB;
}

.WEmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
margin-bottom:0px;
border: hidden;
font-weight: bold;
background: #665f6e url(images/bluebar.png) no-repeat center right;
}

.WEmenu a.openheader{
color: #FFFFFE;
}

.WEmenu a.openheader:hover{
border: hidden;
font-weight: bold;
background: #665f6e url(images/bluebar.png) no-repeat center right;
}

.WEmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
font-size:1.1em;
background: url(images/Arrowmenuitem_bg_trans1.gif) no-repeat center right; /*custom bullet list image*/
}

.WEmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: #BBBBBB url(images/downarrow_trans1.gif) no-repeat center right; /*custom bullet list image*/
color:#FFFFFF;
font-size:1.1em;
font-weight:bold;
}

.WEmenu ul li a{ /*colors,font & backgrounds for submenu items*/
display:block;
padding: 2px 0;
padding-left: 6px; /*link text is indented 19px*/
text-decoration: none;
}

.WEmenu ul li a:hover{
text-decoration:underline;
cursor:pointer;
}

.WEmenu .categoryitems{ /*expanded menu items background*/
background-color:#BBBBBB;
border:0px;
line-height:17px;
}

.WEmenu ul li .subcategoryitems{ /*expanded submenu items background*/
background-color:#BBBBBB;
padding-left:6px; /*link text is indented a further 8px*/
margin:0px 0px -2px 0px;
}

.WEmenu ul li .subcategoryitems a{
}

.WEmenu ul li .subcategoryitems a:hover{
}

.WEmenu .hlight{
}

.WEmenu a.hlight{
}

.WEmenu a.hlight:hover{
background-color:#a8a8a8;
}