a { text-decoration: none; outline: none; }
a img { 	border: none; }
div,p,li,h1, h2{
	font-weight: normal;
	font-size: 12px;  
	font-family: QuickType, sans-serif; 
	line-height: 125%;
}

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-image: url("background.jpg");
	background-repeat: repeat-y;
	background-position: center;
	background-color: #c6e6bd; /* #a5cae4; */
}

/* header elements */
div.header{
	padding: 0px;
	margin: auto;
	text-align: center;
	width: 1000px;
	height: 85px;
	background-image: url("header.jpg");
	background-repeat: repeat-x;
	position: relative;
	overflow: visible;
	z-index: 100;
}
.header img{
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#logo{
	position: relative;
	top: -45px;
	right: 0px;
	width: 102px;
	height: 94px;
	background-image: url("logo.png");
}

div.headerLeft{
	background-image: url("headerLeft.jpg");
	width: 50px;
	height: 85px;
	float: left;
}
div.headerRight{
	background-image: url("headerRight.jpg");
	width: 50px;
	height: 85px;
	float: left;
}
div.headerCenter{
	width: 300px;
	height: 85px;
	float: left;
}

div.header h1{
	width: 300px;
	height: 85px;
	background: url("header.jpg");
	float: left;
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	color: white;
	font-weight: bold;
}
div.header h1 img{
	display: block;
	padding: 0;
	margin: 18px 0 17px 0;
}

div.header h2{
	padding-left: 5px;
	width: 295px;
	margin-top: 30px;
	margin-bottom: 15px;
	height: 30px;
	float: left;
	font-size: 12px;
	color: #0068b3;
	text-align: center;
}
/* main menu */
div.menu{
	margin: auto;
	height: 455px;
	margin-bottom: 35px;
	width: 1000px;
	clear: both;
	position: relative;
	z-index: 5;
}
div.banner{
	width: 100%;
	height: 400px;
	clear: both;
	position: relative;
	z-index: -1;
}
#bannerImage{
}

div.menu ul{
	float: left;
	width: 825px;
	margin: 0px;
	padding: 0px;
	padding-left: 75px;
	text-align: center;
	height: 50px;
	background: url("menu.jpg") repeat-x;
}

div.menu img.right, div.menu img.left{
	float: left;
}

div.menu li{
	margin: 10px;
	margin-top: -30px;
	margin-bottom: 0px;
	list-style-type: none;
	float: left;
	width: 130px;
	height: 44px;
	background: url("button.gif") no-repeat;
	overflow: hidden;
}

div.menu li a{
	padding: 5px;
	padding-top: 10px;
	display: block;
	width: 130px;
}

div.menu li:hover{
	font-weight: bold;
	display: block;
	width: 130px;
	height: 160px;
	background: url("button.gif") repeat-x;
}

#projects .projects,#what .what,#how .how,
#community .community,#business .business {
	font-weight: bold;
	width: 130px;
	height: 85px;
	background: url("buttonSelected.gif") no-repeat;
}

#projects .projects a,#what .what a,#how .how a, 
#community .community a,#business .business a{
	color: #0068b3;
	cursor: default;
}

#projects .projects span.links,#what .what span.links,#how .how span.links, 
#community .community span.links,#business .business span.links{
	display: none;
}

.menu span{
	display: block;
	padding: 5px;
	padding-bottom: 0px;
	padding-right: 12px;
	padding-left: 12px;
	text-align: left;
	font-weight: normal;
	font-size: 9px;
	line-height: 100%;
}

.menu span.header{
	text-align: center;
	text-decoration: none;
	display: block;
}
.menu a:hover{
	font-weight: bold;
}

/* content area */

div.content{
	margin: auto;
	text-align: center;
	width:1000px;
	min-height: 300px;
	position: relative;
	z-index: 0;
	clear: both;
}

/* infoBox */

div.infoBox{
	float: left;
	margin-left: 15px;
	margin-top: -45px;
	width: 660px;
	min-height: 300px;
}

div.navBar{
	width: 100%;
	margin-top: 10px;
	height: 20px;
	background-color: white;
	background-image: url("boxTop.jpg");
	background-repeat: repeat-x;	
	background-position: bottom;
}

div.navBar ul{
	padding-left: 50px;
}
div.navBar li{
	float: left;
	margin-right: 25px;
	list-style: none;
}
div.navBar a{
	color: blue;	
}

div.textArea{
	width: 96%;
	padding: 2%;
	min-height: 300px;
	text-align: justify;
	border: 2px solid #a5cae4;
	background: url("textArea.jpg") no-repeat bottom left;
	overflow: auto;
}
div.textArea p.bold{
	font-weight: bolder;
}
div.textArea p.news{
	padding-left: 10px;
	padding-right: 10px;
	text-indent: 0;
	font-family: serif;
}
div.textArea h1{
	font-weight: bold;
	font-size: 11px;
	color: black; /* #004c00; */
	text-align: left;
	text-transform: uppercase;
	font-family: Arial;
	letter-spacing: 2px;
	border-bottom: 1px dotted #a5cae4;
	padding: 5px;
	padding-left: 35px;
}
div.textArea p{
	font-family: Arial;
	font-size: 12px;
	line-height: 170%;
	text-indent: 35px;
}
div.textArea li{
	font-family:Arial;
	font-size: 12px;
	line-height: 170%;
	margin-bottom: 10px;
	list-style: circle outside;
}
div.textArea ul{
	padding-left: 35px;
}
div.textArea li a{
	font-weight: bold;
}
div.textArea a.bottomNav{
	margin-left: 300px;
	font-weight: bold;
}
span.bold{
	font-weight: bold;
}

/* images and objects */
div.textArea img{
	float: right;
	margin: 10px;
	margin-right: 0px;
}
div.flash{
	width: 320px;
	float: right;
	margin: 5px;
	margin-left: 20px;
	margin-right: 0px;
	text-align: center;
}
div.flash h1{
	text-align: center;
	text-transform: capitalize;
	font-size: smaller;
	border: none;
	margin: 5px;
	padding: 0px;
}
div.flash object{
	margin-bottom: 5px;
}

/* toolBox */

div.toolBox{
	float: left;
	margin-left: 25px;
	margin-top: -45px;
	width: 280px;
	min-height: 300px;
}

div.toolHeader{
	width: 100%;
	margin-top: 12px;
	height: 20px;
	background-color: white;
	background-image: url("boxTop.jpg");
	background-repeat: repeat-x;	
	background-position: bottom;
}
div.toolHeader h1{
	padding: 0px;
	margin: 0px;
}

div.toolElement{
	width: 100%;
	min-height: 150px;
	border: 2px solid #a5cae4;
	margin-bottom: 15px;
}

.bio{
	background: url("toolBio.jpg") bottom repeat-x;
}
.bio img{
	margin-top: 5px;
	padding: 5px;
	background-color: #e6f0f8;
}

div.toolElement h1{
	color: #0068b3;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	margin-left: 5px;
	margin-right: 5px;
	border-bottom: 1px dotted #a5cae4;
}
div.toolElement p{
	text-align: justify;
	font-family: Arial;
	font-size: 10px;
	padding: 5px;
	margin: 5px;
	line-height: 170%;
	border: 1px dotted #e6f0f8;
	/* background-color: white; #e6f0f8;*/
}

div.toolPhoto{
	width: 85px;
	height: 65px;
	padding-bottom: 5px;
	background: no-repeat url("toolPhoto.jpg") top right;
	float: left;
	margin-left: 6px;
}
div.toolPhoto img{
	float: left;
}

div.video{
  padding: 1px;
  padding-top: 3px;
  padding-bottom: 2px;
  background: #a5cae4;
  border: 1px solid white;
  position: relative;
  z-index: 5;
}

/* footer */
div.bottom{
	clear: both;
	margin: auto;
	margin-top: 5px;
	width: 1000px;
	height: 50px;
	background-image: url("bottom.jpg");
	position: relative;
	z-index: 0;
}


div.footer{
	margin: auto;
	padding-top:40px;
	width: 1000px;
	height: 60px;
	clear: both;
	background-image: url("footer.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
}

/* brand */

.brand{ font-size: 9px; text-align: center; color: #376092; }

.brand a{ color: #376092; }