/* Getting the new tags to behave */
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 }

/* Global properties ======================================================== */
body { 
	background: url(../images/body.gif) top center repeat-y; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	line-height: 20px;
	color: #848383;
	min-width: 1000px;
}
html, body { height: 100%;}

p { padding-top: 10px; }

.pad {padding: 0 !important; margin-top: -1px;}
.pad1 {padding: 0 !important; margin-top: -9px;}

.top { padding-top: 4px; }
.top1 { padding-top: 16px; }
.top2 { padding-top: 18px; }
.top3 { padding-top: 22px; }
.top4 { padding-top: 24px; }
.top5 { padding-top: 40px !important; }
.top6 { padding-top: 41px; }

.h-top {padding-top: 59px;}
.h-top1 {padding-top: 67px;}
.h-top2 {padding-top: 72px;}
.h-top3 {padding-top: 69px;}

.row-top {padding-top: 21px;}

.bot { padding-bottom: 74px; }
.bot1 { padding-bottom: 77px; }
.bot2 { padding-bottom: 50px; }
.bot3 { padding-bottom: 28px; }
.bot4 { padding-bottom: 79px; }
.bot5 { padding-bottom: 95px; }

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

/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	width: 984px;
	position: relative;
}

	/* Header */
	header{
		height: 197px;
		background: url(../images/header-bg.gif) 0 0 repeat-x;
	}
	
	/* Content */
	section#content {
		
	}			
	/* Footer */
	footer{
		height: 35px;
		background: #fff;
	}
/* Left & Right alignment */

.fleft { float: left;}
.fright { float: right;}
.clear { clear: both;}

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

.alignright { text-align: right;}
.aligncenter { text-align: center;}

.wrapper { 
	width: 100%;
	overflow: hidden;
}
.container {
	width: 100%;
}
/*----- form defaults -----*/
input, select, textarea { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	line-height: 20px;
	color: #848383;
}

/*----- other -----*/
.img-indent { margin: 0 15px 0 0; float: left; }
.img-indent1 { margin: 0 29px 0 0; float: left; }
.extra-wrap { overflow: hidden; }

/*=============================================================================== text =====*/
h1 {
	padding: 40px 0 38px 18px; /*40 0 46 18*/
	position: relative;
	float: left;
}
	h1 a {
		display: block;
		height: 54px;
		width: 532px;
		text-indent: -5000px;
		background: url(../images/logo.png) left top no-repeat;
	}
h2 {
	font-size: 26px;
	line-height: 1.2em;
	color: #1b1b1b;
	padding: 54px 0px 4px 0px;
	margin: 0px 0px 28px 0px;
	text-transform: uppercase;
	border-bottom: 1px solid #dadada;
}
h3 {
	font-size: 36px;
	line-height: 1.2em;
	color: #003366;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 28px 0px;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #003366;
}
	h3 span {
		float: left;
	}
	h3 a {float: left; position: relative;}
	h3 img {margin: 6px 0 0 23px; float: left;}
h4 {
	font-size: 20px;
	line-height: 1.2em;
	color: #6a6a6a;
	padding: 34px 0px 17px 18px;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
}	


.text {
	font-size: 20px;
	line-height: 1.2em;
	color: #949494;
	text-transform: uppercase;
	display: block;
	padding-top: 73px;
}
	.text span {
		display: block;
		margin-top: -4px;
	}

.text1 {
	font-size: 17px;
	font-weight: bold;
	line-height: 18px;
	color: #003366;
	display: block;
	padding: 6px 0 2px;
}
.text2 {
	font-size: 12px;
	line-height: 18px;
	color: #848383;
	display: block;
}

.line-heihgt {line-height: 20px !important; padding: 5px 0 1px;}

.decoration {text-decoration: none;}

.center {text-align: center;}
	.center img {
		text-align: left;
		padding: 2px 18px 5px 0;
	}

.strong {
	font-size: 13px;
	color: #848383;
}
.span {
	font-size: 17px;
	line-height: 1.2307em;
	color: #3a3a3a;
}

.width {width: 306px;}

.questions {width: 570px;}
	.questions p {padding-top: 19px;}
	.questions .top {padding-top: 5px;}
	
.color {color: #aaa9a9;}
.color1 {color: #003366;}
/*=================================================================================================================== header =====*/
.extra {background: url(../images/extra-bg.gif) top center no-repeat; width: 100%;}

/*=============================================================================== nav =====*/
nav {
	padding: 0 0 14px 2px;
	width: 100%;
	overflow: hidden;
}
	nav ul {
		float: left;
		padding-top: 8px;
	}
		nav li {
			float: left;
			font-size: 14px;
			line-height: 1.2em;
			background: url(../images/nav-li-bg.gif) 0 0 no-repeat;
			padding-left: 15px;
		}
			nav li a {
				display: block;
				text-transform: uppercase;
				text-decoration: none;
				color: #1b1b1b;
				margin-right: 13px;
			}
				nav .active {
					color: #ffff33;
					background: #003366;
				}
				nav li a:hover {
					color: #ffff33;
				}
		nav .first {background: none;}

.rss {
	float: right;
	padding: 8px 36px 5px 0;
	margin: 0 19px 0 0;
	background: url(../images/rss-bg.gif) right 0px no-repeat;
	font-size: 14px;
	line-height: 1.2em;
	color: #1b1b1b;
	text-transform: uppercase;
	text-decoration: none;
}
	.rss:hover {color: #003366;}


.sliders {
	background: url(../images/sliders-bg.gif) 0 0 repeat-x;
	height: 527px;
}
/*=================================================================================================================== content =====*/
#content .main {width: 950px;}
/*=============================================================================== indents =====*/
.indent {padding: 10px 0px 0px 17px}
/*=============================================================================== col-indents =====*/
.col-indent { padding-right: 20px; }
.col-indent1 { padding-right: 24px; }
.col-indent2 { padding-right: 45px; }
.col-indent3 { padding-right: 28px; }
/*=============================================================================== boxes =====*/
.box {
	background: url(../images/box-bg.gif) #141414;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	behavior:url(js/PIE.htc);
	position:relative;
	padding: 20px;
	position:relative;
	width: 950px;
	min-height: 390px;
}
/*=============================================================================== line-hor =====*/

/*=============================================================================== lists =====*/
.list {
	padding: 0 0 26px 0;
}
	.list li {
		font-size: 11px;
		line-height: 30px;
		background: none;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		behavior: url(js/PIE.htc);
		position: relative;
		cursor: pointer;
		height: 31px;
		width: 100%;
		overflow: hidden;
		text-transform: uppercase;
		color: #545454;
		margin-bottom: -1px;
	}
		.list li:hover {
			background: #003366;
		}
		.list li a {
			color: #545454;
			text-decoration: none;
			border-bottom: 1px solid #afafaf;
			margin: 0 10px;
			padding: 0 0 0px 8px;
			display: block;
		}
			.list li:hover a {
				color: #fff;
				border-bottom: none;
			}
	.list .last a {border-bottom: none;}

.list_1a li {
	width: 100%;
	overflow: hidden;
	padding-bottom: 28px;
}
	.list_1a li img {
		float: left;
		margin-right: 10px;
	}
	.list_1a li a {
		font-size: 14px;
		color: #3a3a3a;
		text-decoration: underline;
	}

	.list_1a li span {
		display: block;
		font-size: 12px;
		color:#848383;
	}
	.list_1a li strong {
		font-weight: normal;
		font-size: 17px;
	
		color: #3a3a3a;
		
		
	}
	.list_1a .list-link {
		font-size: 12px;
		line-height: 17px;
		color: #003366;
		text-decoration: none;
		padding: 0;
	}

.list_1 li {
	width: 100%;
	overflow: hidden;
	padding-bottom: 28px;
}
	.list_1 li img {
		float: left;
		margin-right: 14px;
	}
	.list_1 li a {
		font-size: 17px;
		line-height: 1.2307em;
		color: #3a3a3a;
		text-decoration: none;
		display: inline-block;
		padding: 5px 0 0 0;
		margin-bottom: -1px;
	}
	.list_1 li span {
		display: block;
		font-size: 12px;
		line-height: 18px;
		color:#848383;
	}
	.list_1 li strong {
		font-weight: normal;
		font-size: 17px;
		line-height: 1.2307em;
		color: #3a3a3a;
		display: inline-block;
		padding: 5px 0 0 0;
		margin-bottom: -1px;
	}
	.list_1 .list-link {
		font-size: 12px;
		line-height: 17px;
		color: #003366;
		text-decoration: none;
		padding: 0;
	}

.list_2 {
	padding: 5px 0 0 0;
	position: relative;
}
	.list_2 li {
		font-size: 17px;
		line-height: 20px;
		padding-bottom: 10px;
	}
		.list_2 li a {
			color: #3a3a3a;
			text-decoration: none;
			background: url(../images/LocationsIcon.png) 0 0px no-repeat;
			display: inline-block;
			padding: 0px 0 0 38px;
		}
			.list_2 li a:hover {
				color: #003366;
			}
	.list_2 .border {
		border-bottom: 1px solid #eeeeee;
		padding-bottom: 13px;
		margin-bottom: 14px;
	}
		
.list_3 {
	padding: 5px 0 0 0;
}
	.list_3 li {
		font-size: 17px;
		line-height: 48px;
		background: url(../images/list_3-bg.gif) left bottom repeat-x;
	}
		.list_3 li a {
			color: #3a3a3a;
			text-decoration: none;
		}
			.list_3 li a:hover {
				text-decoration: underline;
			}
	.list_3 .bg1 {
		background: url(../images/list-bg_1.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg2 {
		background: url(../images/list-bg_2.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg3 {
		background: url(../images/list-bg_3.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg4 {
		background: url(../images/list-bg_4.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg5 {
		background: url(../images/list-bg_5.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg6 {
		background: url(../images/list-bg_6.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg_1 {
		background: url(../images/list-bg1.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg_2 {
		background: url(../images/list-bg2.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg_3 {
		background: url(../images/list-bg3.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg_4 {
		background: url(../images/list-bg4.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg_5 {
		background: url(../images/list-bg5.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg_6 {
		background: url(../images/list-bg6.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .bg_ts{
		background: url(../images/LocationsIcon.png) 3px 0px no-repeat;
		padding-left: 39px;
	}
	.list_3 .last {background: none;}
/*=============================================================================== links =====*/
.link-italic {
	color: #949494;
	font-size: 13px;
	font-style: italic;
}
/*=============================================================================== aside =====*/
#content .row .main {
	width: 984px;
}
.row {background: #d6d6d6;}
/*=============================================================================== contact =====*/
.contact {padding: 7px 0 0 0;}
	.contact span {
		display: inline-block;
		vertical-align:baseline;
		width: 98px;
	}
/*=============================================================================== nav =====*/

/*=================================================================================================================== footer =====*/

/*=============================================================================== footer span =====*/
footer span {
	float: left;
	color: #4a4a4a;
	text-transform: uppercase;
	font-size: 11px;
	display: block;
	padding: 8px 0 0 18px;
}
	footer span a {
		text-decoration: none;
		color: #4a4a4a;
	}
	footer span a:hover {text-decoration: underline;}
	
footer .wrapper p {
	float: left;
	padding: 8px 0 0 100px;
	text-align: center;
	color: #4a4a4a;
	text-transform: uppercase;
	font-size: 11px;
}
/*=============================================================================== menu =====*/
.menu {
	float: right;
	padding: 7px 10px 0 0;
}
	.menu li {
		float: left;
		font-size: 10px; 
		text-transform: uppercase;
		background: url(../images/menu-li-bg.gif) 0 7px no-repeat;
		padding-left: 14px;
	}
		.menu li a {
			color: #a0a0a0;
			margin-right: 10px;
			text-decoration: none;
		}
			.menu li a:hover {text-decoration: underline;}
	.menu .first {background: none;}
/*------------------------------------------------------------------------------------------------------------------- forms -----*/
#SearchForm {
	padding:46px 17px 0px 0;
	width:238px;
	float:right;
}
	#SearchForm label {
		display:inline-block;
		vertical-align:top;
		background: url(../images/search-label-bg.gif) 0 0 no-repeat;
	}
	#SearchForm input {
		vertical-align:top;
		border: none;
		background: none;
	}
	#SearchForm .input {
		width: 192px; 
		height: 14px;
		padding: 9px 6px 9px 6px;
		border: none;
		font-size: 13px;
		line-height: 1.2307em;
		color: #676767;
		background: none;
		
	}
	#SearchForm a {
		font-size: 11px;
		color: #888888;
		vertical-align: top;
	}

#ContactForm {
	padding-top:5px;
}
	#ContactForm label {
		display:block;
		width:100%; 
		height: 68px;
		background:url(../images/ContactForm-label-bg.gif) 0 0 no-repeat; 
		overflow: hidden;
	}
	#ContactForm .link {
		margin:0px 0px 0px 0px;
	}
	#ContactForm input {
		width:483px; 
		height: 16px;
		background:none; 
		border:none;
		color:#9e9e9e;
		padding: 14px 10px;
		color:#9e9e9e;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 1.2307em;
	}
	#ContactForm textarea {
		width:574px; 
		height:211px;
		background:none;
		border:none;
		padding:14px 0px;  
		overflow:auto; 
		color:#9e9e9e; 
	}
	#ContactForm .text {
		background:url(../images/ContactForm-textarea-bg.gif) 0 0 no-repeat;
		border:none;
		width:574px;
		height:240px;
		padding:0px 10px 0px 10px; 
	}
	#ContactForm strong {color: #003366; font-weight: normal;}
	#ContactForm a {
		background:url(../images/link-left-bg.gif) left top no-repeat; 
		display:inline-block;
		text-decoration:none;
		margin: 27px 0 0 16px;
		color:#fff; 
		cursor:pointer; 
		font-size:11px;
		text-transform: uppercase;
	}
		#ContactForm a span {
			background:url(../images/link-right-bg.gif) right top no-repeat;
			display:inline-block; 
			padding:0 7px 0 7px;
		}
		#ContactForm a span span  {
			background:url(../images/link-tail-bg.gif) top repeat-x;
			padding:6px 10px 7px 11px;
		}
		#ContactForm a:hover {color:#000;}
/*============= slidesow ===================*/
/* slideshow styles */
.slideShow ul,
.slideShow li,
.slideShow ol {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.slide {width: 910px !important;}
.slideShow {
	height:390px;
	float: left; 
}

/** navigation **/
.togglePlayback {
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1.2307em;
	width: 65px;
	display: block;
	text-align: center;
	background: #313131;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	position: absolute;
	behavior:url(js/PIE.htc);
	padding: 7px 0;
	margin: 0 0 0 7px;
	color: #fff;
}
.slideShow {
	float: left;
	width: 595px;
	height: 390px;
}
.slideShow .navigation {
	position: absolute;
	left: 350px;
	bottom: -49px;
	display: block;
	width: 200px;
	height: 29px;
}
	.slideShow .navigation ul {
		padding: 0px 0 0 4px;
	}
	.slideShow .navigation li {
		float:left;
		padding-right:4px;
	}
	.slideShow .navigation .page:hover,
	.slideShow .navigation .page.selected {
		background:url(../images/pagination-bg-active.gif) left top no-repeat;
	}
	.slideShow .page {
		display:block;
		width:25px;
		height:24px;
		font-size:0;
		line-height:0;
		text-decoration:none;
		background:url(../images/pagination-bg.gif) left top no-repeat;
		color:#fff;
		
	}
.slides {
	height:317px;
	width: 100%;
} 
	.slide {
		width: 100%;
		overflow: hidden;
	}
	.slide img {
		float: left;
	}
	.slide .fright {
		width: 320px;
		background: #003366;
		border-radius: 0 6px 6px 0;
		-moz-border-radius: 0 6px 6px 0;
		-webkit-border-radius: 0 6px 6px 0;
		position: relative;
		height: 305px;
		float: right;
		padding: 85px 0 0 0px;
		font-size: 34px;
		line-height: 1.2em;
		color: #ffff33;
		text-transform: uppercase;
	}
		.slide .fright strong {
			display: block;
			padding-bottom: 29px;
			padding-left: 20px;
			vertical-align: middle;
		}
		.slide .fright span {
			display: block;
			margin-top: -11px;
		}
		.slide .fright a {
			display: block;
			width: 105px;
			background: #fff;
			border-radius: 6px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			position: relative;
			font-size: 14px;
			line-height: 1.2em;
			color: #003366;
			text-align: center;
			text-decoration: none;
			padding: 14px 0;
		}
			.slide .fright a:hover {
				background: #ffff33;
				color: #003366;
			}
/* Project specifics =========================================================== */
table {

}

table td {
	padding: 1px;
}
/* Validation CSS ========================================================= */

/* form style */
#myform {
	background:#e2e2e2;	
	padding:10px 20px; 
	color:#e2e2e2;
	margin:0 auto;
	position:relative;
	width: 515px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
} 

/* nested fieldset */
#myform fieldset {
	border:0;
	margin:0;
	padding:0;
	background:#e2e2e2;	
}

/* typography */
#myform h3 	{ color:#eee; margin-top:0px; }
#myform p 	{ font-size:11px; }

/* input field */
#myform input{
	border:1px solid #444;
	width: 300px;
	padding:5px;
	color:#003366;
	font-size:12px;
	/* CSS3 spicing */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
}



/* select field */
#myform  select{
	border:1px solid #444;
	width: 312px;
	padding:5px;
	color:#003366;
	font-size:12px;
	
	/* CSS3 spicing */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
}


/* text area */
#myform textarea{
	border:1px solid #444;
	width: 500px;
	height: 100px;
	padding:5px;
	color:#003366;
	font-size:12px;
	/* CSS3 spicing */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
}

/* button */
#myform button {
	outline:0;
	border:2px solid #003366;	
	background: #003366;
	color: #ffff33;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
}

#myform button:active {
	outline:0;
	border:2px solid #003366;	
	background: #ffff33;
	color: #003366;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
}

#myform button:hover{
	border:2px solid #ffff33;
}
/* error message */
.error {
	height:15px;
	background-color:#ffff33;
	font-size:11px;
	border:1px solid #E1E16D;
	padding:4px 10px;
	color:#000;
	display:block;	
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px; 
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;	
	-webkit-border-bottom-left-radius:0; 
	-webkit-border-top-left-radius:0;
	
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;	
}

.error p {
	padding-top: 0px; 
	margin:0;		
	color: #003366;
}

.error em {
	border:10px solid;
	border-color:#FFFE36 transparent transparent;
	bottom:-17px;
	display:block;
	height:0;
	left:60px;
	position:absolute;
	width:0;			
}

/* field label */
label {
	display:block;
	font-size:14px;
	color:#003366;
}

/* recaptcha ========================================================= */
#recaptcha {
	padding:15px 20px; 
	margin:0 auto;
	position:relative;
	border:none;
	width: 315px;
	left: -80px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
} 
.recaptcha_only_if_image, .recaptcha_only_if_audio {
	color: #003366;
}

.recaptcha_error{
	color: red;
	font-weight: bold;
	text-decoration: underline;
}

/*========Show Hide DIV=================*/
.hidden {
	display: none;
	}
.show {
	display: block;
	}
	
/*========slideshow=================*/

/* container for slides */
.images {

	position:relative;	
	height:390px;
	width:915px;
	float:left;	
	margin:15px;
	cursor:pointer;
	
	/* CSS3 tweaks for modern browsers */
	border-radius: 0 6px 6px 0;
	-moz-border-radius:0 6px 6px 0;
	-webkit-border-radius: 0 6px 6px 0;
	-moz-box-shadow:0 0 25px #666;
	-webkit-box-shadow:0 0 25px #666;	

}

/* single slide */
.images div {
	display:block;
	position:absolute;
	top:0;
	left:0;		
	margin:0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	
}

/* header */
.images h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 20px 0;
	color:#456;
}

/* tabs (those little circles below slides) */
.slidetabs {
	clear:both;
	margin-left:275px;
}

/* single tab */
.slidetabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.slidetabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:0 -16px;     
} 	


/* prev and next buttons */
.forward, .backward {
	float:left;
	margin-top:140px;
	background:#fff url(/tools/img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
.forward 				{ background-position: 0 -30px; clear:right; }
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 


/* prev */
.backward:hover  		{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}