/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";

@import "lib/typography.css";

@import "lib/forms.css";

@import "lib/plugins/tabs.css";

/* Page
-------------------------------------------------------------- */

html {
	background-color: #e3e3e3;
}

body {
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #e3e3e3;
		margin-bottom: 100px;

}

#page {
	margin: 0 auto;
	width: 976px;
	background: #fff url(../imagesECT/pageBG.gif) repeat-y center;
	
}


/* Header
-------------------------------------------------------------- */

#headerhome {
	margin-top: 0px;
	margin: 0 0 0 8px;
	height: 330px;
	width: 960px;
	background: url(../imagesECT/headerHomeBG.jpg) no-repeat center;
	background-position: top;
}

#header {
	margin-top: 0px;
	margin: 0 0 0 8px;
	height: 176px;
	width: 960px;
	background: url(../imagesECT/headerBG.jpg) no-repeat center;
	background-position: top;
}

#logo {
	margin-left: 30px;
	margin-top: 6px;
	float: left;
	width: 114px;
	height: 114px;
}

#navbarwrap {
	float: left;
	margin: 0 0 16px 0;
}

#navbar {
	margin: 38px 0 0 70px;
	float: left;
	width: 736px;
	height: 46px;
}

#navbar li {
	display: inline;
}

.button1 {
	height: 46px;
	width: 137px;
	background: url(../imagesECT/button1.png) no-repeat;
	float: left;
	text-indent: -11111px;
}

.button1down {
	height: 46px;
	width: 137px;
	background: url(../imagesECT/button1z.png) no-repeat;
	float: left;
	text-indent: -11111px;
}


.button2 {
	height: 46px;
	width: 125px;
	background: url(../imagesECT/button2.png) no-repeat;
	float: left;
	text-indent: -11111px;
}

.button2down {
	height: 46px;
	width: 125px;
	background: url(../imagesECT/button2z.png) no-repeat;
	float: left;
	text-indent: -11111px;

}

.button3 {
	height: 46px;
	width: 113px;
	background: url(../imagesECT/button3.png) no-repeat;
	float: left;
	text-indent: -11111px;
}
.button3down {
	height: 46px;
	width: 113px;
	background: url(../imagesECT/button3z.png) no-repeat;
	float: left;
	text-indent: -11111px;
}

.button4 {
	height: 46px;
	width: 136px;
	background: url(../imagesECT/button4.png) no-repeat;
	float: left;
	text-indent: -11111px;
}
.button4down {
	height: 46px;
	width: 136px;
	background: url(../imagesECT/button4z.png) no-repeat;
	float: left;
	text-indent: -11111px;
}

.button5 {
	height: 46px;
	width: 112px;
	background: url(../imagesECT/button5.png) no-repeat;
	float: left;
	text-indent: -11111px;
}
.button5down {
	height: 46px;
	width: 112px;
	background: url(../imagesECT/button5z.png) no-repeat;
	float: left;
	text-indent: -11111px;
}

.button6 {
	height: 46px;
	width: 113px;
	background: url(../imagesECT/button6.png) no-repeat;
	float: left;
	text-indent: -11111px;
}
.button6down {
	height: 46px;
	width: 113px;
	background: url(../imagesECT/button6z.png) no-repeat;
	float: left;
	text-indent: -11111px;
}

.button1 a:hover {
	background-image: url(../imagesECT/button1x.png);
}

.button2 a:hover {
	background-image: url(../imagesECT/button2x.png);
}

.button3 a:hover {
	background-image: url(../imagesECT/button3x.png);
}

.button4 a:hover {
	background-image: url(../imagesECT/button4x.png);
}

.button5 a:hover {
	background-image: url(../imagesECT/button5x.png);
}

.button6 a:hover {
	background-image: url(../imagesECT/button6x.png);
}

#about .button1 {
	background-image: url(../imagesECT/button1x.png)
}

.button1 a, .button2 a, .button3 a, .button4 a, .button5 a, .button6 a {
	height: 46px;
	text-decoration: none;
	display: block;
}

#photo1 {
	float: left;
	margin: 0 0 0 272px;
	height: 166px;
	width: 166px;
	background: url(../imagesECT/photoBG.png) no-repeat;
	padding: 8px;
}

#photo2 {
	float: left;
	margin: 0 0 0 48px;
	height: 166px;
	width: 166px;
	background: url(../imagesECT/photoBG.png) no-repeat;
	padding: 8px;
}

#photo3 {
	float: left;
	margin: 0 0 0 48px;
	height: 166px;
	width: 166px;
	background: url(../imagesECT/photoBG.png) no-repeat;
	padding: 8px;
}

#textbox {
	float: left;
	padding: 10px 10px 30px 10px;
	width: 620px;
	border: #e1e1e1 solid 8px;
	margin-bottom: 10px;
}



#photopeople {
	float: left;
	margin: 0 20px 33px 0;
	height: 166px;
	width: 166px;
	background: url(../imagesECT/photoBG.png) no-repeat;
	padding: 8px;
}

/* content body
-------------------------------------------------------------- */

#content {
	clear: left;
	width: 936px;
	margin: 10px 0 0 20px;
}

#navside { float: left; width: 192px; margin:0; border-bottom: 8px solid #057343; border-top:  8px solid #97B631;}

#navbox {float: left}

#navbox ul {margin:0; float: left}
	
#navbox li {
	margin: 0; padding: 0; border: 0;
	display: inline
	}

#navbox li a:link, #navbox li a:visited  { 
	display: block;
	padding: 6px 4px 8px 16px;
	border-top: 1px solid #fff;
	width: 172px; 
	background-color: #efefef
	}

#navbox li.current a {background-color: #efefef}
#navbox li a:hover {background-color: #dfdfdf}



#photoside {
float: left;
	height: 150px;
	width: 150px;
	background: url(../imagesECT/photoBGside.png) no-repeat;
	padding: 21px;
	border-bottom: 8px solid #057343;
}

#column1 {
float: left;
	width: 192px;
	margin: 0 0 0 20px;
}

#colbottom1 {
float: left;
	width: 175px;
		background: url(../imagesECT/gradside.jpg) repeat-x;
	padding: 6px 2px 6px 13px;
border-left: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}

#column2 {
float: left;	
width: 192px;
	margin: 0 0 0 48px;
}

#column2 li, #column3 li, #column4 li {margin-bottom: 0.6em;
	
}

#colbottom2, #colbottom3 {
	width: 190px;
	background: #e8e8e8 url(../imagesECT/gradtop.jpg) repeat-x;
	padding: 10px 2px 0 0;
	border-bottom: 8px solid #97B631;
}

#colbottom4 {
	width: 190px;
	background-color: #e1e1e1;
	padding: 10px 2px 0 0;
	border-bottom: 8px solid #97B631;
}

#column3 {
float: left;
	width: 188px;
	margin: 0 0 0 42px;
}

#column4 {
float: left;
	width: 188px;
	margin: 0 0 0 42px;
}

#column5 {
float: left;
	width: 192px;
	margin: 0 0 0 20px;
}

#column6 {
float: left;	
width: 450px;
	margin: 0 0 0 38px;
}

#column7 {
float: left;	
width: 192px;
	margin: 0 0 0 28px;
}

#columnwide {
float: left;	
width: 600px;
	margin: 0 0 0 38px;
}

#colsitemap1, #colsitemap2, #colsitemap3, #colsitemap4, #colsitemap5, #colsitemap6 {
float: left;	
width: 135px;
	margin: 0 0 20px 20px;
}

#colsitemap1 li, #colsitemap2 li, #colsitemap3 li, #colsitemap4 li, #colsitemap5 li, #colsitemap6 li {margin-bottom: 0.6em;
	
}



/* Footer
-------------------------------------------------------------- */

#footerline {
	height: 15px;
	background: url(../imagesECT/footerBGline.gif) no-repeat 0 bottom;

}

#footerbox {
	clear: left;
		margin: 0 0 0 8px;
	width: 960px;
	height: 125px;
		background: url(../imagesECT/footerBG.jpg) no-repeat;
}



/* class extra
-------------------------------------------------------------- */

.hide { display: none; }


/* quicklinks on homepage
-------------------------------------------------------------- */

#quicklinks { float: left; width: 192px; margin:0 0 20px 0; border: 0px solid #ccc; padding-bottom: 0;padding-top: 0;background-color: #e1e1e1;
}

#quickhead { float: left; width: 200px; height: 40px;margin: 0 0 5px 0;
	background: #fff url(../imagesECT/quicklinksBG.png) no-repeat;
}

#quickfoot { float: left; width: 192px; height: 22px;margin: 0;
background: #fff url(../imagesECT/quickfootBG.gif) no-repeat;
}

#quickbox {float: left;padding-left: 14px;}

#quickbox ul {margin:0; float: left;}
	
#quickbox li {
	margin: 0; padding: 0; border: 0;
	display: inline;
}

#quickbox li a:link, #quickbox li a:visited { 
background: #e1e1e1 url(../imagesECT/bulletgreen.gif) no-repeat scroll 2px 6px;
	display: block;
	padding: 4px 4px 4px 18px;
	border-top: 0px solid #fff;
	border-bottom: 4px solid #fff;
	width: 143px;
}

#quickbox li a:hover  {background-color: #fff;	
	border-top: 0px solid #fff;
	border-bottom: 4px solid #fff;
}