@charset "utf-8";

body{
background-image:url('../img/bg1.png');
background-repeat:repeat-x;
margin:0;
font-family: Verdana, Helvetica, sans-serif;
color:#14386E;}
img{
border:none;
text-decoration:none;}
a{
font-size:14px;
color:#14386E;
margin:0;padding:0;}
a:hover{
text-decoration:none;}
p{
font-size:14px;
text-align:justify;
margin:0 0 20px 0;
padding:0;}
ul, ol{
font-size:14px;
text-align:justify;
margin:0 0 20px 20px;
list-style:inside;}
h1, h2, h3, h4{
margin:20px 0 10px 0;}
li{
margin:0 0 5px 0;}
form, input, textarea{
z-index:1;}







/*additional classes and id's*/
.db_search{
width:100%;
margin:20px auto 40px auto;
}
.db_search form{
margin:0 40px 0 0;
}
.db_search input{
border:1px solid #999999;
padding:5px;
}
table.dbslist{
margin:10px auto;
}
table.dbslist td{
padding:5px 0 5px 5px;
border-bottom:1px dashed #14386E;
vertical-align:top;
}
table.dbslist p{
margin:0;
text-align:left;
}
table.dbs{
width:90%;
margin:10px auto;
}
table.dbs td{
padding:5px;
border-bottom:1px dashed #14386E;
vertical-align:top;
}
table.dbs p{
margin:0;
text-align:left;
}
table.files{
width:90%;
margin:10px auto 40px auto;
}
table.files td{
vertical-align:top;
padding:3px;
border-bottom:1px dashed #fff;
}
table.files p{
text-align:left;
margin:3px;
}
.left40{
float:left;
margin:0 40px 0 0;
}
.staff_out1{
background:transparent url('../img/staff_bg.png') repeat-x;
padding:10px;
margin:0 0 40px 0;
color:#fff;
/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
}
.staff_out1 p{
margin:20px 0 0 0;
width:400px;
float:right;
}
.staff_out2{
border:2px solid #fff;
/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
}
.staff_in1{
background:transparent url('../img/ab_cloud1.png') no-repeat 100% 0%;
height:86px;
}
.staff_in2{
overflow:hidden;
background:transparent url('../img/ab_cloud2.png') no-repeat 0% 100%;
padding:0 50px 40px 65px;
margin:-66px 0 0 0;
}






/*notification message*/
#note{
display:none;
background:#D90303;
margin:0;
padding:7px 10px 10px 10px;
/* place note on top of other overlays */
z-index:10001;
position:fixed;
	top:10px;
	right:10px;
filter:alpha(opacity=70);
opacity: 0.7;
/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
}
#note p{
color:#fff;
text-align:center;
font-size:14px;
margin:0;
padding:0;}
#note2{
display:none;
}
#note2 input, #note2 button.close{
border:1px solid #14386E;
margin:2px;padding:2px;
}






/****page parts --> top*/
#top{
	width:1000px;height:333px;
	background:url('../img/banner.jpg') no-repeat;
	margin:0 auto 0 auto;
	padding:16px 0 0 0;}
	#top p{
	font-size:12px;
	color:#fff;
	margin:0;}
	#logmenu{
		float:right;
		margin:0 270px 0 0;}
		#log1{
		padding:12px 15px 10px 60px;
		background:url('../img/pict1.png') no-repeat top left;
		border-right:1px solid #fff;
		float:left;}
		#log1:hover{
		background:url('../img/pict1a.png') no-repeat top left;}
		#log2{
		padding:12px 67px 10px 15px;
		background:url('../img/pict2.png') no-repeat top right;
		float:left;
		text-align:right;}
		#log2:hover{
		background:url('../img/pict2a.png') no-repeat top right;}
		#log2 p{text-align:right;}
		#mbrmenu1{
		position:absolute;
		height:43px;
		padding:0 0 0 45px;
		background:transparent url('../img/logout_pic.png') no-repeat 0% 100%;
		margin:165px 0 0 20px;
		clear:both;
		}
		#mbrmenu1:hover{
		background:transparent url('../img/logout_pic1.png') no-repeat 0% 100%;
		}
		#mbrmenu2{
		width:212px;height:40px;
		padding:3px 0 0 23px;
		background:transparent url('../img/logout_frame.png') no-repeat 0% 100%;
		}
		#mbrmenu2 p{
		font-size:13px;
		margin:0;
		color:#FFB900;
		}
		#mbrmenu2 a{
		color:#fff;
		font-size:12px;
		margin:0 7px 0 0;
		}
	#clients{
	background:url('../img/clients_up.png') no-repeat;
	float:right;
	width:123px;height:40px;
	padding:10px 70px 10px 70px;
	margin:12px 0 0 0;}
	#clients a{
	color:#fff;
	text-decoration:none;}
	#logmenu a{
	color:#fff;
	text-decoration:none;}
/*login form*/
#logform{
	display:none;
	background:url('../img/login.png') no-repeat;
	width:124px;
	height:111px;
	margin:7px 0;
	padding:25px 10px;
	color:#fff;
}
#logform input{
width:114px;
margin:3px 3px 0 3px;
padding:2px;
background:#FFB900;
border:none;
color:#fff;
font-size:12px;
}
#signform{
	display:none;
	background:url('../img/signup.png') no-repeat;
	width:284px;
	height:101px;
	margin:7px 0;
	padding:30px 10px;
	color:#fff;
}
#signform input{
width:114px;
margin:5px;
padding:2px;
background:#FFB900;
border:none;
color:#fff;
font-size:12px;
}







/****page parts --> mid*/
.mid{
	overflow:hidden;
	width:1000px;
	margin:0 auto 0 auto;}
	#menu{
	float:left;
	width:225px;}
	#main{
		width:auto;
		margin:0 0 0 270px;}
		#right{
		float:right;
		width:263px;
		background:#94A7BE;
		margin:0 0 0 40px;
		padding:50px 0 10px 0;}
		#right p{
		font-weight:bold;
		font-style:italic;
		font-size: 16px;
		color:#003296;
		margin:0;
		padding:7px 25px 10px 25px;
		text-align:left;}
	#btmmenu{
		width:730px;
		float:right;clear:right;
		background:#FFC300;
		padding:0;
		margin:100px 0 0 0;
		color:#fff;
		letter-spacing:5px;}
		#btmmenu ul{
		margin:0;
		list-style:none;}
		#btmmenu li{
		float:left;
		margin:5px 0 0 0;
		padding:0 32px 5px 32px;
		border-right:1px solid #fff;}
		#btmmenu a{
		font-size:16px;
		color:#14386E;
		text-decoration:none;
		word-spacing:10px;}
		#btmmenu a:hover{
		color:#fff;}
#mapsbg{
width:630px;height:538px;
padding:100px 0 0 100px;
background:transparent url('../img/bg_cont.jpg') no-repeat;
}
#mapshdr{
width:615px;height:53px;
padding:12px 15px 0 0;
background:#FFB900;
border-bottom:3px solid #fff;
}
#mapshdr p{
float:right;
text-align:right;
font-size:12px;
margin:-5px 10px 0 0;
font-weight:bold;
}
#maps{
width:610px;height:305px;
padding:20px 20px 10px 20px;
background:#092C61;
overflow:hidden;
}
#maps1{
width:100px;
margin:-5px 10px 80px 0;
padding:0 0 0 50px;
background:url('../img/cont_pict2.png') no-repeat 0% 15%;
float:left;
clear:both;
}
#maps1:hover{
background:url('../img/cont_pict2a.png') no-repeat 0% 15%;
}
#maps1 a{
font-size:12px;
color:#fff;
text-decoration:none;
margin:-5px 0 0 0;
}
#maps1 a:hover{
color:#FFB900;
}
#maps2{
width:100px;min-height:40px;
margin:-5px 10px 80px 0;
padding:0 0 0 50px;
background:url('../img/cont_pict3.png') no-repeat 0% 35%;
float:left;
clear:both;
}
#maps2:hover{
background:url('../img/cont_pict3a.png') no-repeat 0% 35%;
}
#maps2 a{
font-size:12px;
color:#fff;
text-decoration:none;
margin:-5px 0 0 0;
}
#maps2 a:hover{
color:#FFB900;
}
#maps3{
width:100px;min-height:40px;
margin:-5px 10px 0 0;
padding:0 0 0 50px;
background:url('../img/cont_pict4.png') no-repeat 0% 35%;
float:left;
clear:both;
}
#maps3:hover{
background:url('../img/cont_pict4a.png') no-repeat 0% 35%;
}
#maps3 a{
font-size:12px;
color:#fff;
text-decoration:none;
margin:-5px 0 0 0;
}
#maps3 a:hover{
color:#FFB900;
}





/****page parts --> bottom*/
#btm{
		clear:both;
		width:100%;height:252px;
		background:#14386E url('../img/footer.jpg') no-repeat bottom center;}
	#btmcenter{
		width:980px;height:212px;
		padding:20px 0 20px 20px;
		margin:0 auto;}
		#btmcenter p,#btmcenter a{
		font-size:12px;}
		#btmcenter a{
		color:#fff;
		text-decoration:none;}
		#btmcenter a:hover{
		color:#FFC300;}
		#btmcenter h4{
		margin:0 0 10px 0;}
	#btm1{
		float:left;
		width:290px;height:212px;}
		#zion{
		width:240px;height:63px;
		padding:17px 0 0 50px;
		background:url('../img/zion_pict.png') no-repeat 0% 50%;
		border-top:1px dashed #fff;}
		#zion img{
		float:right;
		margin:10px 0 0 0;}
	#btm2{
		float:left;
		width:265px;height:212px;
		margin:0 30px;padding:0 30px;
		border-left:1px solid #14386E;
		border-right:1px solid #14386E;}
		#btm2 ul{
		color:#fff;
		margin:0;padding:0;
		list-style:inside;}
		#btm2 li{
		margin:0 0 5px 0;
		padding:0 0 7px 10px;
		border-bottom:1px dashed #fff;}
		#btm2 a{
		color:#14386E;}
		#btm2 a:hover{
		color:#fff;}
	#btm3{
		float:left;
		width:300px;height:205px;}
	#btm3 input{
	border:none;
	background:#7FA1C0;
	font-size:16px;
	width:240px;}
		#btm3 input.askme{
		background:url('../img/narrow2.png');
		border:none;
		width:54px;
		height:54px;
		vertical-align:40px;}
	#btm3 textarea{
	border:none;
	background:#7FA1C0;
	font-size:16px;
	width:235px;height:90px;}
	#btm3 p{
	font-size:14px;
	font-weight:bold;}
	#btm3 img{
	margin:10px 0 20px 5px;
	cursor:pointer;}








/* menu code */
.glossymenu{
margin:0;padding:0;
width:225px; /*width of menu*/}
.glossymenu a.menuitem{
height:25px;
padding:20px;
background:#999999 no-repeat 94.5% 50%;
font-weight:bold;
font-size: 14px;
color: #14386E;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
text-decoration: none;
border-bottom: 3px solid #ffffff;}
.glossymenu .menuitem:hover{
color: white;
background:#14386E no-repeat 94.5% 50%;}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
margin:0px;
top: 5px;
right: 5px;
border: none;}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background-color:#999999;
border-bottom: 3px solid #ffffff;}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;padding: 0;}
.glossymenu div.submenu ul li{
background:#999999;
border-bottom: 3px dotted #14386E;
margin:0;padding:0;
text-align:left;}
.glossymenu div.submenu ul li a{
display: block;
font-weight:normal;
font-size: 14px;
color: white;
text-decoration: none;
padding:10px 15px;}
.glossymenu div.submenu ul li a:hover{
background:url('../img/tri_1.png') no-repeat 0% 50%;
color:#14386E;}
.glossymenu div.submenu ul li img{margin:0;padding:0;}
/* end of menu */







/* the overlayed element */
.simple_overlay {
/* must be initially hidden */
	display:none;
/* place overlay on top of other elements */
	z-index:10000;
/* styling */
	background-color:#fafafa;
	border:1px solid #c1c1c1;
height:20px;
padding:0;
/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.details .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-19px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* styling for elements inside overlay */
.details {
/* must be initially hidden */
	display:none;
/* place overlay on top of other elements */
	z-index:10000;
	position:absolute;
	top:15px;
	right:auto;
	padding:15px;
	color:#000;
	background:#fafafa;
/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.details input{
font-size:14px;}
.details p{
width:auto;
margin:0;padding:0;
text-align:center;
color:#000;
font-size:14px;
float:none;}
.details img{
margin:0 0 10px 0;
padding:0;}
/* some styling for triggers */
#triggers {
	text-align:center;
	clear:both;
}
#triggers img {
	cursor:pointer;
	margin:0;
	background-color:transparent;
	border:2px solid #fff;
	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
}
#triggers a {
	cursor:pointer;
	margin:0;
	padding:0;
}
#triggers a:hover{
text-decoration:none;
}

/*dialogs*/
#facebox {
/* overlay is hidden before loading */
	display:none;
/* standard decorations */
	width:400px;	
	border:10px solid #666;
/* for modern browsers use semi-transparent color on the border. nice! */
	border:10px solid rgba(82, 82, 82, 0.698);
	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
}
#facebox div {
	padding:10px;
	background-color:#fff;
}
#facebox h2 {
	margin:-11px;
	margin-bottom:0px;
	color:#fff;
	background-color:#173965;
	padding:5px 10px;
	border:1px solid #3B5998;
	font-size:20px;
	text-align:right;
}
#facebox p {
font-size:14px;
margin:10px 0 15px 0;
padding:0;
text-align:left;}







/* for accordion at the Service page */
#accordion {
	background:transparent;
	width:730px;}
/* accordion header */
#accordion h2 {
	background:#14386E;
	color:#fff;
	margin:0;
	padding:7px 40px 10px 40px;
	font-size:14px;
	border:none;
	border-bottom:1px dashed #fff;
	cursor:pointer;}
/* currently active header */
#accordion h2.current {
	color:#15386E;
	cursor:default;
	background-color:#fff;}
/* accordion pane */
#accordion div.pane {
	overflow:hidden;
	color:#fff;
	background:#809FC2 url('../img/s_cloud.png') no-repeat top right;
	border-width:0 2px 2px 2px;
	display:none;
	height:auto;
	padding:70px 55px 20px 40px;
	font-size:12px;}
/* a title inside pane */
#accordion div.pane h1, #accordion div.pane h2, #accordion div.pane h3, #accordion div.pane h4 {
	font-weight:normal;
	margin:0 0 -5px 0;
	color:#999;}
#accordion div.pane img{
	float:left;
	margin:5px 40px 20px 0;
	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
}
#accordion div.pane p{
	width:320px;
	clear:right;
	float:right;}
#accordion div.pane ul, #accordion div.pane ol{
	width:285px;
	clear:right;
	float:right;
	margin:0 0 20px 0;}
#srv_top{
width:730px;height:10px;
background:url('../img/s_top.png') no-repeat;
}
#srv_btm{
width:730px;height:10px;
background:url('../img/s_bot.png') no-repeat;
}