/* Style structure by Ivanob */

/* global */

*{
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	min-height: 100%;
}

body {
	height: 100%;
	min-height: 100%;
	background: #fff url(/images/bodyBg.gif) 0 0 repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #71535c;
	position: relative;
}

h1 {
	font-size: 24px;
	line-height: 26px;
}

h2 {
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 25px;
	font-weight:normal;
}

.header, .header2, .homeTextContent h2 {
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
}

.homeTextContent h2 {
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
}


.header {
	color: #33b5e8;
}

.subHeader {
	color:#2A9DC8;
}

.subHeader2 {
	font-family: verdana,arial;
	font-size: 10pt;
	color: #a0cd43;
}

.subHeader2 a {
	font-family: verdana,arial;
	font-size: 10pt;
	color: #a0cd43;
	text-decoration: none;
}

.subHeader2 a:hover {
	font-family: verdana,arial;
	font-size: 10pt;
	color: #a0cd43;
	text-decoration: underline;
}

h3 {
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 16px;
	font-weight: normal;
}

.learnHolder .blue {
	padding: 0 0 0 6px;
}

h4 {
	font-size: 14px;
	line-height: 16px;
}

h5 {
	font-size: 12px;
	line-height: 16px;
}

h6 {
	font-size: 10px;
	line-height: 12px;
}

ul {
	list-style-type: none;
	margin: 0 0 0 10px;
}

li {
	background: url(/images/ulBg.gif) no-repeat 0px 4px;
	padding: 0 0 3px 20px;
}

a {
	text-decoration: none;
	color: #33b5e8;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

p {
	padding: 0 0 15px 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.blue {
	color: #33b5e8;
}

.darkBlue {
	color: #0067ac;
}

.green {
	color: #8cc63f;
}

.brown {
	color: #71535c;
}

.white {
	color: #fff;
}

/* end global */


/* basic */

#wrap {
	width: 980px;
	background: #fff url(/images/wrapBg.gif) repeat-y 976px 0;
	border: 1px solid #d9d9d9;
	border-right: 0;
	border-bottom: 0;
	padding: 0 20px 20px 0;
	position: relative;
	min-height: 500px;
	_height: 500px;
	float: left;
}

#header {
	height: 100px;
	width: 960px;
	padding-left: 20px;
}

#content {
	width: 980px;
}

#footer {
    clear: both;
	width: 1000px;
	height: 29px;
	margin: 0 auto;
	background: url(/images/footerShadow.gif) 0 0 no-repeat;
}


/* end basic */


/* header */

#logo {
	margin-left: 43px;
	margin-top: 20px;
	float: left;
}

.menu {
	float: right;
	font-size: 12px;
	padding-right: 44px;
	padding-top: 46px;
}

.menu a {
	float: left;
}

.menu a:hover {
	color:#0067ac;
	text-decoration:none;
}

.menuOn {
	color:#0067ac;
	text-decoration:none;
}



.vSep {
	float: left;
	width: 25px;
	height: 18px;
	background: url(/images/vSep.gif) 50% 0 no-repeat;
}


/* end header */


/* content */

.wrapRightBg {
	position: absolute;
	top: 0;
	right: -1px;
}

.flashHome {
	width: 976px;
	height: 327px;
	position: relative
}

.flashLink {
	position: absolute;
	top: 205px;
	right: 35px;
	width: 226px;
	height: 88px;
	z-index: 100;
	display: block;
}

.colLeft {
	width: 160px;
	float: left;
	padding-left: 20px;
}

.colLeft1 {
	width: 215px;
	float: left;
	padding-left: 20px;
	position: relative;
}


.colLeftProjects {
	width: 215px;
	float: left;
	padding-left: 20px;
	position: relative;
}


.colLeftProjects .header {
	font-size:11px;
	color: #0067ac;
	margin: 0 0 10px 0;
}


.colLeftProjects ul {
	margin: 10px 0 0px 0px;

}

.colLeftProjects li {
	margin: 0 0 10px 0px;
	padding: 0 0 0px 20px;
	line-height:14px;
}


.colLeftProjectsState {
	width: 215px;
	float: left;
	padding: 0 0 15px 0;
	position: relative;
}


.colLeftProjectsState a {
	background: url(/images/btn_project_open.gif) 0 0 no-repeat;
	height:20px;
	padding: 0 0 5px 20px;
	color: #0067ac;
	font-size: 12px;
	font-weight:bold;
}


.colLeftProjectsStateOn a {
	background: url(/images/btn_project_close.gif) 0 0 no-repeat;
	height:20px;
	padding: 0 0 5px 20px;
	color: #0067ac;
	font-size: 12px;
	font-weight:bold;
}


.stateDefault a {
	background: url(/images/btn_project_open.gif) 0 0 no-repeat;
}


.colLeftProjects li a {
	background: none;
	height:20px;
	padding: 0 0 0px 0px;
	color: #a0cd43;
	font-size: 11px;
	font-weight:normal;
}

.colMiddleRight {
	width: 739px;/*665*/
	float: left;
	padding: 0px;
	min-height:350px;
}

.colMiddle {
	width: 420px;
	float: left;
	padding-left: 80px;
}

.colMiddle1 {
	width: 420px;
	float: left;
	padding-left: 40px;
	min-height:350px;
}


.colRight {
	width: 245px;
	float: right;
	padding-right: 4px;
}

.colRight1 {
	width: 253px;
	height:342px;
	float: right;
	padding-right: 4px;
	position: relative;
	background: url(/images/rightColBg.gif) 0 0 no-repeat;
	color:#33b5e8;
	font-size:14px;
	
}

.colRight1Inner {
	margin: 52px 18px 20px 25px;
	width:160px;
	text-align:right;
	float:right;
	line-height: 24px;

}

.colRight1Inner a {
	text-decoration:underline;
}

.colRight1home {
	width: 253px;
	height:342px;
	float: right;
	padding-right: 4px;
	position: relative;
	background: url(/images/rightColBgHome.gif) 0 0 no-repeat;
}

.homeTextContent {
	width: 180px;
	height:323px;
	overflow:hidden;
	padding: 40px 0 10px 30px;
	color: #0067AC;
	line-height:14px;

}

.homeTextContent h3 {
	font-size:15px;

}

.homeTextContent a {
	color: #71535C;

}

.homeContent {
	padding-top: 45px;
}

.innerContent {
	padding-top: 40px; 
}

.innerContentProjects {
	padding-top: 0px; 
	background: #fff url(/images/bgProjects.jpg) 0 0 no-repeat;
	min-height:580px;
	width:976px;
	
}
.learn {
	height: 25px;
	width: 160px;
	background: url(/images/learnBg.gif) 0 0 no-repeat;
	font-weight:normal;
}

.learn a {
	color: #8bc43f;
	padding: 4px 6px;
	display: block;
	font-size: 12px;
}

.learnHolder p {
	color: #71535c;
	padding: 4px 0 15px 6px;
}

.share {
	padding-right: 30px;
}

.follow {
	font-size: 12px;
	padding: 0 20px 3px 20px;}
}

.latestNews {
	padding: 65px 50px 80px 30px;
	background: url(/images/NewsBg.gif) no-repeat 0 0;
	line-height: 14px;
}

.latestNews a {
	color: #0067ac;
}

.stetsonMap {
	width: 402;
	height: 198px;
	background: url(/images/bg_stetson_map.gif) 0 0 no-repeat;
}

.smbutton {
	width: 92px;
	height: 37px;
	background: url(/images/bg_sm.gif) 0 0  no-repeat;
	margin: 139px 10px 0 11px;
	font-size: 10px;
	color: #fff;
	text-align: center;
	line-height: 14px;
	padding-top: 3px;
}

.smtitle {
	margin: 82px 10px 0 0;
	font-size: 20px; 
	font-weight:normal;
}

.smp {
	margin: 90px 0 0 0; 
	width: 180px;
}

.hearWhat {
	color: #8dc63f;
	margin-top: 0px;
	width: 190px;
	padding-left: 0px;
}

.hearWhat p {
	padding-left: 20px;
}

.text1 {
	position: absolute;
	top: -30px;
}

.leftLink {
	position: absolute;
	top: -15px;
}

.flashHolder {
	position: relative;
	width: 976px;
	height: 279;
}

.homeHeader {
	border: 0px none ; 
	margin: 0px; 
	position: absolute; 
	left: 0px; top: 0px;  
	background-position: center center;
	height:320px;
	position:relative;
	width:976px;
	z-index:5;
}

.noSlideHeader {
	border: 0px none ; 
	margin: 0px; 
	position: absolute; 
	left: 0px; top: 0px;  
	background-position: center center;
	height:279px;
	position:relative;
	width:976px;
	z-index:5;
}

.mediaHeader {
	border: 0px none ; 
	margin: 50px 0 0 0; 
	position: absolute; 
	left: 0px; top: 0px;  
	background-position: center center;
	height:127px;
	position:relative;
	width:976px;
	z-index:5;
}

.projectsHeader {
	border: 0px none ; 
	margin: 50px 0 0 0; 
	position: absolute; 
	left: 0px; top: 0px;  
	background-position: center center;
	height:216px;
	position:relative;
	width:976px;
	z-index:5;
}

.subNav {
	width: 162px;
	height: 227px;
	position: absolute;
	right: 0px;
	top: 55px;
	z-index: 887;
	font-weight:normal;
}

.subNavBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 162px;
	height: 227px;
	z-index: 888;
	background: url(/images/bg_subnav.png) no-repeat right top;
}

.subNavBgaboutUPC {
	position: absolute;
	top: -2px;/*0*/
	left: 0;
	width: 162px;
	height: 227px;
	z-index: 888;
	background: url(/images/bg_subnav_about.png) no-repeat right top;
}

.subNavBgaboutFirstWind {  /* accomodates old about files */
	position: absolute;
	top: -2px;/*0*/
	left: 0;
	width: 162px;
	height: 227px;
	z-index: 888;
	background: url(/images/bg_subnav_about.png) no-repeat right top;
}

.subNavBgcommunity {
	position: absolute;
	top: -3px;/*0*/
	left: 0;
	width: 162px;
	height: 227px;
	z-index: 888;
	background: url(/images/bg_subnav_community.png) no-repeat right top;
}

.subNavBglandowners {
	position: absolute;
	top: -3px;/*0*/
	left: 0;
	width: 162px;
	height: 227px;
	z-index: 888;
	background: url(/images/bg_subnav_landowners.png) no-repeat right top;
}

.subNavBgenvironment {
	position: absolute;
	top: -3px;/*0*/
	left: 0;
	width: 162px;
	height: 227px;
	z-index: 888;
	background: url(/images/bg_subnav_environment.png) no-repeat right top;
}

.subNavBgutilities {
	position: absolute;
	top: -3px;/*0*/
	left: 0;
	width: 162px;
	height: 227px;
	z-index: 888;
	background: url(/images/bg_subnav_utilities.png) no-repeat right top;
}

.subnavTitle {
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	margin: 80px 0 0px 0;/*78px 0 11px 0*/
	text-align: center;
	font-weight: normal;
	padding-left: 5px;
	z-index: 889;
	position: relative;
	top: -5px;
}

.subnavTitle a {
	color: #fff;
}

.subNav ul {
	margin: 0 17px 0 25px; /*0 17px 0 25px*/
	z-index: 889;
}

.subNav ul li {
	padding: 1px 0 2px;
	margin: 0;
	line-height: 16px;
	background: url(/images/dot.gif) 0 100% repeat-x;
	position: relative;
	z-index: 999;

}

.subNav a {
	position: relative;
	z-index: 999;
}

.mapHolder {
	width: 799px;
	height: 651px;
	background: url(/images/map.jpg);
	position: relative;
}

.mapTextHolder {
	float: right;
	width: 272px;
	padding-right: 16px;
	padding-top: 56px;
}

.mapTextTitle {
	font-weight: normal;
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 17px;
}

.big {
	font-size: 13px;
}

.legend {
	padding: 160px 0 0 23px;
}

.close {
	text-align: right;
	padding-right: 10px;
}

.popup {
	width: 217px;
	padding: 0 0 15px 0;
	margin-left: 40px;
	position: absolute;
	float: left;
	display: none;
}

.popup img {
	float: left;
}

.popupTitle {
	background: #fff;
	padding: 5px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 8px 0;
}

.popupCon {
	padding: 0 15px;
	width: 187px;
	float: left;
	color: #fff;
	clear: both;
}

.popupCon strong {
	color: #d7d7d7;
}

.popupCon ul {
	margin: 0;
	padding: 0;
}

.innerImage {
	float: none!important;
}

.popupCon li {
	padding: 0 0 8px 0;
	line-height: 14px;
}

.popupCon li a {
	color:#ffffff;
	font-size:11px;
}	

img.sideArrow {
	position: absolute;
	left: -41px;
	top: 95px;
}

.bluePop .popupCon {
	background: url(/images/pop_blue.gif) repeat-y 0 0; 
}

.bluePop .popupTitle {
	color: #0068ac;
}

.yellowPop .popupCon {
	background: url(/images/pop_yell.gif) repeat-y right;
	color: #72555d; 
}

.yellowPop .popupTitle, .yellowPop strong {
	color: #72555d;
}

.greenPop .popupCon {
	background: url(/images/pop_gree.gif) repeat-y right;
	color: #fff; 
}

.greenPop .popupTitle {
	color: #8cc63f;
}

.greenPop strong {
	color: #72555d;
}	

#hcHaynes {
	left: 340px;
	top: 153px;
}

#kinneysGarage {
	left: 412px;
	top: 150px;
}

#stantec {
	left: 136px;
	top: 424px;
}

#jamesW {
	left: 311px;
	top: 180px;
}

#jamesW	img.sideArrow {
	top: 152px;
}

#sgsEng {
	left: 303px;
	top: 262px;
}

#firstSettlers {
	left: 428px;
	top: 78px;
}

#firstSettlers	img.sideArrow {
	top: 152px;
}

#briarwood {
	left: 330px;
	top: 173px;
}
#maineDrilling {
	left: 133px;
	top: 331px;
}

#maineDrilling	img.sideArrow {
	top: 152px;
}

#threeC {
	left: 154px;
	top: 281px;
}

#threeC	img.sideArrow {
	top: 152px;
}

#cianoC {
	left: 84px;
	top: 438px;
}

#underwood {
	left: 375px;
	top: 6px;
}

#underwood	img.sideArrow {
	top: 49px;
}

#te {
	left: 371px;
	top: 170px;
}

#steelstone {
	left: 413px;
	top: 49px;
}

#sargent {
	left: 290px;
	top: 251px;
}

#reed {
	left: 156px;
	top: 330px; /*401*/
}

#reed	img.sideArrow {
	top: 160px;
}

#larryham {
	left: 317px;
	top: 172px;
}

#foss {
	left: 415px;
	top: 119px;
}

.popupLink {
	width: 25px;
	height: 34px;
	display: block;
	position: absolute;
}

#hcHaynesLink {
	left: 327px;
	top: 236px;
}

#kinneysGarageLink {
	left: 399px;
	top: 233px;
}

#stantecLink {
	left: 122px;
	top: 509px;
}

#jamesWLink {
	left: 299px;
	top: 327px;
}

#sgsEngLink {
	left: 292px;
	top: 347px;
}

#firstSettlersLink {
	left: 416px;
	top: 220px;
}

#briarwoodLink {
	left: 318px;
	top: 255px;
}

#maineDrillingLink {
	left: 117px;
	top: 475px;
}

#threeCLink {
	left: 139px;
	top: 422px;
}

#cianoCLink {
	left: 72px;
	top: 524px;
}

#underwoodLink {
	left: 358px;
	top: 44px;
}

#teLink {
	left: 357px;
	top: 247px;
}

#steelstoneLink {
	left: 398px;
	top: 131px;
}

#sargentLink {
	left: 275px;
	top: 333px;
}

#reedLink {
	left: 136px;
	top: 484px;
}

#larryhamLink {
	left: 303px;
	top: 255px;
}

#fossLink {
	left: 399px;
	top: 216px;
}

.mediaContent {
	background: url(/images/bg_media.gif) no-repeat 0 0!important;
	padding-top: 128px;
}

.colLeftHolder {
	width: 630px;
	float: left;
	background: none;
	overflow: hidden;
}

.colRightHolder {
	width: 325px;
	float: right;
	padding-right: 4px;
}

.videoHolder {
	margin-left: 60px;
}

.videoTitle {
	margin: 0 0 10px 0;
	padding: 0;
	color: #4155a2;
	font-weight: bold;
}

.tags {
	padding: 0;
	margin: 0;
	padding-bottom: 5px;
	font-size: 10px;
	line-height: 12px;
	text-decoration: underline;
}

.share {
	padding-top: 10px;
	padding-bottom: 42px;
}

.learnHolder1 .learn {
	margin-bottom: 12px;
	width:160px;/*9-9-16*/
}

.colRight3 {
	padding: 0 20px;
	width: 169px;
	border-left: 1px dotted #957e85;
	border-right: 1px dotted #957e85;
	float: left;
	margin-left: 30px;
}

.title1 {
	background: url(/images/bg_title1.gif) 0 0 no-repeat;
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding: 4px 0;
	line-height: 14px;
	margin: 0 3px 15px 3px;
}

.title1a {
	background: url(/images/bg_title1a.gif) 0 0 no-repeat;
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding: 4px 0;
	line-height: 14px;
	margin: 0 3px 15px 3px;
	border:none;
}

.leftImg {
	float: left;
	margin: 0 5px 5px 0;
}

.nop {
	margin: 0;
	padding: 0;
}

.nop li {
	padding: 5px 0 5px 0;
	margin: 0;
	border-bottom: 1px dotted #957e85;
}

.nop p {
	padding-bottom: 0;
}

.more-news {
	display: block;
	text-align: center;
	padding: 5px 0;
	color: #957e85!important;
}

.colRight4 {
	width: 172px;
	padding-left: 20px;
	/*border-left: 1px dotted #957e85;*/
	float: left;
}

.media-center {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 9px 26px;
}

.videosList {
	background: #aeb5b9 url(/images/bg_right_holder.gif) no-repeat 0 0;
	padding: 10px 15px 80px 23px;
	float: left;
	width: 287px;
}

#all-videos {
	display: block;
}

.heading {
	color: #fff200;
	border-bottom: 1px solid #fff200;
	padding: 0 0 2px 0;
	margin-bottom: 2px;
	margin-top: 2px;
	cursor: pointer;
	width: 100%;
	float: left;
}

.heading strong {
	float: left;
}

.heading a {
	float: right;
	color: #fff!important;
	padding: 0 15px 0 0;
	background: url(../images/arrow1.gif) 100% 7px no-repeat;
}

a#all-videos-a {
	background: url(../images/arrow.gif) 100% 8px no-repeat;
}

a.videoLink {
	display: block;
	height: 62px;
	width: 87px;
	background: url(/images/bg_thumb.gif) 0 100% no-repeat;
	padding: 2px 0 0 2px;
}

a.videoLink:hover {
	background: url(/images/bg_thumb.gif) 0 0 no-repeat;
}

.videosList1 .left {
	width: 87px;
}

.item {
	width: 100%;
	float: left;
	padding: 6px 0 6px 0;
}

.videosList1 .right {
	width: 180px;
	padding-left: 3px;
	color: #fff;
	font-size: 10px;
	line-height: 14px;
	float: left;
}

.itemTitle {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
}

.videosList1 .tags {
	color: #ffef00;
}

.videosList1 {
	height: 375px;
	overflow: auto;
	display: none;
	border-bottom: 1px solid #fff200;
	clear: both;
	padding-bottom:2px;
}

/* end content */



/* footer */

.bottom1 {
	width: 976px;
	clear: both;
	background: #1ab7ea;
	color: #fff;
	text-align: center;
	padding-top: 8px;
	border-top: 25px solid #fff;
}

.bottom1 a {
	color: #fff!important;
}

.bottom2 {
	width: 976px;
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 10px;
	color: #666666;
}

.bottom2 p {
	padding-bottom: 0;
}

.bottom2 a {
	padding: 0 10px;
}

/* end footer */


/* added code */

.flashLink {
	position: absolute;
	width: 82px;
	height: 82px;
	z-index: 100;
	display: block;
	top: 228px;
}

.flashLink1 {
	left: 430px;
}

.flashLink2 {
	left: 525px;
}

.flashLink3 {
	left: 618px;
}

.popupCon a {
	color: #fff!important;
}

.yellowPop .popupCon a {
	color: #72555d!important;
}

.jdSlideshow {
	background: #fff url(/images/flash1.jpg) 0 0 repeat-x;

}

/* /added code */

/* projects */

.projectState {display:none;
	background-color:none;
}

.projectStateOn {background-color:#cccccc;}



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.stateMenuItem {
	background: url(/images/btn_project_open.gif) 0 0 no-repeat;
	height:20px;
	padding: 0 0 5px 20px;
	color: #0067ac;
	font-size: 12px;
	font-weight:bold;
}

.open {
	background-image: url(/images/btn_project_close.gif)!important;
}




