﻿@charset "utf-8";
/* ETSPE Styles Created: 11-21-2008 by:David Hawkins*/
@import url("normalize.css");

body {
	background:#d4d6c7 url(../images/bg.jpg) top center repeat-y;
	margin: 0;
	padding:0;
}

/* ----------------------------------- Default ----------------------------------- */
.clear {	
	clear:both;
}

a{
	color:#0e447b;
	text-decoration:underline;
}

a:hover{
	color:#3c7ec1;
	text-decoration:none;
}


/*------------------------------------ Centering/Background -------------------------*/
.wrapper{
	background-color:#fff;
	margin: 0 auto;
	width:960px;
}

.wrapper2{
	margin: 0 auto;
	width:960px;
    background-color: #fff; 
}


/*------------------------------------ Header ------------------------------------*/

#header{
	margin:0 auto;
	width: 960px;
	max-width:960px;
	height:140px;
	max-height:140px;
	background: url(../images/headbg.jpg) repeat-x;
}

#header .logo{
	float:left;
	margin:0 auto;
	width: 397px;
	max-width:397px;
	padding:9px 0 0 48px;
	margin:0 0 0 0;
}

#header .headerNav{
	float:right;
	height:140px;
	max-height:140px;
	margin:0 13px 0 0;
	padding:0;
	background-position:top;	
}	

#header .logo img{
	float:left;	
}

/*------------------------------------ Navigation ------------------------------------*/
#mainNavWrapper{
	background: url(../images/navbg.jpg) no-repeat;
	/*background-position:center;*/
	width: 960px;
	max-width:960px;
	height: 60px;
	max-height: 60px;
	margin:0 0 0 1px;
	
}

#mainNav{
	width: 927px;
	max-width:927px;
	height: 60px;
	max-height: 60px;
	/*margin:0 auto;
	padding: 0 0 0 0;*/
	margin:0 0 0 33px;
	
}

#mainNav img{
	padding: 0 0 0 0;
	margin:7px 0 0 0;
}

#sddm
{
    margin: 0 1px 0 0;
    padding: 0;
    z-index: 30;
}

#sddm li
{	margin: 0 20px 0 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px calibri, verdana, arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	color: #FFF;
	text-decoration: none}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #1d396b;
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #e6e6e6;
		color: #1d396b;
		font: 14px calibri, verdana, arial}

	#sddm div a:hover
	{	background: #1d396b;
		color: #FFF}
/*-----------------------------Content Homepage-------------------------------------*/

#contentHome{
	background: url(../images/contentbgsub.jpg) repeat-y;
	background-position:center;
	color: #fff;
	width: 960px;
	max-width: 960px;
	height: 599px;
	max-height:599px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#contentHome #homeBoxWrapper{
	margin: 0 40px 0 40px;

}

#contentHome .homeBox{
	float:left;
	margin: 0 10px 0 0;
	padding: 13px 0 0 0;
}

#contentHome #Community{
	background: url(../images/communitybg.jpg) no-repeat;
	width: 586px;
	max-width: 586px;
	height: 174px;
	max-height:174px;
	float:left;
	margin: 20px 0 0 40px;
	padding: 0 0 0 0;
}

#contentHome #Community .communityNav{
	background: url(../images/communitynavbg.jpg) no-repeat;
	background-position:center;
	width: 586px;
	max-width: 586px;
	height: 91px;
	max-height:91px;
	margin: 70px 0 0 0;
	padding: 0 0 0 0;
}

#contentHome #Community .communityNav .communityNavButtons{
	width: 586px;
	max-width: 586px;
	height: 91px;
	max-height:91px;
	margin: 2px 0 0 50px;
	padding: 0 0 0 0;
}

#contentHome #Community .communityNav .communityNavButtons img{
	float:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#contentHome #Spotlight{
	background: url(../images/spotlightbg.jpg) no-repeat;
	width: 279px;
	max-width: 279px;
	height: 225px;
	max-height:225px;
	float:left;
	margin: 20px 0 0 16px;
	padding: 0 0 0 0;
}

#contentHome #Spotlight .spotlightContent{
	background-position:center;
	width: 279px;
	max-width: 279px;
	height: 225px;
	max-height: 225px;
	margin: 70px 0 0 0;
	padding: 0 0 0 0;
}

#contentHome #Spotlight .spotlightContent img{
	float:left;
	width: 96px;
	max-width: 96px;
	height: 99px;
	max-height: 99px;
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
}

#contentHome #Spotlight .spotlightContent h1{
	float:right;
	width: 168px;
	max-width: 168px;
	text-align:left;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	font-family:Calibri, Helvetica, Verdana, Arial;
	font-size:13px;
}

#contentHome #Spotlight .spotlightContent p{
	float:right;
	width: 168px;
	max-width: 168px;
	height: 99px;
	max-height: 99px;
	text-align:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family:Calibri, Helvetica, Verdana, Arial;
	font-size:11px;
}

#contentHome #infoBottom p.right{
	float:right;
	text-align:left;
	margin: 20px 33px 0 0;
	padding: 0 0 0 0;
	font-family:Calibri, Helvetica, Verdana, Arial;
	font-size:16px;
}

#contentHome #infoBottom p.left{
	float:left;
	text-align:left;
	margin: 20px 0 0 33px;
	padding: 0 0 0 0;
	font-family:Calibri, Helvetica, Verdana, Arial;
	font-size:16px;
}

#contentBottom{
	background: url(../images/contentbottom.jpg) no-repeat;
	background-position:center;
	color: #fff;
	width: 960px;
	max-width: 960px;
	height: 12px;
	max-height:12px;
	margin: 0;
	padding: 0;
}

/*-----------------------------Content Subpage-------------------------------------*/
#contentSub{
	background: url(../images/contentbgsub.jpg) repeat-y;
	background-position:center;
	color: #fff;
	width: 960px;
	max-width: 960px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}	

#contentSub #SubpageTop{
	width: 878px;
	max-width: 878px;
	height: 78px;
	max-height:78px;
	margin: 0 0 0 39px;
	padding: 0 0 0 0;
}

#contentSub #Subpage{
	background:#fff;
	width: 857px;
	max-width: 857px;
	margin: 0 0 0 40px;
	padding: 10px 10px 0 10px;
}

#contentSub #Subpage p{
	color:#1e3c6f;
	font-family:Calibri, Helvetica, Verdana, Arial;
	font-size:16px;
	
}

#contentSub #Subpage img.left{
	float:left;
	margin: 0 8px 10px 0;
	
}

#contentSub #Subpage img.leftTools{
	float:left;
	margin: 0 10px 0 0;
	
}

#contentSub #Subpage img.right{
	float:right;
	margin: 0 8px 10px 0;
	
}

#contentSub #Subpage img.subImageLeft{
	float:left;
	margin: 0 5px 0 0;
	padding:0;
	border: 3px solid #f68b44;
	
}

#contentSub #Subpage img.subImageRight{
	float:right;
	margin: 0 0 0 5px;
	padding:0;
	border: 3px solid #f68b44;
	
}


#contentSub #Subpage h1{
	color:#e87325;
	font-family:Calibri, Helvetica, Verdana, Arial;
	font-size:24px;
	
}

#contentSub #Subpage h2{
	color:#e87325;
	font-family:Calibri, Helvetica, Verdana, Arial;
	font-size:14px;
	
}

#contentSub #Subpage img.productDisplay{

	margin:0;
	padding:0 0 0 5px;
    background-color: #ffffff;
}

#contentSub #SubpageBottom{
	width: 877px;
	max-width: 877px;
	margin: 0 0 0 39px;
	padding: 0 0 0 0;
}

#contentSub #infoBottom p.right{
	float:right;
	text-align:left;
	margin: 20px 33px 0 0;
	padding: 0 0 0 0;
	font-family:Calibri, Helvetica, Verdana, Arial;
	font-size:16px;
}

#contentSub p.partners{
	line-height: 58px;
}

#contentSub #infoBottom p.left{
	float:left;
	text-align:left;
	margin: 20px 0 0 33px;
	padding: 0 0 0 0;
	font-family:Calibri, Helvetica, Verdana, Arial;
	font-size:16px;
}

#clientContent h3{
    color:#1e3c6f;
	font-family:Calibri, Helvetica, Verdana, Arial;
	font-size:20px;
	float:left;
}                 

#clientContent img{
	float:left;
	padding:5px 10px 5px 10px;
}

#clientContent p{
	padding:5px 10px 5px 10px;
}

.testimonialOffset{
    background: url(../images/testimonials_bg.jpg) repeat-x;
    background-position: top;
    padding: 4px 0 0 0;

}
/*-----------------------------Footer-------------------------------------*/

#footer{
	padding-top:10px;
}

#footer ul{
clear: right; display: inline;	
float:left; margin:0 0 0 53px;
	padding:0 0 0 0;
}

#footer ul a{
	color:#1e3b6e;
	font-family:Calibri, Helvetica, Verdana, Arial;
	font-size:14px;
}

#footer p{
	color:#7b7c7b;
	font-family:Calibri, Helvetica, Verdana, Arial;
	font-size:14px;
	margin:0 0 0 53px;
	padding:0 0 0 0;
}

#footer a{
	color:#0e447b;
	text-decoration:none;
}

#footer a:hover{
	color:#3c7ec1;
	text-decoration: underline;

}

/*------------------------------------ sitemap ------------------------------------*/

p.level1 {
	margin:10px 0 5px 0;
	padding:0;
	color:#036;
	font-size:16px; 
	line-height:18px;
	font-weight:normal;
	width:225px;
}

p.level2 {
	margin:5px 0 5px 15px;
	padding:0;
	color:#036;
	font-size:14px; 
	line-height:18px;
	font-weight:normal;
}

p.level3 {
	margin:0 0 5px 30px;
	padding:0;
	font-size:14px;
	line-height:16px;
	font-weight:normal;
}

p.level4 {
	margin:0 0 0 45px;
	padding:0;
	font-size:14px; 
	line-height:16px;
	font-weight:normal;
}

p.level1 a {
	font-size:16px; 
	line-height:20px;
	font-weight:normal;
}

/*-----------------------------Forms-------------------------------------*/

#form {
margin-top:20px;
margin-left: 80px;
text-align: right; 
width:650px;
max-width: 800px;
padding: 10px 10px 10px 10px;
border: solid silver thin;
background-color: #ffffff;

}

.formField { 
 float: right;
 padding: 6px 
color: #000000; 



}

input {color #00008b;
 border:1px inset #orange;
 background-color:#cccccc;


}
p.label { 
 float: left;
 font-family:Verdana;
 font-size: 12px;
 color: #000000;
 padding: 4px 0 0 0;
 background-color: #fff;
 
}


 
}


