/* CSS Document */

/*
 * @file        style.css
 */

/*  ----------  base styles ------------------- */
body {margin: 0px; padding: 0px;/* background:url(images/top.jpg) center top no-repeat*/}

#wrapper{
margin: 0 auto;
padding: 0px;
width: 100%;
height: 450px;
min-width: 900px;
background: url(images/top.jpg) no-repeat center top;
}

/* Top */
#top{background: #A7D266 url(images/top.jpg) no-repeat center top; height: auto; width: 100%; float: left; padding-top: 52px;}
	#top_c{height: auto; width: 900px; margin: auto;}
		#top_left{height: 395px; width: 150px; background: #757F64 url(images/top_l.jpg) repeat-x; float:left; overflow: hidden}
			.logo{margin: 30px 20px 10px 20px;}
			.text{margin: 10px 20px 20px 20px; clear:both; text-align:center; text-transform:uppercase;}
			.menu{margin: 25px 5px 10px 0px; clear:both; text-transform:uppercase;}			
			.menu_gen{margin: 0px 5px 10px 0px; clear:both; text-transform:uppercase;}						
		#top_right{height: auto; width: 750px; float:right;}
			#right_txt{height: 145px; width: 100%; background: #A6CF57 url(images/banner.jpg) right no-repeat; float:left;}
				.txt_top{ font-size:50px; font-weight:bold; color:#436205; margin-left: 30px; margin-top: 20px;}
				.txt_top_gen{ font-size:35px; font-weight:normal; color:#436205; margin-left: 30px; margin-top: 70px;}  
				.txt_bot{ font-size:30px; font-weight:normal; color:#436205; margin-left: 30px; margin-top: 0px; clear:both}  
			#right_img{height: 250px; width: 100%; background: #FFF; float:left;}  
				.img_top{height: 48px; width: 100%; background: #CCCCCC;}

				.img_mid{height: 148px; width: 100%; background: #fff url(images/sector.jpg);}
				.img_bot{height: 48px; width: 100%; background: #CCCCCC;}
				
		#top_left_gen{height: 253px; width: 150px; background: #757F64 url(images/gen_left1.jpg) repeat-x; float:left; overflow:hidden}
		#top_right_gen{height: 253px; width: 750px; float:right;}		
			#right_img_gen{height: 78px; width: 100%; background: #A9AF89; float:left; padding: 7px 0 0px 0; }  
			#right_bot_gen{height: 23px; width: 100%; background: #fff; float:left;}  
/* Middle */				
#mid{height: auto; width: 100%; background: #A7D266 url(images/mid.jpg) repeat-y center; float: left; clear: both}
	#mid_c{height: auto;min-height:500px; width: 900px; margin: auto; background:#A7CE57 url(images/horizmid.jpg);}
/*			#mid_left{height: auto;min-height:700px; width:150px; background:#A7CE57 url(images/left.jpg) repeat-x top; float:left; overflow:hidden}
*/			#mid_left{min-height:500px;height: auto; width:150px; background:#A7CE57 url(images/left.jpg) repeat-x top; float:left; overflow:hidden}
			#mid_right{height: auto; width: 750px; background-color: #fff; float:left;}
				.entry{ clear:both;}
					.entry_left{ width: 181px; float:left; overflow:hidden; font-size: 30px;color: #FA9D04;padding-left: 10px;}
					.entry_right{ width: 555px;; float:right; overflow:hidden}
						.bar{clear:both; background:url(images/bar.jpg) left no-repeat; height: 30px; padding: 10px 0 0 50px;}
						.content{height: auto; padding: 5px 15px 5px 15px;}
			

/*			#mid_left_gen{min-height: 700px; width:150px; background:#A7CE57 url(images/gen_left2.jpg) repeat-x; float:left; overflow:hidden;vertical-align:top;}
*/			#mid_left_gen{min-height:500px;height: auto; width:150px; background:#A7CE57 url(images/gen_left2.jpg) repeat-x; float:left; }
			#mid_right_gen{height: auto; min-height: 550px; width: 750px; background-color: #fff; float:left;}
			.content_gen{height: auto; width: auto; padding: 0px 15px 0px 50px;}
			
/* Bottom */
#bot{margin:0 auto;padding:0px;width:100%;height:124px;min-width:900px;background:url(images/bot.jpg) no-repeat bottom center;
float: left;}
	#bot_c{height: auto; width: auto; color: #fff; text-align:center; padding-top:90px;}
	#bot_c a { color: #fff; text-decoration:none;}
	#bot_c a:hover {color:#CBE29C;}
				
/* Thumbs start */
#indexpicmenu li{display:inline; width:125px; height:50px; float:left; text-transform:uppercase; font-size:10px; color:#fff; text-align:center}
.t1{background:url(images/1.jpg);}
.t2{background:url(images/2.jpg);}
.t3{background:url(images/3.jpg);}
.t4{background:url(images/4.jpg);}
.t5{background:url(images/5.jpg);}
.t6{background:url(images/6.jpg);}
.t7{background:url(images/7.jpg);}
.t8{background:url(images/8.jpg);}
.t9{background:url(images/9.jpg);}
.t10{background:url(images/10.jpg);}
.t11{background:url(images/11.jpg);}
.t12{background:url(images/12.jpg);}
#t{ margin-top: 10px;}
#t:hover {cursor:default;}
/* end of thumbs */

/* Generic Thumbs start */
#gen li{display:inline; width:62px; height:50px; float:left; }
.g1{background:url(images/g1.jpg);}
.g2{background:url(images/g2.jpg);}
.g3{background:url(images/g3.jpg);}
.g4{background:url(images/g4.jpg);}
.g5{background:url(images/g5.jpg);}
.g6{background:url(images/g6.jpg);}
.g7{background:url(images/g7.jpg);}
.g8{background:url(images/g8.jpg);}
.g9{background:url(images/g9.jpg);}
.g10{background:url(images/g10.jpg);}
.g11{background:url(images/g11.jpg);}
.g12{background:url(images/g12.jpg);}

/* end of thumbs */

/* Menu Style */
ul.leftlist li {height: 25px;text-decoration: none; display: block;}
ul.leftlist li a{display: block; color: #fff; text-decoration: none; font-size: 11px; text-transform:uppercase; text-align: left; height: 100%; width: 130px; padding: 10px 0 0 10px;}
ul.leftlist li a:hover { background: #C9A95C;}
/* .active {background:#C9A95C} */

/* Download box */
.dl{margin: 20px 5px 5px 20px}
.dl_gen{margin: 20px 5px 5px 20px;}
.mission{display:block; padding: 10px 10px 10px 0px; clear:both}
h3{padding: 10px 0 10px 0}


/* -------------- reset -------------  */
html{ background: #A1CD5A;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%;}

/* import typography styles */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;font-size:small;}
table {font-size:inherit; }
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;font-size:108%;line-height:100%;}

.content_gen p{ margin-bottom: 12px; }
.content_gen li { margin-bottom: 12px; text-indent: 16px;}

/* Additionals */

.normallist ol > li{
	list-style-type:decimal;
	display:list-item;

}

.contact span { margin-right:0.063em; padding:5px; display:block; float:left; border-top:1px solid #ddd; background-color:#fff; }
.alt span { border-top:1px solid #ddd; background-color:#eee; }
.contact span.m-name { width:8.075em; font-family:"Lucida Grande", Arial, Verdana, sans-serif; font-size:0.813em; font-weight:bold; line-height:1.6em; }
.contact span.m-email { width:12.345em; margin-right:0.063em; font-size:0.813em; line-height:1.6em; }
.contact span.m-mobile { width:10em; margin-right:0; font-size:0.813em; line-height:1.6em; }
.contact span.m-mobile span { margin-right:0; padding:0; display:inline; float:none; font-size:1em; font-weight:bold; letter-spacing:1px; border-top:0; }
/*.contact-alt {background-color:#ddefc1; padding:3px;}*/
.contact-alt {background-color:#ffe272; padding:3px;}
.contact-th {background-color:#666666; padding:3px;color:white;}
.contact td{padding:3px;}
.contact-alt td{padding:3px;}


/* Main Menu */

#StartMenu {
	width: 750px;
	height: 250px;
	background-color: white;
	position: relative;
/*	top: 198px;
	left: 300px;*/
	top: 0px;
	left: 0px;
	vertical-align:top;
	clear:both;
	padding: 0px;
	margin: 0px;
}

ul#StartMenu, #StartMenu ul {
	list-style: none;
	/*display: table;*/
	/*display: block;*/
	padding: 0px;
	margin: 0px;
}

#StartMenu ul li {
	/*display: table-cell;*/
	/*display: block;*/
	padding: 0px;
	margin: 0px;
}

#StartMenu a img {
	border: none;
	padding: 0px;
	margin: 0px;
}

#StartMenu #StartMiddle {
	height: 150px;
	width: 750px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 50px;
	overflow: hidden;
}

#StartBottom {
	position: absolute;
	top: 200px;
	width:750px;
	padding: 0px;
	margin: 0px;
}


/* Mootools */

#nv {
	background-image: url('images/SectorPhotos/collage_01.jpg');
	width: 1296px;
	height: 1860px;
	position: relative;
}

.scrolling-content {
	background: transparent url(bubble.png) top left no-repeat;
	width: 139px;
	height: 73px;
	text-align: center;
	position: absolute;
}
 
.scrolling-content h1 { 
	color: #fff;
	padding: 25px 0;
	font-size: 12px;
}

#cs01 {
	top: 100px;
	left: 50px;
}

#cs02 {
	top: 100px;
	left: 1300px;
}

#cs03 {
	top: 350px;
	left: 0px;
}

#cs04 {
	top: 450px;
	left: 1350px;
}

#cs05 {
	top: 620px;
	left: 0px;
}

#cs06 {
	top: 780px;
	left: 1350px;
}

#cs07 {
	top: 1000px;
	left: 0px;
}

#cs08 {
	top: 1200px;
	left:1350px;
}

#cs09 {
	top: 1380px;
	left: 0px;
}

#cs10 {
	top: 1460px;
	left: 1350px;
}

#cs11 {
	top: 1700px;
	left: 0px;
}

#cs12 {
	top: 1700px;
	left: 1350px;
}

/* Sector Menu */

.MainTop h1 {
	color: #446106;
	font-family: Helvetica, Verdana, Arial;
	padding-left: 30px;
	font-size: xx-large;
	font-weight: bold;
}

.MainTop h2 {
	color: #446106;
	font-family: Helvetica, Verdana, Arial;
	padding-left: 70px;
	font-size: medium;
}

.SectorMenu {
	width: 750px;
	height: 78px;
	background: #a9af89;
/*	position: absolute;
	top: 166px;*/
	position: relative;
	top: 0px;
	overflow:hidden;
}

ul.SectorMenu, .SectorMenu ul {
	list-style: none;
	/*display: table;*/
	margin-left: 2px;
	padding-left: 0px;
	margin-top: 5px;
}

.SectorMenu ul li {
	/*display: table-cell;*/
	/*display: inline;*/
}

.SectorMenu a img {
	border: none;
}

#SectorName {
	color: white;
	font-family: Arial, Helvetica, clean, sans-serif;
	font-size: x-small;
	position: absolute;
	top: 50px;
}

#searchform input { width:10.0em; padding:0.25em 0.125em; font-family:Consolas, "Courier New", monospace; font-size:1em; color:#554; border:0.063em solid #ddd; background-color:#fff; }
#searchform input#searchsubmit { width:10.3em; padding:0.25em 0.25em; font-weight:bold; text-transform:uppercase; cursor:pointer; color:#fff; border:0; background-color:#665; }

#searchbox{
	padding:0.25em;
/*	position:absolute;
	top:400px;
	left:140px;*/
	width:140px;
	z-index:50;
	vertical-align:top;
}

#content-member{height: auto;padding: 5px 20px 5px 20px; background-color:#fff;}

.vitals { padding:2em; background-color:#fff; }
	span.name { padding-bottom:0; display:block; font-size:1.5em; font-weight:bold; line-height:1.5em; color:#00872f; }
	span.organization { margin-bottom:0.5em; padding-bottom:0.5em; display:block; font-family:Georgia, "Times New Roman", serif; font-size:1.5em; line-height:1.25em; color:#665; border-bottom:0.063em solid #ddd; }
	span.title { padding-bottom:0.375em; display:block; font-size:1em; font-style:italic; color:#776; }
	span.email, span.website { display:block; font-size:0.688em; font-weight:bold; line-height:16px; }
	span.website a, span.email a { text-decoration:none; }
img.contact-picture { margin:0 1em 1em 0; float:right; }

.phone { width:27em; padding:1.25em 0; clear:both; font-family:"Lucida Grande", Arial, Verdana, sans-serif; background-color:#fff;  }
.phone h3.site-subtitle { width:100px; margin-right:1.538em; float:left; text-align:right; }
ul.phone-numbers { width:15em; float:left; list-style:none; }
ul.phone-numbers li { margin-bottom:1px; padding:0.125em 0.375em; font-size:0.813em; line-height:20px; border-top:1px solid #ddd; }
ul.phone-numbers li:first-child { background-color:#eee; }
ul.phone-numbers li span.number { font-weight:bold; letter-spacing:1px; }

.additional-info {  width:27em; padding:1.25em 0; clear:both;background-color:#fff;}
.address { margin-right:1.625em; float:left; }
.optional-fields { width:15.375em; float:right; font-size:0.813em; line-height:20px; }

/* The width is static on this element due to alignment with the contact image */
.address h3.site-subtitle { width:100px; margin-right:1.538em; float:left; text-align:right; } 
.address p { width:17.75em; float:left; font-size:0.813em; line-height:20px; }

.extra { width:27em; margin-top:1.25em; padding-top:0.75em; float:left; clear:both; border-top:0.188em double #ddd; background-color:#fff;}
.notes { width:27em; margin-bottom:1em; position:relative; float:left; }
.notes p { padding:0.188em 0 0.75em 0; font-size:0.813em; line-height:1.25em; }
.notes ul {list-style:none;}

.related-contacts { width:10em; margin:0 0 1em 1.625em; position:relative; float:right; }
.related-contacts h3 { font-family:"Lucida Grande", Arial, Verdana, sans-serif;  line-height:20px; }
.related-contacts ul { padding-top:3px; }
.related-contacts li { font-family:Georgia, "Times New Roman", serif; font-size:12px; line-height:17px; }
.related-contacts li a { text-decoration:none; }

#info-left {width:40%;float:left;}
#info-right {width:40%;float:right;}
#member-info {clear:both;}

#info-right a img{border:none;}

.clearer2 {border-bottom:2px;}


#ls01 img{ position:absolute; top:0px; left:0px;}
#ls02 img{ position:absolute; top:0px; left:125px;}
#ls03 img{ position:absolute; top:0px; left:250px;}
#ls04 img{ position:absolute; top:0px; left:375px;}
#ls05 img{ position:absolute; top:0px; left:500px;}
#ls06 img{ position:absolute; top:0px; left:625px;}
#ls07 img{ position:absolute; top:0px; left:0px;}
#ls08 img{ position:absolute; top:0px; left:125px;}
#ls09 img{ position:absolute; top:0px; left:250px;}
#ls10 img{ position:absolute; top:0px; left:375px;}
#ls11 img{ position:absolute; top:0px; left:500px;}
#ls12 img{ position:absolute; top:0px; left:625px;}

#zs01 img{ position:absolute; top:0px; left:0px;}
#zs02 img{ position:absolute; top:0px; left:62px;}
#zs03 img{ position:absolute; top:0px; left:124px;}
#zs04 img{ position:absolute; top:0px; left:186px;}
#zs05 img{ position:absolute; top:0px; left:248px;}
#zs06 img{ position:absolute; top:0px; left:310px;}
#zs07 img{ position:absolute; top:0px; left:372px;}
#zs08 img{ position:absolute; top:0px; left:434px;}
#zs09 img{ position:absolute; top:0px; left:496px;}
#zs10 img{ position:absolute; top:0px; left:558px;}
#zs11 img{ position:absolute; top:0px; left:620px;}
#zs12 img{ position:absolute; top:0px; left:682px;}

#content-member div p {line-height:1.5;margin-bottom:20px;}