body {font-family: verdana;
	color: #333333;
	font-size: 14px;
	text-align: left;}

h1 {font-family: verdana;
	color: #0099ff;
	text-align: center;}
	
h2 {font-family: arial;
	color: #0099ff;
	font-size: 30px;
	text-align: center;
	text-decoration: none;}
	
h3 {font-family: verdana;
	color: #0099ff;
	text-align: center;}
	
h4 {font-family: verdana;
	color: #0099ff;
	font-size: 14px;
	text-align: center;}
	
td {font-family: verdana;
	color: #333333;
	font-size: 12px;
	vertical-align: middle;
	padding-top: 3px;}
	
td.top_text {font-family: verdana;
			color: white;
			font-size: 11px;}
	
td.footer {font-family: verdana;
	color: #333333;
	font-size: 11px;}
	
p {font-family: verdana;
	color: #333333;
	font-size: 14px;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 45px;
	padding-right: 45px;}
	
p.top_text {font-family: verdana;
			color: #dcdcdc;
			font-size: 11px;
			padding: 3px;}
			
p.right_pane_1_p {font-family: verdana;
					color: #333333;
					font-size: 12px;
					text-align: right;
					padding: 0px;}
	
p.right_pane_2_p {font-family: verdana;
					color: #333333;
					font-size: 12px;
					text-align: left;
					padding: 0px;}
					
ul {font-family: verdana;
	color: #333333;
	font-size: 14px;
	text-align: left;}
	
a {color: #000000;
	font: bold 14px Verdana;
	text-decoration: none;}
	
a:hover{color: #666666;
	font: bold 14px Verdana;
	text-decoration: none;}	
	
a.body {color: #000000;
	font: bold 16px Verdana;
	text-decoration: none;}
	
a.body:hover{color: #666666;
	font: bold 16px Verdana;
	text-decoration: underline;}

a.nav_links {color:white;
			text-align: center;
			font: bold 16px Verdana;
			opacity: 1;
			/* text-shadow:1px 2px 1px #000000; */
			text-decoration: none;}
			
a.nav_links:hover{color: #000000;
					font: bold 16px Verdana;
					opacity: 1;
					/* text-shadow:1px 1px 1px #000000; */
					text-decoration: none;}
					
a.nav_sub {color: #000000;
			font: 12px Verdana;
			opacity: 1;
			/* text-shadow:1px 2px 1px #000000; */
			text-decoration: none;}
			
a.nav_sub:hover{color: #666666;
					font: 12px Verdana;
					opacity: 1;
					/* text-shadow:1px 1px 1px #000000; */
					text-decoration: none;}
			
a.top_links {color: #bcbcbc;
			font: 11px Verdana;
			padding: 3px;
			text-decoration: none;}
			
a.top_links:hover {color: #dcdcdc;
			font: 11px Verdana;
			padding: 3px;
			text-decoration: underline;}
			
a.key_words {color: #0099ff;
			font: 13px Verdana;
			padding: 3px;
			text-decoration: underline;}
			
a.key_words:hover {color: #333333;
			font: 13px Verdana;
			padding: 3px;
			text-decoration: none;}
			
a.footer_links_main {color: #e8e8e8;
				font: bold 12px Verdana;
				text-align: center;
				padding: 3px;
				text-decoration: underline;}
				
a.footer_links_main:hover {color: white;
				font: bold 12px Verdana;
				text-align: center;
				padding: 3px;
				text-decoration: underline;}
				
a.footer_links_sub {color: #e8e8e8;
				font: bold 11px Verdana;
				text-align: center;
				padding: 3px;
				text-decoration: none;}
				
a.footer_links_sub:hover {color: white;
				font: bold 11px Verdana;
				text-align: center;
				padding: 3px;
				text-decoration: underline;}
			
a.footer_links {color: #e8e8e8;
				font: 11px Arial;
				text-align: center;
				padding: 3px;
				text-decoration: none;}
				
a.footer_links:hover {color: white;
				font: 11px Arial;
				text-align: center;
				padding: 3px;
				text-decoration: underline;}
				
img.body {border: 1px solid #0099ff;
		padding: 5px;
		margin: 0px;
		background-color: white;}
				
	#background {background-color: #999999;
			background-image:url("images/png/khutse_bg_faded.png");
			background-repeat: no-repeat;
			background-size: 100%;
			position: fixed;
			top: 0%;
			left: 0%;
			height: 100%;
			width: 100%;}
	
	#main {background-color: #f1f1f1;
				text-align: center;
				font-family: Verdana;
				border-top-right-radius: 0px;
				border-bottom-right-radius: 0px;
				border-top-left-radius: 0px;
				border-bottom-left-radius: 0px;
				box-shadow: 0px 0px 8px #000000;
				border-style: solid;
				border-width: 1px;
				border-color: #0099ff;
				position:absolute;
				width:59.8%;
				height:1710px;
				top:421px;
				left:20%;}
			
	#letter_head{display: none;
					position: absolute;
					top: 0px;
					left: 0px;
					height: 200px;
					width: 100%;}
			
	/*#background_head{background-image:url("images/png/background_grey_glass.png");
						background-repeat: repeat-x repeat-y;
						position: absolute;
						font-family: Verdana;
						box-shadow: 0px 0px 8px #000000;
						border-radius: 8px;
						top: 0px;
						left: 0%;
						height: 200px;
						width: 100%;}*/
			
	#diamonds_left {position: fixed;
			top: 180px;
			left: 0px;
			width: 15%;}
	
	#pcbn_right {position: fixed;
			top: 190px;
			right: 5px;
			width: 17%}
			
	#print {position: absolute;
			top: 6px;
			right: 20px;}

	#top_bar {position: fixed;
			background-color: #666666;
			background-image:url("images/png/top_bar_grey.png");
			background-position: bottom;
			background-repeat: repeat-x;
			font-family: Verdana;
			font-size: 12px;
			padding-left: 0px;
			padding-right: 0px;
			color: #333333;
			border-top: 1px solid #cc0000;
			box-shadow: 0px 0px 8px #000000;
			border-radius: 0px;
			width:100%;
			height:22px;
			top:0px;
			left:0px;}
	
	#head {background-image:url("images/png/background_grey_glass_faded.png");
			background-repeat: repeat-x;
			background-color: white;
			position:absolute;
			width:100%;
			box-shadow: 0px 0px 8px #000000;
			height:162px;
			top:0px;
			left:0px;}
			
	#pio_logo {position:absolute;
				top:23px;
				left:20.5%;
				width:6.5%;}
				
	#pio_name {position:absolute;
				top:40px;
				left:27%;
				width: 52%;}
				
	/*#pio_slogan {position:absolute;
				top:95px;
				left:26%;
				width: 52%;}*/
				
	#nav_bar {background-image:url("images/png/nav_bar_blue.png");
				background-repeat:repeat-x;
				font-family: Verdana;
				box-shadow: 0px 0px 8px #000000;
				border-top-right-radius: 8px;
				border-bottom-right-radius: 0px;
				border-top-left-radius: 8px;
				border-bottom-left-radius: 0px;
				position:absolute;
				width:60%;
				height:31px;
				top:390px;
				left:20%;}
				
	#nav_1 {position: absolute;
			margin: auto;
			width: 20%;
			left: 0%;}
			
	#nav_2 {position: absolute;
			margin: auto;
			width: 20%;
			left: 20%;}
	
	#nav_3 {position: absolute;
			margin: auto;
			width: 20%;
			left: 40%;}
			
	#nav_4 {position: absolute;
			margin: auto;
			width: 20%;
			left: 60%}
	
	#nav_5 {position: absolute;
			margin: auto;
			width: 20%;
			left: 80%;}
	
	#body_pane {	text-align: center;
				font-family: Verdana;
				border-top-right-radius: 0px;
				border-bottom-right-radius: 0px;
				border-top-left-radius: 0px;
				border-bottom-left-radius: 0px;
				padding-top: 20px;
				/*box-shadow: 0px 0px 8px #000000;*/
				border-style: solid;
				border-width: 0px;
				border-color: #0099ff;
				overflow: scroll;
				position:absolute;
				width:100%;
				height: 1520px;
				top:131px;
				left:0%;}
				
	#body_top_left {position:absolute;
				background-color: #dcdcdc;
				border-top-left-radius: 0px;
				border-top-right-radius: 0px;
				box-shadow: 0px 0px 8px #000000;
				width:100%;
				height:130px;
				top:0px;
				left:0px;}
							
	#right_pane_1 {position: absolute;
				background-color: #f1f1f1;
				font-family:Verdana;
				border-radius: 8px;
				box-shadow: 0px 0px 8px #000000;
				padding-left: 10px;
				padding-right: 10px;
				padding-top: 0px;
				padding-bottom: 10px;
				overflow: hidden;
				width:17.5%;
				min-height:220px;
				top:422px;
				left:80.5%;}
							
	#left_pane_1 {position:absolute;
				background-color: #f1f1f1;
				font-family:Verdana;
				border-radius: 8px;
				box-shadow: 0px 0px 8px #000000;
				padding-left: 10px;
				padding-right: 10px;
				padding-top: 0px;
				padding-bottom: 10px;
				overflow: hidden;
				width:17.5%;
				min-height:220px;
				top:422px;
				right:80.5%;}
				
	#left_pane_2 {background-color: #e9e9e9;
				font-family:Verdana;
				border-radius: 8px;
				box-shadow: 0px 0px 8px #000000;
				position:absolute;
				padding-left: 10px;
				padding-right: 10px;
				overflow: hidden;
				width:17.5%;
				height:220px;
				top:650px;
				right:80.5%;}
				
	#footer {position:absolute;
			background-color: #666666;
			background-image:url("images/png/footer_bar_grey.png");
			background-position: top;
			background-repeat: repeat-x;
			font-family: Verdana;
			font-size: 10px;
			text-align: center;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 0px;
			padding-right: 0px;
			box-shadow: 0px 0px 8px #000000;
			width:100%;
			min-height: 30px;
			top: 2100px;
			left:0px;}
			
	#footer_2 {display: none;
			position:fixed;
			font-family: Verdana;
			font-size: 10px;
			text-align: center;
			color: #333333;
			width:100%;
			bottom: 0px;
			left:0px;}
			
/*- NAVIGATION */
div#navigation{text-align: center;}
	
#navigation ul, #navigation li { list-style:none; padding:0; margin:0; display:inline; }

#navigation ul li{position:relative; }

#navigation ul li a{ 
	display:block; 
	padding:6px 6px; 
	margin:0px;  
	white-space:nowrap; 
	border-radius:0px; }
	
#navigation ul ul{ 
	position:absolute; 
	top:-99999px; 
	left:0;
	opacity: 0;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	z-index:497; 
	background:#d0d0d0;
	padding: 2px; 
	border:1px solid #0099ff; 
	border-top:none; 
	box-shadow:0px 0px 8px #000000; 
	border-bottom-left-radius:8px; 
	border-bottom-right-radius:8px; }
	
#navigation ul ul ul { 
	position:absolute; 
	top:-99999px; 
	left:100%; 
	opacity: 0; 
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	border-radius:6px;
	border:1px solid #444;}
	
#navigation ul li:hover>ul{ opacity: 0.9; position:absolute; top:175%; left:-50; }
#navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 0.9; z-index:497; background:#666666; }