/* CSS Document */

body{
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(../gfx/bak2.gif);
background-repeat:repeat-y;
}

#allContent{
background-image:url(../gfx/bak.gif);
background-repeat:repeat-y;
background-position:center;
}

#shell{
	width: 760px;
	margin: 0 auto;
}
#header{
margin: 0;
padding: 0;
}

div#mail{
	padding: 14px;
	text-align: right;
	background: #496d92;
}
a.mail{
	padding-left: 16px;
	color: #fff;
	background: url(../gfx/mail.gif) left center no-repeat;
}
div#contact{
	padding: 14px;
	font-size: 0.905em;
	text-align: right;
	color: #036;
	background: url(../gfx/pencarrow.gif) 0 17px no-repeat;
}
div#banner{
	height: 162px;
	background: url(../gfx/cogs.jpg) 10px 0 no-repeat;
}

div#topLine:after{
	clear: both;
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
}

#content{
	margin: 20px 10px 14px 10px;
	padding: 20px;
	background: #F1F4F7;
}
#content:after{
	clear: both;
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
}
#footer{
	padding: 10px 13px;
	font-size: 1em;
	color: #fff;
	background: #496D92;
}

/*------------------------------------------------------------------------------------------
main navigation --------------------------------------------------------------------*/

#mainNav{
	background: url(../gfx/nav-bak.jpg) no-repeat;
	margin: 0;
	padding: 0;
	margin-left: 510px;
	width: 240px;
	height: 162px;
	overflow: hidden;
	display: block;
}

#mainNav li a.gtactive {
	background-position: -240px 0;
	opacity: 0.7;
}
#mainNav li a.gtactive:hover {
	/* override doubling-up of opacity */
	opacity: 0.7;
}
#mainNav li a:hover {
	background-position: -240px 0;
	opacity: 0.9;
}
#mainNav li:hover {
	/*opacity: 0.6;*/
}
#mainNav li {
	margin: 0;
	padding: 0;
	padding-bottom: 1px;
}
/*------------------------------------------------------------------------------------------
footer elements --------------------------------------------------------------------*/

ul#footerNav{
	margin: 0;
	padding: 0;
}
ul#footerNav li{
	float: left;
	margin-right: 1em;
	display: block;
	list-style: none;
	text-transform: lowercase;
}
#copyright{
	color: #fff;
	font-size: 0.9em;
	text-align: right;
}
#footer a{
	font-weight: bold;
	color: #fff;
	text-decoration:none;
}
#footer a:hover{
	color: #e1e8f0;
}

/*------------------------------------------------------------------------------------------
subnav --------------------------------------------------------------------*/

div#topLine{
	margin: -20px -20px 10px -20px;
	background-image: url(../gfx/subNavBg.gif);
	background-repeat:repeat-x;
	height:30px;
	overflow:hidden;
	width:740px;
	
}
ul#subNav{
	margin: 0;
	padding: 0;
	text-indent: 0;
	float: right;
}
ul#subNav li{
	float: left;
	display: block;
	height: 30px;
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style: none;
}
ul#subNav a{
	display:block;
	padding-top:100px;
	height: 30px;
}
ul#subNav li a:hover{
	background-position:0 -30px;
}
ul#subNav li a.gtactive:hover{
	/* disable hover for active rollover */
	background-position: 0 0;
}



/*------------------------------------------------------------------------------------------
four across --------------------------------------------------------------------*/

div.fourAcross{
margin:20px -20px;
}

div.oneCol{
	float: left;
	width: 147px;
	padding: 10px 19px;
	height:200px;
	overflow:hidden;
}
div.oneCol.first{
	background: #c9d4df;
}
div.oneCol.second{
	background: #ced8e2;
}
div.oneCol.third{
	background: #d4dde5;
}
div.oneCol.fourth{
	background: #d9e1e9;
}
div.oneCol h2{
margin-top:5px;
}
span.more a{
	font-weight: bold;
	color: #036;
	float:right;
}