.blue { color: rgb(0,68,124); }

.lightblue
{
	color: rgb(102,143,176);
	/* #668FB0 = 60% tint of blue */
}

.orange { color: rgb(248,151,29); }

.grey
{
	color: rgb(128,130,133);
	/* #808285 = 60K */
}

/* main styles */
img { border: none; }

body
{
	text-align: center;
	padding: 0;
	margin: 0;
	background: #404044;
	color: #333;
	font: 12px/18px Helvetica, Arial, Verdana, sans-serif;
}

a
{
	color: #663300;
	cursor: pointer;
}

ul { padding-left: 1.1em; }

#wrapper
{
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 980px;
	background: rgb(0,68,124);
}

header, #topheader
{
	position: relative;
	display: block;
	z-index: 10000;
}

header #language
{
	position: absolute;
	top: 46px;
	left: 902px;
	background: #D2232A;
	width: 50px;
	text-align: center;
}


#language a:link, #language a:visited, #language a:hover, #language a:active
{
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 1px 0;
	font-weight: bold;
	font-size: 9px;
}

#prehead
{
	height: 38px;
	color: #fff;
	background: #444 url(../images/schematics-lower.gif) 5% 30% no-repeat;
	border-bottom: 3px solid white;
}

#logo
{
	position: relative;
	width: 230px;
	height: 74px;
	left: 120px;
	top: 28px;
	border-right: 1px solid rgb(102,143,176);
	margin-bottom: 30px;
}

#strapline1
{
	display: inline;
	position: relative;
	left: 384px;
	top: -28px;
	height: 52px;
	color: rgb(248,151,29);
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
}

nav
{
	position: relative;
	z-index: 10000;
	width: 980px;
	height: 30px;
	display: block;
	clear: both;
	color: #fff;
	background: rgb(0,68,124);
	border: 1px solid rgb(102,143,176);
	border-left-width: 0;
	border-right-width: 0;
	padding: 6px 0;
	font-weight: bold;
	margin-bottom: 12px;
}

nav ul
{
	list-style: none;
	background: rgb(248,151,29);
	color: rgb(0,68,124);
	padding: 0;
	margin: 0;
	width: 980px;
}

nav ul li
{
	display: inline-block;
	padding: 0 4px;
}

nav ul li.first { padding-left: 30px; }
nav ul li.first a { padding-left: 0; }

nav ul li a
{
	color: #f8e8d4;
	text-decoration: none;
}

nav ul li.active a, nav ul li a:hover { color: #fff; }
nav ul li.active ul a { color: #f8e8d4; }
nav ul li.active ul a:hover { color: #fff; }

nav ul ul
{
	background: rgb(248,151,29);
	width: 104px;
}

nav ul li ul li
{
	border: 1px solid #c87315;
	border-top-width: 0;
}

nav ul li a:hover,
nav ul li ul li a:hover { background: #F08A19; }

nav ul li.divider
{
	position: relative;
	font-size: 1.25em;
	top: 7px;
}

nav #strapline2
{
	color: #fff;
	width: 327px;
	height: 22px;
	text-align: center;
	background: rgb(128,130,133);
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
	margin-left: 24px;
	padding: 9px 0 0 0;
}

#content
{
	position: relative;
	z-index: 100;
	clear: both;
	color: #fff;
	background: rgb(248,151,29);
	overflow: auto;
	min-height: 420px;
	padding-bottom: 22px;
}

.secondary #content { background: rgb(248,151,29) url(../images/arrowhead-large-orange.gif) -220px -68px no-repeat; }

.secondary #content h1
{
	float: left;
	width: 267px;
	height: 62px;
	text-align: right;
	padding-right: 35px;
	margin-right: 48px;
	line-height: 54px;
	font-style: italic;
	left: 0px;
	top: 20px;
	color: rgb(0,68,124);
	background: url(../images/arrowhead-white.gif) 100% 0 no-repeat;
}

#home #content
{
	height: 360px;
	min-height: 360px;
	color: #fff;
	background: #003159;
	padding: 0;
	overflow: hidden;
}

#home #content h1
{
	text-align: left;
	color: #fff;
	padding-top: 70px;
	padding-left: 42px;
	line-height: 28px;
	font-style: italic;
}

.secondary .column
{
	float: left;
	padding-left: 0px;
	width: 250px;
	margin-right: 30px;
	color: #222;
	line-height: 18px;
	padding-bottom: 36px;
	padding-top: 26px;
}

.secondary h2
{
	color: rgb(0,68,124);
	font-weight: bold;
	font-size: 14px;
}

.secondary h3
{
	font-size: 14px;
	margin-bottom: 0;
}

.column p { margin-bottom: 18px; }

#pics
{
	float: left;
	width: 288px;
	margin: 40px 0;
	text-align: center;
}

#pics span { display: block; }

#strapline3
{
	color: rgb(0,68,124);
	font-weight: bold;
	font-size: 14px;
}

#home #lower-content
{
	position: relative;
	height: 80px;
	color: #fff;
	background: #444 url(../images/schematics-lower.gif) 5% 53% no-repeat;
	border: 3px solid white;
	border-left-width: 0;
	border-right-width: 0;
}

#home #lower-content #poweron
{
	position: absolute;
	width: 145px;
	height: 62px;
	left: 730px;
	top: 10px;
	font-size: 24px;
	line-height: 50px;
	text-align: right;
	padding-right: 30px;
	color: rgb(128,130,133);
	font-weight: bold;
	font-style: italic;
	background: url(../images/arrowhead.gif) 100% 0 no-repeat;
}

ul.address
{
	list-style: none;
	padding: 0;
}

li.mailaddress { padding-top: 18px; }

footer
{
	position: relative;
	z-index: 2000;
	clear: both;
	width: 980px;
	display: block;
	color: #fff;
	font-size: 10px;
	text-align: left;
	padding: 9px 0;
}

footer span { padding-left: 350px; }

.opaque50
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: .5;
}

#localnav
{
	clear: left;
	list-style: none;
	width: 160px;
	padding: 0;
	margin: 0;
	padding-left: 24px;
}

#localnav li
{
	border: 1px solid #668FB0;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 0px;
	border-top-width: 1px;
	padding: 6px 0;
	color: #fff;
	font-weight: bold;
}

#localnav li.first { border-bottom-width: 0; }
#localnav li.last { border-bottom-width: 1px; }

#localnav li a:link,
#localnav li a:visited
{
	text-decoration: none;
	color: #fff;
}

#localnav li a:hover,
#localnav li a:active
{
	text-decoration: underline;
	color: #fff;
}

#localnav li.active a:link,
#localnav li.active a:visited,
#localnav li.active a:hover,
#localnav li.active a:active { color: #00447C; }

/*home page slides*/
div.slide
{
	width: 980px;
	height: 360px;
	overflow: hidden;
}

div.slide span
{
	height: 360px;
	padding: 44px 22px 44px 50px;
	width: 278px;
	background: #003159;
	color: #fff;
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	line-height: 26px;
	float: left;
}

span#map iframe
{
	width: 288px;
	height: 350px;
	border: none;
	overflow: hidden;
	margin: 0;
}

#left-column
{
	width: 350px;
	float: left;
}

/* contact form styles */
label, input#submit
{
	display: block;
	margin-top: 1em;
	margin-bottom: .25em;
	font-weight: bold;
}

input, textarea
{
	font: 11px/15px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
	padding: 2px;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */