/* =================== Getting the new tags to behave START CENTIMARK ====================== */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
mark, rp, rt, ruby, summary, time { display: inline }

/* ==================== Getting the new tags to behave END ======================= */





/* ========================= Global properties START ============================= */

body {
	background: #00338E;
	min-width: 980px;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	color: #999;
	font-variant: normal;
	text-transform: none;
	background: #00338E;
}

html {
	background: transparent;
	min-width: 980px;
	height: 100%;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: top;
	font-size: 100%;
}

div {
	border: 0 none;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
	text-align: left;
}

a {
	outline: none;
	color: #00338E;
	text-decoration: none;
}

	a:hover {
	color: #000;
	text-decoration: none;
	}

h2{
	font-size:2.667em;
	line-height:1.2em;
	color:#B38D06;
	letter-spacing:-1px;
	word-spacing:2px
}
	h2 span{text-transform:uppercase}
	
	h2.extra{margin-bottom:13px}
	h2.extra1{margin-bottom:21px}
	
h3{
	font-size:2em;
	color:#b38d06;
	background:url(../images/h3_marker2.png) 1px center no-repeat;
	padding-left:16px;
	line-height:1.2em;
	margin-bottom:19px;
	letter-spacing:-1px;
	word-spacing:2px
}
h5 {
	font-size: 15px;
	line-height: 22px;
	color: #B38D06;
	font-style: italic;
	font-weight: normal;
	padding-bottom: 22px;
	padding-top: 2px;
}

	h3.extra{margin-bottom:18px}
	h3.extra1{margin-bottom:15px}

h6{
	color:#00338E;
	font-size:15px;
	line-height:18px;
	text-transform:none;
	margin-bottom:3px;
	padding-right: 5px;
	font-weight: normal;
}
	h6.extra{margin-bottom:18px}
	h6.extra1{margin-bottom:0}

p{
	line-height:18px;
	margin-bottom:18px;
	color: #666;
}
	p.extra{
	/* [disabled]margin-bottom:20px; */
	color: #FFF;
}
	p.extra1{margin-bottom:0}
	p.extra2{margin-bottom:16px}
	p.extra3{margin-bottom:17px}
	p.extra4{margin-bottom:27px}
	
img.fleft{margin-right:18px}

.orange{
	color:#039
}

.div_indent{margin-bottom:17px}


/* ========================= Global properties END =============================== */






/* ========================= Global Structure START ============================== */

#main {
	width: 980px;
	margin: 0 auto;
	font-size: 0.75em;
	padding-bottom:79px;
}

header {
	position: relative;
	height:146px;
}

section#content {
	background:url(../images/tail_shadow.png) left top repeat-y;
}

footer {
	min-height:69px;
	overflow: hidden;
	background:url(../images/tail_shadow.png) left top repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	font-style: normal;
}

.top_shadow{background:url(../images/top_shadow.png) left top no-repeat; height:7px; width:980px; top:86px; position:absolute}
.footer_bot_shadow{background:url(../images/bot_shadow.png) left top no-repeat; height:7px}
aside{
	width:960px;
	background:url(../images/aside_bot_shad.png) left bottom repeat-x;
	color:#919090;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3d3d3d;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	height: auto;
}
	.aside_inner{
	background:url(../images/aside_top_shad.png) left top repeat-x;
	padding-top: 23px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 20px;
}
	.navbanner_inner{
	background:url(../images/aside_top_shad.png) left top repeat-x;
	width: 930px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 50px;
}
subnav{
	width:960px;
	margin:0 auto;
	color:#919090;
	background-color: #999;
}
.subnav_inner{
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 20px;
}
.login  {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #b38d06;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	padding-left: 3px;
}
.login a:link{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #b38d06;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	padding-left: 3px;
}
.login a:visited{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #b38d06;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	padding-left: 3px;
}
	.login a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	padding-left: 3px;
	font-weight: bold;
}

	#page6 .aside_inner{padding:41px 0 35px 20px}
/* ========================= Global Structure END ================================ */






/* ====================== Left & Right alignment START =========================== */

.fleft {
	float: left;
}

.fright {
	float: right;
}

.col-1, .col-2, .col-3, .col-4 {
	float: left;
	overflow: hidden;
}

.block-1, .block-2, .block-3, .block-4 {
	float: left;
	overflow: hidden;
	font-variant: normal;
	text-transform: none;
}

.aligncenter {
	padding: 15px 0 0 0;
	text-align: center;
	
/* ====================== Align for Counter =========================== */
}

.aligncenter2 {
	text-align: justify;
	width: 980px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 480;
	font-size: 13px;
	font-weight: normal;
	color: #c4e1ff;
	margin-right: auto;
	margin-left: auto;
	text-indent: 280px;
}

.wrapper {
	width: 100%;
	overflow: hidden;
	font-variant: normal;
	text-transform: none;
	font-style: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.clear {
	clear: both;
	font-size: 0%;
	line-height: 0%;
	height: 0;
}

/* ====================== Left & Right alignment END ============================= */





/* ============================== header START =================================== */
header h1{height:36px; width:237px; position:absolute; top:27px; left:14px}
	header h1 a{display:block; height:100%; background:url(../images/logo.png) center center no-repeat; text-decoration:none}
	header h1 a span{display:none}
	header h1 a b{text-decoration:none; color:#bebebe; font-size:1.167em; text-transform:uppercase; display:block; position:absolute; left:245px; top:-1px; width:160px; line-height:19px; word-spacing:3px; letter-spacing:-1px}

.header_icons{position:absolute; top:45px; right:38px; color:#919090}
	.header_icons ul{float:left; margin-right:2px}
		.header_icons ul li{float:left; margin-right:5px}
		
nav{position:absolute; width:980px; top:93px; background:url(../images/tail_shadow.png) left top repeat-y; height:53px; z-index:19}
	.nav_shadow{background:url(../images/nav_shadow.png) left bottom repeat-x; width:960px; margin:0 auto; height:53px}
	nav ul{font-size:1.5em}
	nav li{float:left; height:53px}
	nav ul a{color:#8c8c8c; text-decoration:none; line-height:43px; display:block; letter-spacing:-1px; padding:3px 20px 7px 19px; margin:0 3px}
	nav ul a:hover, nav ul .active a{color:#ff5300; text-decoration:none; border:3px solid #3d3d3d; border-bottom:none; line-height:43px; margin:0; padding-top:0}
/* =============================== header END ==================================== */





/* ============================= content START =================================== */
.banner{padding:7px; background:url(../images/banner_img1.jpg) center center no-repeat #3d3d3d; height:373px; position:relative}

#page2 .banner{background-image:url(../images/banner_img2.jpg)}
#page3 .banner{background-image:url(../images/banner_img3.jpg)}
#page4 .banner{background-image:url(../images/banner_img4.jpg)}
#page5 .banner{background-image:url(../images/banner_img1.jpg)}
#page6 .banner{background-image:url(../images/banner_img2.jpg)}
#page7 .banner{background-image:url(../images/banner_img3.jpg)}
#page8 .banner{background-image:url(../images/banner_img4.jpg)}



	.banner_slogan{font-size:3.333em; text-transform:uppercase; color:#fff; width:447px; height:180px; background:url(../images/banner_slogan_bg.png) left top no-repeat; letter-spacing:-1px; position:absolute; left:7px; top:109px; padding:42px 0 0 22px; line-height:1.2em; word-spacing:-1px}
		.banner_slogan span{font-size:0.75em; text-transform:none; color:#ffccb3; display:block; letter-spacing:0; width:90%; margin-top:-16px; word-spacing:0}
		.banner_slogan span b{margin-top:-27px; display:block}
	.banner ul{position:absolute; bottom:15px; left:31px}
	.banner ul li{float:left; margin-right:3px}
	.banner ul a{background:url(../images/banner_slider.png) left top no-repeat; height:13px; width:13px; display:block}
	.banner ul a:hover, .banner ul .active a{background-position:left bottom}
	
aside .block-1, aside .block-2, aside .block-3, aside .block-4{border-right:1px solid #2a2a2a}

aside div.extra{margin:0; border:none}

.block_inner{
	padding-right:10px;
	padding-left: 18px;
	border-right-width: thin;
	border-right-style: none;
	border-right-color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
}	
	.block_inner {color:white; text-decoration:none}
	.block_inner a:link{
	color:#C4E1FF;
	text-decoration:none;
	font-weight: bold;
}	
	.block_inner {color:white; text-decoration:none}
	.block_inner a:visited{
	color:#C4E1FF;
	text-decoration:none;
	font-weight: bold;
}
	.block_inner {color:white; text-decoration:none}
	.block_inner a:hover{
	color:#FFF;
	text-decoration:underline
}


#content section{
	width:960px;
	margin:0 auto;
	border-bottom:4px solid #3d3d3d;
	background-color: #FFF;
	color: #99877d;
}
#indent{padding:27px 0 18px 20px}

/* ============================= NAVcontent START =================================== */

#Navcontent section{
	width:960px;
	margin:10px ;
	background-color: #FFF;
}
#Navindent{
	width:960px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	background-color: #FFF;
	color: #00338e;
	padding-top: 27px;
	padding-right: 0;
	padding-bottom: 17px;
	padding-left: 20px;
}
/* ============================= NAVcontent END =================================== */

#systems{
	width: 195px;
	margin-right: 10px;
	float: left;
	border: 1px dashed #999;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	margin-bottom: 10px;
}
#columns{
	width: 195px;
	margin-right: 10px;
	float: left;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	margin-bottom: 10px;
}

.col-1, .col-2, .col-3, .col-4{
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999;
}

article.extra{border:none; margin:0 !important}

.article_inner{
	padding-right:20px;
}


.list{
	width:100%;
	overflow:hidden;
	margin-bottom:7px;
	background: transparent
}
	.list li{
	width:100%;
	overflow:hidden;
	margin-bottom:7px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	padding-bottom: 7px;
	background: transparent;
}
	.list h6, .list p{margin-bottom:0}
	.list img{margin-top:5px}
	
.list1{
	line-height:24px;
	font-size:0.917em;
	font-weight:bold;
	width:100%;
	overflow:hidden;
	text-transform:none;
	margin-bottom:15px;
	padding-left: 0px;
	background: transparent;
}	
	.list1 a:link{
	color:#C4E1FF;
	text-decoration:none;
	font-weight: bold;
}
	.list1 li{background:url(../images/list_marker2.gif) left center no-repeat; padding-left:12px; overflow:hidden}
	.list1 a{color:white; text-decoration:none}
	.list1 a:hover{
	color:#C4E1FF;
	text-decoration:underline;
}
	
.news{width:100%; overflow:hidden}
	.news dt a{color:white; text-decoration:none; font-size:0.917em; line-height:18px; font-weight:bold; text-transform:uppercase}
	.news dt a:hover{color:#ff5300; text-decoration:underline}
	.news dd{line-height:18px; margin-bottom:25px}
	.news dd.last{margin-bottom:0}
	
.lists{
	width:100%;
	overflow:hidden;
	text-transform: none;
	background: transparent;
}
	.lists ul{float:left; width:206px; margin-right:26px}
	.lists .last{margin-right:0}

.list2{
	width:100%;
	overflow:hidden;
	padding-top:4px;
	font-size: 10px;
	margin-bottom: 5px;
	background: transparent;
}
	.list2 li{
	margin-right:30px;
	float: left;
	background: transparent;
}
.list2 a:hover{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background: transparent;
}
.list2 a{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #C4E1FF;
	ackground: transparent;
}

.list4{
	width:100%;
	overflow:hidden;
	padding-top:4px;
	font-size: 14px;
	margin-bottom: 5px;
	background: transparent;
}
	.list4 li{
	margin-right:30px;
	float: left;
	background: transparent;
}
.list4 a:hover{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #b38c06;
	background: transparent;
}
.list4 a{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #00338e;
	background: transparent;
	
}
	
.list3{width:100%; overflow:hidden; padding-top:3px}
	.list3 li{width:100%; overflow:hidden; margin-bottom:25px}
	.list3 h6, .list3 p{margin-bottom:0}
	.list3 .last{margin-bottom:0}
	
.lists.extra ul{margin-bottom:0}

.contacts{
	color:#0036A8;
	font-weight:bold;
	font-size:0.917em;
	text-transform:uppercase;
	padding-right:13px
}
	.contacts span{float:right}

.contacts1{width:100%; overflow:hidden; padding-bottom:5px}
	.contacts1 li{float:left; width:200px; margin-right:41px}
	.contacts1 .last{margin:0; width:197px}
	.contacts1 p span{float:right; padding-right:31px}
	.contacts1 h6{margin-bottom:0}

.mail{font-size:0.917em; font-weight:bold; text-transform:uppercase; color:#d3d3d3; margin-bottom:15px}
	.mail a{color:#d3d3d3; text-decoration:none}
	.mail a:hover{color:#ff5300; text-decoration:underline}
/* ============================== content END ==================================== */



/* =================== txt, links, lines, titles START =========================== */
a.more{
	text-decoration:none;
	color:#FFF;
	font-size:.85em;
	display:inline-block;
	line-height:15px;
	padding:0 18px 3px 14px;
	letter-spacing:-1px;
	word-spacing:2px;
	background-image: url(../images/more2.jpg);
	font-size: x-small;
	background-repeat: no-repeat;
	background-position: right center;
}
	a.more:hover{
	text-decoration:none;
	color:white;
	font-weight: bold;
	background-image: url(../images/more2blk.jpg);
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}

/* ==================== txt, links, lines, titles END ============================ */





/* ============================= forms START ===================================== */

#contact_form {width: 675px; overflow: hidden; color:#919090; margin-left:1px;}
	#contact_form input, #contact_form textarea{float:left; margin:0; border:1px solid #3d3d3d; color:white; background:url(../images/input_bg.png) left top repeat; font:12px Arial, Helvetica, sans-serif; padding:4px; width:309px; outline:none}
	#contact_form textarea{height:75px; overflow:auto}
	#contact_form div{width:100%; overflow:hidden; margin-bottom:11px}
	#contact_form .fleft, #contact_form .fright{width:319px; margin:0}
	#contact_form .name{line-height:18px; padding-left:9px; margin-bottom:6px}
	#contact_form .wrapper{margin:0}
	#contact_form .buttons{padding-top:8px; text-align:right; margin:0}
	#contact_form .buttons a.more{margin-left:22px; padding:0 21px 3px 15px}

#search_form{width:169px; height:25px; background:url(../images/search_form.jpg) left top no-repeat; position:absolute; top:105px; right:22px; z-index:20}
	#search_form a{color:#fff; font-size:1.333em; text-decoration:none; text-transform:lowercase; display:inline-block; line-height:1.35em; letter-spacing:-1px}
	#search_form a:hover{color:#ff5300; text-decoration:none}
	#search_form input{float:left; color:#fff; font:12px Arial, Helvetica, sans-serif; border:none; padding:5px; outline:none; background:none; width:103px; margin-right:9px}

/* ============================== forms END ====================================== */





/* ============================= other START ===================================== */

.pic-indent{margin-bottom:13px}
.pic-indent1{margin:4px 18px 0 0}
.pic-indent2{margin:5px 18px 0 0}

/* ============================== other END ====================================== */





/* ============================ footer START ===================================== */
footer .wrapper{
	width:918px;
	margin:0 auto;
	padding:27px 21px 0
}
footer a{
	color:#FFF
}
.footer_link{
	float:right;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	font-size: 10px;
}
.footer_visited{
	float:right;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	font-size: 10px;
}
.footer_link a:hover{
	text-decoration: none;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CCC;
	font-size: 10px;
}
.copy{float:left}
	.copy b{margin:0 3px}
.footer_link{
	float:right;
	padding-right: 2px;
	padding-left: 2px;
}
/* ============================= footer END ====================================== */