/***   GENERAL RULES   ***/

	*{
		margin:0px;
		padding:0px;
		position:relative;
		font-family:verdana,sans-serif;
		color:#00324a;
		font-size:12px;
		line-height:150%;
	}
	
	a{
		text-decoration:none;
		color:#03abe5;
	}
	
	a:hover{
		color:#560c4c;
	}
	
	h4{
		font-family:helvetica, arial, sans-serif;
		font-weight:normal;
		font-size:18px;
	}
	
	.hs1{
		font-size:11px;
	}
	
	html,
	body{
		position:absolute;
		width:100%;
		height:100%;
	}
	
	
	body{
		background:url(../graphics/bg_main.jpg) top left no-repeat #fff;
		
	}

	.clear{
		clear:both;
		overflow:hidden;
		font-size:0px;
	}
	
	.hline{
		background:url(../graphics/borderdot.gif) center repeat-x;
		height:20px;
	}
		
	.next{
		display:block;
		position:absolute;
		bottom:10px;
		right:20px;
		font-size:11px;
		padding-right:15px;
		padding-left:5px;
		text-align:right;
		background:url(../graphics/arrow_right.gif) center right no-repeat;
		z-index:1000;
		font-weight:bold;
	}

	.next:hover{
		background-color:#d5e4ef;
	}	
		
	a#whereto{
		display:block;
		position:absolute;
		right:25px;
		top:100%;
		margin-top:20px;
		font-size:11px;
		padding-right:15px;
		text-align:right;
		background:url(../graphics/arrow_right.gif) center right no-repeat;
		z-index:1000;
		padding-left:5px;
		font-weight:bold;
	}
	
	a#whereto:hover{
		background-color:#d5e4ef;
	}	
		
	.whereto{
		height:170px;
		margin-bottom:30px;
		border-bottom:1px solid #fff;
		color:#005e9d;
		font-size:12px;
	}	
	
	.whereto strong{
		display:block;
		color:#005e9d;
		margin-bottom:10px;
	}
	
	.whereto strong.what{
		display:block;
		color:#005e9d;
		font-size:13px;
		margin-bottom:10px;
		margin-top:10px;
	}
	
	.whereto dt,
	.whereto dd{
		font-size:12px;
		color:#005e9d;
	}
	
	.whereto dd{
		margin:-1.5em 0 0 100px;
	}
	
	.whereto iframe{
		position:absolute;
		top:0px;
		right:10px;
	}
		
		
/***    HEAD SECTION   ***/		
		
	#mainwrapper{
		width:1020px;
		overflow:hidden;
	}
	
	.main #headliner{
		border-top:5px solid #c7cbe5;
		height:200px;
		background:url(../graphics/borderdot.gif) bottom repeat-x;
		z-index:1000;
	}
	
	.inner #headliner{
		border-top:5px solid #c7cbe5;
		height:140px;
		background:url(../graphics/borderdot.gif) bottom repeat-x;
		z-index:1000;
	}
	
	.main #logo{
		position:absolute;
		display:block;
		left:40px;
		top:0px;
		width:131px;
		height:121px;
		background:url(../graphics/logo_big.png) no-repeat;
		z-index:10000;
		cursor:pointer;
	}
	
	.inner #logo{
		position:absolute;
		display:block;
		left:20px;
		top:7px;
		width:180px;
		height:60px;
		background:url(../graphics/logo.png) no-repeat;
		z-index:10000;
		cursor:pointe
	}
	
	.main .pagetitle{
		position:absolute;
		left:587px;
		top:90px;
		width:250px;
		height:95px;
		background:url(../graphics/slogan_b.png) no-repeat;
	}
	
	.inner .pagetitle{
		top:80px;
		left:270px;
	}
	
	h1.pt1{
		font-size:18px;
		font-weight:normal;
		line-height:120%;
		font-family:helvetica, arial, sans-serif;
	}
	
	h1.pt2{
		font-size:24px;
		font-weight:normal;
		line-height:120%;
		font-family:helvetica, arial, sans-serif;
	}
	
	
	
/***    MAIN MENU SECTION     ***/	
	
	#menu{
		position:absolute;
		padding-left:215px;
		width:100%;
		z-index:1000;
	}
	
	#menu a{
		color:#005e9d;
		font-size:11px;
		letter-spacing:-0.1em;
	}
	
	#menubg{
		position:absolute;
		display:block;
		left:0px;
		top:10px;
		width:100%;
		height:55px;
		background:#fff;
		filter:alpha(opacity=26);
		opacity:0.26;
	}
	
	#menu span.rule{
		position:absolute;
		display:block;
		left:0px;
		top:23px;
		width:0px;
		height:25px;
		overflow:hidden;
		border-left:2px solid #224272;
	}
	
	#menu div{
		height:50px;
		float:left;
	}
	
	#menu div.mh div{
		height:130px;
		overflow:hidden;
		background:#d5e4ef;
		left:2px;
		cursor:pointer;
	}
	
	#menu h3{
		background:#d5e4ef;
		height:22px;
		line-height:22px;
		padding:3px 0 0 10px;
		margin-left:2px;
		cursor:pointer;
	}	
	 
	#menu div div h3{
		margin-left:0px;
	}
	
	#menu div#m1{ width:150px; }
	#menu div#m1 div{ width:148px; }
	#menu div#m2{ width:180px; }
	#menu div#m2 div{ width:178px; }
	#menu div#m3{ width:170px; }
	#menu div#m3 div{ width:168px; }
	#menu div#m4{ width:90px; }
	#menu div#m4 .hi{ padding:5px 0 0 10px; top:23px; height:20px; overflow:hidden}
	#menu div#m5{ width:90px; }
	#menu div#m5 .hi{ padding:5px 0 0 10px; top:23px; height:20px; overflow:hidden}
	#menu div#m6{ width:90px; }
	#menu div#m6 .hi{ padding:5px 0 0 10px; top:23px; height:20px; overflow:hidden}

	#menu .hi{
		background:none;
		padding-top:28px;
		padding-bottom:15px;
		cursor:pointer;
	}
	
	
/***    SUB MENU SCTION   ***/	
	
	.subhead{
		background:#fff;
		padding:15px 0 0 20px;
		margin:-5px 0 0 -10px;
		width:200px;
	}
	
	.subtitle{
		padding:10px 0 0 20px;
	}
	
	.subitem{
		padding:5px 0 0 35px;
	}
	
	.subitemsel{
		padding:5px 0 0 35px;
		background:url(../graphics/arrow_right.gif) 23px 11px no-repeat;
	}
	
	
/***    CONTENT SECTION    ***/	
	
	#contentwrapper{
		padding:10px 0 10px 0;
	}
	
	.leftbar .boxbgt{
		position:absolute;
		width:99%;
		left:0px;
		top:0px;
		left:15px;
		height:10000px;
		background:#fff;
		border:1px solid #dadada;
		filter:alpha(opacity=40);
		opacity:0.4;
	}
	
	.rightbar .boxbgt{
		position:absolute;
		width:99%;
		left:0px;
		top:0px;
		height:10000px;
		background:#fff;
		padding:0px;
		border:1px solid #dadada;
		filter:alpha(opacity=40);
		opacity:0.4;
	}
	
	.rightbar .boxbgb{
		position:absolute;
		width:99%;
		bottom:0px;
		left:1px;
		height:0px;
		padding:0px;
		border-bottom:1px solid #dadada;
		overflow:hidden;
		filter:alpha(opacity=40);
		opacity:0.4;
	}
	
	
	.rightleft#docarch_l{
		width:450px;
		min-height:250px;
	}
	
	.rightright#docarch_r{
		width:200px;
	}
	
	/*** RULES FOR FIRST PAGE   ***/
	
	.main #content{
		background:url(../graphics/borderdot.gif) 355px repeat-y;
		overflow:hidden;
		width:1020px;
	}
	
	.main .leftbar{
		width:300px;
		float:left;
		padding:10px 0 0 30px;
	}
	
	.main .rightbar{
		margin-left:38px;
		float:left;
		overflow:hidden;
		width:632px;
	}
	
	.main #leftbarbgb{
		position:absolute;
		width:328px;
		bottom:0px;
		left:15px;
		height:0px;
		border-bottom:1px solid #dadada;
		overflow:hidden;
		filter:alpha(opacity=40);
		opacity:0.4;
	}
	
	
	/*** RULES FOR CONTENT PAGES   ***/
	
	.inner #content{
		background:url(../graphics/borderdot.gif) 255px repeat-y;
		overflow:hidden;
		width:1020px;
	}
	
	.inner .leftbar{
		width:200px;
		float:left;
		padding:10px 0 0 30px;
	}
	
	.inner .rightbar{
		margin-left:38px;
		float:left;
		overflow:hidden;
		width:712px;
		padding:20px;
	}
		
	.inner #leftbarbgb{
		position:absolute;
		width:228px;
		bottom:0px;
		left:15px;
		height:0px;
		border-bottom:1px solid #dadada;
		overflow:hidden;
		filter:alpha(opacity=40);
		opacity:0.4;
	}
	

	
/***   FOOTER SECTION   ***/	
	
	#footer {
		padding:10px 0 40px 20px;
	}
	
	#footer a{
		padding:0 10px 0 10px;
	}
	
	#zwoelf{
		width:190px;
		height:30px;
		left:300px;
		top:-5px;
		*top:5px;
	}
		
	#zwoelf span{
		position:absolute;
		top:0px;
		left:0px;
		width:190px;
		height:30px;
		background:url(../graphics/zwoelf_new.gif) right top no-repeat #fff;
		cursor:pointer;
	}