@charset "utf-8";
/* CSS Document */

/* EGIA COLORS 

EGIA BLUE 	rgb(42,110,187)	#2a6ebb		PMS 660
EGIA GOLD	rgb(237,194,0)	#edc200		PMS 7405
EGIA GRAY	rgb(77,78,83)	#4d4e53		PMS CoolGray 11
EGIA GREEN	rgb(115,174,87)	#73ae57		PMS 7489

*/

/* @FONT-FACE
--------------------------------------------------------------------------------------------*/
@font-face { font-family: 'Franklin Gothic'; src: url(../fonts/FRABK.ttf); } 
@font-face { font-family: 'Franklin Gothic'; font-style: italic; src: url(../fonts/FRABKIT.ttf); } 
@font-face { font-family: 'Franklin Gothic'; font-weight: bold; src: url(../fonts/FRADM.ttf); }
@font-face { font-family: 'Franklin Gothic'; font-weight: bold; font-style: italic; src: url(../fonts/FRADMIT.ttf); }

/* INHERANT PROPERTIES 
--------------------------------------------------------------------------------------------*/
body {
	margin:0;
	padding: 0;
	background: rgb(239,239,239) url(../images/newsite/bodyBack.jpg) left top repeat-x;
	font-family: "Franklin Gothic", Arial, Helvetica, Verdana, sans-serif;
	text-align: center; /* This centers the website in IE, the text alignment will be corrected in #wrap */
}

input, textarea {
	font-family: "Franklin Gothic", Arial, Helvetica, Verdana, sans-serif;
}

img {
	border: 0;
}

h1, h2, h3, h4 {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 0;
	color: rgb(42,110,187);
	margin-top: 0;
}

h2 {
	font-size: 24px;
	color: rgb(115,174,87);
}

.item h2 {
	margin-top: 0;
	padding-top: 0;
}

.homePage h2 {
	font-size: 18px;
}

h3 {
	font-size: 18px;
	color: rgb(115,174,87);
}

h4 {
	font-size: 15px;
	color: rgb(115,174,87);
}

p, li {
	font-size: 14px;
	line-height: 1.5em;
	color: #333;
}

a {
	outline: 0;
	font-weight: bold;
	text-decoration: none;
	color: #2a6ebb;
}

a:hover {
	text-decoration: underline;
}

/* STRUCTURE 
--------------------------------------------------------------------------------------------*/

#wrap {
	width: 980px;
	margin: 0 auto;
	text-align: left; /* Corrects the text-align center from the body */
}

#goHome {
	float: left;
	margin-top: 15px;
	margin-left: 20px;
}

#header {
	text-align: center;
}

#metaNav {
	padding-top: 15px;
	margin-left: 210px;
	margin-right: 50px;
	width: 750px;
}

#mainNav {
	width: 750px;
	margin-left: 210px;
}

/* MEMBER BENEFITS LIST
--------------------------------------------------------------------------------------------*/
ul.MemberBenefits {
	width: 905px;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.MemberBenefits li {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 10px;
}

ul.MemberBenefits li a {
	display: block;
	width: 100%;
	border: 1px solid #ccc;
	padding: 10px;
	background: #fff;
	font-family: "Franklin Gothic", Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	border-radius: 4px;
	min-height: 100px;
}

ul.MemberBenefits li a:hover {
	background: #f6f6f6 url(http://www.egia.org/images/MB-buttonback.jpg) left bottom repeat-x;
	border-top-color: #fff;
	border-left-color: #fff;
	border-bottom-color: #aaa;
	border-right-color: #aaa;
	box-shadow: 0 0 1px #333;
}

ul.MemberBenefits li a h2, ul.MemberBenefits li a p {
	font-size: 18px;
	color: #73ae57;
	margin: 0 0 5px 220px;
}

ul.MemberBenefits li a img {
	position: relative;
	top: 0;
	left: 0;
	float: left;
	border: 0;
}

ul.MemberBenefits li a p {
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: normal;
}

ul.MemberBenefits li a p.learnMore {
	color: #73ae57;
	font-size: 14px;
	font-weight: bold;
}

ul.MemberBenefits li a:hover p.learnMore {
	text-decoration: underline;
}

#latest, #mainContent, #headerImage  {
	width: 980px;
	min-height: 350px;
	margin: 30px 0 25px 0;
	background-color: rgb(255,255,255);
	border: 1px solid rgb(130,130,130);
	box-shadow: 0 0 2px rgb(200,200,200);
	-moz-box-shadow: 0 0 2px rgb(200,200,200);
	-webkit-box-shadow: 0 0 2px rgb(200,200,200);
	-khtml-box-shadow: 0 0 2px rgb(200,200,200);
}
#mainContent {
	width: 950px;
	min-height: 330px;
	margin: 0 auto;
	clear: both;
}
/* Home Page Divs */
#homeNews {
	width: 456px;
	padding: 0 10px;
	float: left;
	min-height: 100%;
	margin: 0;
}

#homeEvents, #homeAbout {
	width: 237px;
	padding: 0;
	min-height: 100%;
	height: 330px;
	float: left;
	background-color: rgba(77,78,83,0.15);
}

#homeAbout {
	background-color: rgba(42,110,187,0.1);
}

/* Interior Page Divs */
#headerImage {
	clear: both;
	margin: 30px auto 20px auto;
	height: 200px;
	min-height: 0;
}

.interiorPage #mainContent {
	background: #fff url(../images/newsite/ContractorServices/MainContentBack.jpg) left top repeat-y;
}

.utilGovtServices #mainContent {
	background: #fff url(../images/newsite/UtilityandGov/MainContentBack.jpg) left top repeat-y;
}

.partnerPages #mainContent {
	background: #fff url(../images/newsite/PartnersSection/MainContentBack.jpg) left top repeat-y;
}

.homeownerPages #mainContent {
	background: #fff url(../images/newsite/HomeownersSection/MainContentBack.jpg) left top repeat-y;
}

#pageContent {
	margin: 0 10px 0 250px;
}

#sidebar {
	width: 240px;
	float: left;
}

.contractorServices #sidebar .sideNav, .mainSection #sidebar .sideNav {
	background: rgb(42,110,187);
}


.utilGovtServices #sidebar .sideNav {
	background: rgb(77,78,83);
}

.partnerPages #sidebar .sideNav {
	background: rgb(210,142,0);
}

.homeownerPages  #sidebar .sideNav {
	background: rgb(115,174,87);
}

#sidebar p, #sidebar h2 {
	padding: 0 5px;
}

.oneColumn {
	margin: 10px;
}

#footer {
	clear: both;
}


#paneHolder {
	width: 950px;
	margin-top: 35px;
	margin-left: 20px;
	background-color: rgb(255,255,255);
	border: 1px solid rgb(130,130,130);
	box-shadow: 0 0 2px rgb(200,200,200);
	-moz-box-shadow: 0 0 2px rgb(200,200,200);
	-webkit-box-shadow: 0 0 2px rgb(200,200,200);
	-khtml-box-shadow: 0 0 2px rgb(200,200,200);
}

#partnerPane {
	width: 950px;
}

.panes div {
	display:none;		
	padding:15px 10px;
	border-top:0;
	font-size:13px;
}

.panes div.showMe {
	display: block !important;
}


/* TEXT STYLES 
--------------------------------------------------------------------------------------------*/
#homeAbout p {
	margin: 10px;
}

#headerImage h1 {
	position: relative;
	z-index: 2;
	left: 10px;
	top: -45px;
}

/* TABS CSS 
-----------------------------------------------------------------------*/

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin: 0px 0 10px 14px !important; 
	padding:0;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: #2a6ebb url(../images/newsite/navBack.jpg) repeat-x top left;
	font-size:10px;
	display:block;  
	line-height:32px;
	font-size: 16px;
	width: 236px;
	text-align:center;	
	text-decoration:none;
	color:#d9e2ea;
	padding:0 0 3px 0;
	margin:0px;	
	position:relative;
	top:1px;
	text-shadow: 1px 1px 0 #000;
	-khtml-text-shadow: 1px 1px 0 #000;
	-moz-text-shadow: 1px 1px 0 #000;
	-webkit-text-shadow: 1px 1px 0 #000;
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #313131;
	outline: none;
}

ul.tabs li#geosmart a {
	width: 254px;	
	}
	
ul.tabs li#Partnership a {
	width: 100px;
	}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: center left;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: bottom left;		
	cursor:default !important; 
	color:#ffffff !important;
	text-shadow: -1px -1px 0 #000;
	-khtml-text-shadow: -1px -1px 0 #000;
	-moz-text-shadow: -1px -1px 0 #000;
	-webkit-text-shadow: -1px -1px 0 #000;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}


/* FORMS 
--------------------------------------------------------------------------------------------*/
#loginForm {
	width: 400px;
	padding: 5px;
	background: #eaeaea;
}

.loginPanel {
	width: 410px !important;
}

#loginForm fieldset {
	padding-top: 30px;
	background: url(../images/newsite/EGIA-LoginLogo.png) 326px 8px no-repeat;
	font-size: 21px;
	color: #2a6ebb;
}

#loginForm label {
	width: 95px;
	display: block;
	float: left;
	clear: left;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
	margin-top:10px;
}

#loginForm input[type=text], #loginForm input[type=password] {
	width: 257px;
	height: 25px;
	line-height: 25px;
	border: 1px solid #aaa; 
	display: block;
	margin-top:10px;
	margin-left: 100px;
	padding: 0 4px;
}

#loginForm input[type=submit] {
	float: right;
	clear: left;
	margin-top: 15px;
}

#loginForm p {
	font-size: 10px;
	margin-left: 100px;
}

#searchForm {
	background: rgb(77,78,83) url(../images/newsite/searchBack.jpg) left top repeat-x;
	border: 1px solid rgb(77,78,83);
	border-bottom: 0;
	width: 279px;
	padding: 7px 10px 9px 10px;
	margin-left: 450px;
	margin-top: 0;
	display: block;
}

#searchForm input[type=text] {
	width: 238px;
	height: 20px;
	color: rgb(180,180,180);
}

#searchForm input[type=text]:focus {
	color: rgb(45,45,45);
}

#searchForm input[type=submit] {
	position: relative;
	left: -4px;
	top: 2px;
	background: transparent url(../images/newsite/searchIcon.png) left top no-repeat;
	width: 32px;
	height: 27px;
	border: 0;
	text-indent: -9999em;
	cursor: pointer;
}

.emailForm {
	margin: 0 10px;
}
.emailSignup {
	width: 210px;
	border: 1px inset rgb(42,110,187);
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	padding-left: 4px;
}
.signupButton {
	background-color: rgb(42,110,187);
	color: #fff;
	margin-top: 10px;
	border-top: 1px solid #a8c0e2;
	border-left: 1px solid #a8c0e2;
	border-right: 1px solid #003592;
	border-bottom: 1px solid #003592;
	font-weight: bold;
	cursor: pointer;
	float: right;
}

.utilGovtServicessignupButton {
	background-color: rgb(77,78,83);
	color: #fff;
	margin-top: 10px;
	border-top: 1px solid #a6a6a9;
	border-left: 1px solid #a6a6a9;
	border-right: 1px solid #303034;
	border-bottom: 1px solid #303034;
	font-weight: bold;
	cursor: pointer;
	float: right;
}

.partnerPagessignupButton {
	background-color: rgb(210,142,0);
	color: #fff;
	margin-top: 10px;
	border-top: 1px solid #f5c96d;
	border-left: 1px solid #f5c96d;
	border-right: 1px solid #95690c;
	border-bottom: 1px solid #95690c;
	font-weight: bold;
	cursor: pointer;
	float: right;
}

/* NAVIGATION LISTS 
--------------------------------------------------------------------------------------------*/

/* This removes the bullets from all navigation lists and clears its margin and padding */
.nav, .nav li {
	list-style-type: none;
	margin:0;
	padding: 0;
}

/* Login Navigation */
.loginNav {	
	width: 300px;
	padding-top: 22px;
	float: left;
}

.loginNav li {
	display: inline;
	font-size: 12px;
	color: rgb(42,110,187);
}

.loginNav li:after {
	content: ' |';
}
.loginNav li.last:after {
	content: '';
}

.loginNav li a {
	text-decoration: none;
	color: rgb(42,110,187);
}
.loginNav li a:hover {
	text-decoration: underline;
}

/* Social Media Navigation */
.socialNav {
	float: left;
	padding-top: 10px;
}

.socialNav li {
	display: block;
	float: left;
	width: 23px;
	height: 23px;
	margin-right: 10px;
	text-indent: -9999em;
	font-size: 12px;	
}

.socialNav li#facebook a, .socialNav li#twitter a, .socialNav li#linkedIn a, .socialNav li#eventCalendar a {
	display: block;
	float: left;
	width: 23px;
	height: 23px;
	background: transparent url(../images/newsite/facebookIcon23px.png) left top no-repeat;
}

.socialNav li#twitter a {
	background: transparent url(../images/newsite/twitterIcon23px.png) left top no-repeat;
}

.socialNav li#linkedIn a {
	background: transparent url(../images/newsite/linkedInIcon23px.png) left top no-repeat;
}

.socialNav li#eventCalendar a {
	background: transparent url(../images/newsite/calendarIcon23px.png) left top no-repeat;
}


/* Global Nav */

.globalNav {
	width: 750px;
	height: 43px;
	background-color: rgb(230,230,230);
}

.globalNav li {
	display: block;
	float: left;
	width: 150px;
}

.globalNav li a, .globalNav li a:visited {
	display: block;
	float: left;
	color: rgb(35,35,35);
	background: rgb(210,210,210) url(../images/newsite/globalNavBack.png) left top repeat-x;
	border-left: 1px solid rgb(60,60,60);
	border-right: 1px solid rgb(240,240,240);
	text-decoration: none;
	font-size: 13px;
	line-height: 43px;
	font-weight: bold;
	padding: 0;
	width: 150px;
	text-align: center;
}

.globalNav li a:hover, body.contractorServices .globalNav li.contractors a, body.mainSection .globalNav li.EGIA a {
	color: rgb(255,255,255);
	background-image: url(../images/newsite/globalNavBack-blue.png);
}

.globalNav li.utilGovt a:hover, body.utilGovtServices .globalNav li.utilGovt a  {
	background-image: url(../images/newsite/globalNavBack-gray.png);
	color: #fff;
}

.globalNav li.partners a:hover, body.partnerPages .globalNav li.partners a {
	background-image: url(../images/newsite/globalNavBack-gold.png);
	color: #fff;
}

.globalNav li.homeowners a:hover {
	background-image: url(../images/newsite/globalNavBack-green.png);
}

.globalNav li.EGIA a {
	border-left: 0;
}

.globalNav li.utilGovt a {
	line-height: 15px;
	padding: 8px 0 5px 0;
}

.globalNav li.homeowners a {
	border-right: 0;
}

/* Breadcrumb Nav */
#breadcrumbNav, .breadcrumbNav {
	display: block;
	margin: 0 0 5px 15px;
	padding: 0;
}

#breadcrumbNav li, .breadcrumbNav li {
	list-style-type: none;
	display: inline;
	color: #333;
	margin-right: 4px;
	font-weight: bold;
	font-size: 11px;
	line-height: 15px;
}
#breadcrumbNav li a, .breadcrumbNav li a {
	padding: 0 5px 0 0;
	color: #999;
	line-height: 15px;
}
#breadcrumbNav li a:hover, .breadcrumbNav li a:hover {
	color: #2a6ebb;
}

#breadcrumbNav li:after, .breadcrumbNav li:after {
	content: '»';
}

#breadcrumbNav li.last:after, .breadcrumbNav li.last:after {
	content: none;
}

.partnerCrumb {
	position: relative;
	top: -75px;
	left: -25px;
	z-index: 5;
}

/* Sidebar Nav */
.sideNav ul {
	display: block;
	margin: 5px 0 10px 30px;
	padding: 0 0 10px 0;
}

.sideNav ul li {
	list-style-type: none;
	text-indent: -10px;
}

.sideNav ul li a {
	color: #c5d6e8;
	font-weight: bold !important;
	font-size: 11px;
	line-height: 16px;
}

.sideNav ul li.current-page a {
	color: #fff !important;
	text-decoration: underline;
}

.utilGovtServices .sideNav ul li a {
	color: #CCC;
}

.partnerPages .sideNav ul li a {
	color: #f8e0ae;
}

.homeownerPages .sideNav ul li a {
	color: #d9e4cd;
}

.sideNav ul li a:before {
	content: '»';
	padding-right: 4px;
}

.sideNav ul li a:hover {
	color: #fff;
}

/* OTHER LISTS 
--------------------------------------------------------------------------------------------*/
dl {}

dt {
	width: 30px;
	padding-left: 10px;
	float: left;
	clear: left;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

dd {
	margin: 0 0 15px 45px;
	padding-right: 5px;	
}

dd p {
	margin: 0;
}

#sidebar dd {
	margin-left: 65px;
	font-size: 12px;
}

ul.EGIAcareers {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.EGIAcareers li {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #999;
	padding: 5px 0;
}

.jobDate {
	width: 250px;
	float: right;
	text-align: right;
	position: relative;
	top: -30px;
	margin-bottom: -30px;
	font-weight: bold;
	font-style: italic;
	color: #666;
}

/* Financing Lists */

ul.financingList {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.financingList li {
	border-top: 2px solid #daf5ce;
	border-bottom: 2px solid #bfe2ae;
	padding: 5px 0;
}

ul.financingList ul li {
	border: 0;
}

ul.benefitList {
	margin: 0; 
	padding: 0; 
	list-style-type: none;
}

ul.benefitList li {
	display: block; 
	clear: both; 
	min-height: 70px;
	list-style-type: none;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
}
ul.benefitList li img {
	width: 100px;
	float: left;
	margin-right: 15px;
	padding-bottom: 20px;
	border: none;
	display: block;
}

ul.benefitList li.last {
	border-bottom: none !important;
}

/* BUTTONS 
--------------------------------------------------------------------------------------------*/
.silverButton, .blueButton, .greenButton {
	display: inline-block;
	padding: 1px;
	background-image: linear-gradient(bottom, rgb(200,200,200) 10%, rgb(128,128,128) 90%);
	background-image: -o-linear-gradient(bottom, rgb(200,200,200) 10%, rgb(128,128,128) 90%);
	background-image: -moz-linear-gradient(bottom, rgb(200,200,200) 10%, rgb(128,128,128) 90%);
	background-image: -webkit-linear-gradient(bottom, rgb(200,200,200) 10%, rgb(128,128,128) 90%);
	background-image: -ms-linear-gradient(bottom, rgb(200,200,200) 10%, rgb(128,128,128) 90%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgb(200,200,200)),
		color-stop(0.9, rgb(128,128,128))
	);
	-moz-border-radius: 2px;
	width: auto;
}

.blueButton {
	background-image: linear-gradient(bottom, rgb(125,161,212) 10%, rgb(35,98,166) 90%);
	background-image: -o-linear-gradient(bottom, rgb(125,161,212) 10%, rgb(35,98,166) 90%);
	background-image: -moz-linear-gradient(bottom, rgb(125,161,212) 10%, rgb(35,98,166) 90%);
	background-image: -webkit-linear-gradient(bottom, rgb(125,161,212) 10%, rgb(35,98,166) 90%);
	background-image: -ms-linear-gradient(bottom, rgb(125,161,212) 10%, rgb(35,98,166) 90%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgb(42,110,187)),
		color-stop(0.9, rgb(35,98,166))
	);
}

.greenButton {
	background-image: linear-gradient(bottom, rgb(173,209,138) 10%, rgb(82,129,60) 90%);
	background-image: -o-linear-gradient(bottom, rgb(173,209,138) 10%, rgb(82,129,60) 90%);
	background-image: -moz-linear-gradient(bottom, rgb(173,209,138) 10%, rgb(82,129,60) 90%);
	background-image: -webkit-linear-gradient(bottom, rgb(173,209,138) 10%, rgb(82,129,60) 90%);
	background-image: -ms-linear-gradient(bottom, rgb(173,209,138) 10%, rgb(82,129,60) 90%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgb(196,228,165)),
		color-stop(0.9, rgb(82,129,60))
	);
}

.silverButton:active, .blueButton:active, .greenButton:active {
	display: inline-block;
	padding: 1px;
	background-image: linear-gradient(bottom, rgb(128,128,128) 10%, rgb(200,200,200) 90%);
	background-image: -o-linear-gradient(bottom, rgb(128,128,128) 10%, rgb(200,200,200) 90%);
	background-image: -moz-linear-gradient(bottom, rgb(128,128,128) 10%, rgb(200,200,200) 90%);
	background-image: -webkit-linear-gradient(bottom, rgb(128,128,128) 10%, rgb(200,200,200) 90%);
	background-image: -ms-linear-gradient(bottom, rgb(128,128,128) 10%, rgb(200,200,200) 90%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.9, rgb(128,128,128)),
		color-stop(0.1, rgb(200,200,200))
	);
	-moz-border-radius: 2px;
}

.blueButton:active {
	background-image: linear-gradient(bottom, rgb(35,98,166) 10%, rgb(125,161,212) 90%);
	background-image: -o-linear-gradient(bottom, rgb(35,98,166) 10%, rgb(125,161,212) 90%);
	background-image: -moz-linear-gradient(bottom, rgb(35,98,166) 10%, rgb(125,161,212) 90%);
	background-image: -webkit-linear-gradient(bottom, rgb(35,98,166) 10%, rgb(125,161,212) 90%);
	background-image: -ms-linear-gradient(bottom, rgb(35,98,166) 10%, rgb(125,161,212) 90%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgb(35,98,166)),
		color-stop(0.9, rgb(42,110,187))
	);
}

.greenButton:active {
	background-image: linear-gradient(bottom, rgb(82,129,60) 10%, rgb(173,209,138) 90%);
	background-image: -o-linear-gradient(bottom, rgb(82,129,60) 10%, rgb(173,209,138) 90%);
	background-image: -moz-linear-gradient(bottom, rgb(82,129,60) 10%, rgb(173,209,138) 90%);
	background-image: -webkit-linear-gradient(bottom, rgb(82,129,60) 10%, rgb(173,209,138) 90%);
	background-image: -ms-linear-gradient(bottom, rgb(82,129,60) 10%, rgb(173,209,138) 90%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgb(82,129,60)),
		color-stop(0.9, rgb(114,174,87))
	);
}

.silverButton a, .silverButton a:hover, .blueButton a, .blueButton a:hover, .greenButton a, .greenButton a:hover {
	font-size: 16px;
	letter-spacing: 1px;
	display: block;
	padding: 0 15px;
	line-height: 20px;
	color: #333;
	width: auto !important;
	text-decoration: none;
	font-weight: bold;
	background: #bbb url(../images/newsite/buttonTexture.png) center top repeat-x;
	border-top: 1px solid rgb(220,220,220);
	border-left: 1px solid rgb(220,220,220);
	border-bottom: 1px solid rgb(128,128,128);
	border-right: 1px solid rgb(128,128,128);
	text-shadow: 1px 1px 0 #dedede;
	-moz-text-shadow: 1px 1px 0 #dedede;
	-khtml-text-shadow: 1px 1px 0 #dedede;
	-webkit-text-shadow: 1px 1px 0 #dedede;
	-moz-border-radius: 2px;
	padding-top:8px;
	padding-bottom:8px;
}


.silverButton a:hover {
	background-color: #ddd;
}

.blueButton a {
	background-color: #2a6ebb;
	color: #fff;
	border-top: 1px solid #d9e2ea;
	border-left: 1px solid #d9e2ea;
	border-bottom: 1px solid #002c5f;
	border-right: 1px solid #002c5f;
	text-shadow: 1px 1px 0 #264774;
	-moz-text-shadow: 1px 1px 0 #264774;
	-khtml-text-shadow: 1px 1px 0 #264774;
	-webkit-text-shadow: 1px 1px 0 #264774;
}

.blueButton a:hover {
	background-color: #2481ec;
	color: #fff;
	text-shadow: 1px 1px 0 #264774;
	-moz-text-shadow: 1px 1px 0 #264774;
	-khtml-text-shadow: 1px 1px 0 #264774;
	-webkit-text-shadow: 1px 1px 0 #264774;
}

.greenButton a {
	background-color: #73ae57;
	color: #fff;
	border-top: 1px solid #bfe5ad;
	border-left: 1px solid #bfe5ad;
	border-bottom: 1px solid #518b35;
	border-right: 1px solid #518b35;
	text-shadow: 1px 1px 0 #487930;
	-moz-text-shadow: 1px 1px 0 #487930;
	-khtml-text-shadow: 1px 1px 0 #487930;
	-webkit-text-shadow: 1px 1px 0 #487930;
}

.greenButton a:hover {
	background-color: #5fbc32;
	color: #fff;
	text-shadow: 1px 1px 0 #487930;
	-moz-text-shadow: 1px 1px 0 #487930;
	-khtml-text-shadow: 1px 1px 0 #487930;
	-webkit-text-shadow: 1px 1px 0 #487930;
}

.silverButton a:active, .blueButton a:active, .greenButton a:active {
	border-top: 1px solid rgb(128,128,128);
	border-left: 1px solid rgb(128,128,128);
	border-right: 1px solid rgb(220,220,220);
	border-bottom: 1px solid rgb(220,220,220);
	text-shadow: -1px -1px 0 #666;
	-moz-text-shadow: -1px -1px 0 #666;
	-khtml-text-shadow: -1px -1px 0 #666;
	-webkit-text-shadow: -1px -1px 0 #666;
	background: #999 url(../images/newsite/buttonTextureInvert.png) center bottom repeat-x;
	color: #fff;
}

.blueButton a:active {	
	background-color: #1a579d;
	border-top: 1px solid #002c5f;
	border-left: 1px solid #002c5f;
	border-bottom: 1px solid #d9e2ea;
	border-right: 1px solid #d9e2ea;
	text-shadow: -1px -1px 0 #0c2a4d;
	-moz-text-shadow: -1px -1px 0 #0c2a4d;
	-khtml-text-shadow: -1px -1px 0 #0c2a4d;
	-webkit-text-shadow: -1px -1px 0 #0c2a4d;
}

.greenButton a:active {	
	background-color: #3d811d;
	border-top: 1px solid #518b35;
	border-left: 1px solid #518b35;
	border-bottom: 1px solid #bfe5ad;
	border-right: 1px solid #bfe5ad;
	text-shadow: -1px -1px 0 #264816;
	-moz-text-shadow: -1px -1px 0 #264816;
	-khtml-text-shadow: -1px -1px 0 #264816;
	-webkit-text-shadow: -1px -1px 0 #264816;
}


.largeButton {
	font-size: 28px !important;
	line-height: 50px !important;
}

/* CLASSES 
-------------------------------------------------------------------------------*/
.black { color: rgb(0,0,0); }
.blue {color: rgb(42,110,187);}
.gold {color: rgb(210,142,0);}
.gray {color: rgb(77,78,83);}
.green {color: rgb(115,174,87);}
.white {color: rgb(255,255,255);}
.blackBar, .blueBar, .goldBar, .grayBar, .greenBar { color: #fff; background-color: rgb(0,0,0); line-height:150%; padding: 0 3px; }
.blueBar {background-color: rgb(42,110,187);}
.goldBar {background-color: rgb(237,194,0);}
.grayBar {background-color:rgb(77,78,83);}
.greenBar {background-color: rgb(115,174,87);}
.textRight { text-align: right; }
.textLeft	{ text-align: left; }
.left { float: left; margin-right: 15px; }
.right {float: right; margin-left: 15px; } 
.noBottom {margin-bottom: 0;}
.twoColOne { width: 425px; padding: 0 10px !important; margin:0; }
.clear {clear: both; display: block; float: none !important;}
.center { margin: auto; text-align: center; }
.xsmall { font-size: 10px; line-height: 14px; }
.hidden { visibility:hidden; }
.bioContainer {
	border-bottom: 1px solid #2a6ebb;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	}

/* HOME PAGE SCROLLABLE  
-------------------------------------------------------------------------------*/

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 980px;
	height: 350px;

	/* custom decorations */
	border:1px solid #ccc;
	background: #cccccc;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width: 980px;
	height: 350px;
}

.items div div.text {
	background: rgba(42,110,187,0.8);
	position: relative;
	top: -350px;
	left: 735px;
	width: 225px;
	z-index: 1;
	height: 350px;
	padding: 10px;
}

.items div div.text h1, .items div div.text p {
	color: #fff;
	margin-top: 0;
}


/* single scrollable item */
.scrollable img {
	float:left;
	background-color:#fff;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}




/* this makes it possible to add next button beside scrollable
.scrollable {
	float:left;	
}
 */

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/newsite/tabs.png) no-repeat;
	display:block;
	width:32px;
	height:84px;
	float:left;
	margin:0 10px;
	cursor:pointer;
	font-size:1px;
	position: relative;
}

/* left */
a.left { 
	margin-left: 0px;
	margin-bottom: -100px; 
	left: -30px; 
	top: 120px;
} 
a.left:hover	{ background-position:-32px 0; }
a.left:active  	{ background-position:-64px 0; }

/* right */
a.right {
	background-position: 0 -84px;
	clear:right;
	margin-right: 0px; 
	margin-bottom: -90px;
	left: 972px;
	top: -250px;
}
a.right:hover 	{ background-position:-32px -84px; }
a.right:active 	{ background-position:-64px -84px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* INTERIOR SCROLLABLE
-------------------------------------------------------------------------*/
/* main vertical scroll */
	#main {
		position:relative;
		overflow:hidden;
		height: 625px;
	}
	
	#mainTall {
		position:relative;
		overflow:hidden;
		height: 625px;
	}

	
	/* root element for pages */
	#pages {
		position:absolute;
		height:20000em;
	}
	
	/* single page */
	.page {
		padding:10px;
		height: 590px;
		background:transparent;
		width:460px;
	}
	
	.pageTall {
		padding:10px;
		height: 700px;
		background:transparent;
		width:460px;
	}
	
	/* root element for horizontal scrollables */
	#main .scrollable {
		position:relative;
		overflow:hidden;
		width: 460px !important;
		height: 590px;
		background-color: transparent;
		border: 0;
	}
	
	#main .scrollableTall {
		height:1000px;
	}
	
	/* root element for scrollable items */
	#main .scrollable .items {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scrollable item */
	#main .scrollable .item {
		float:left;
		cursor:pointer;
		width:460px !important;
		height:590px;
	}
	
	/* main navigator */
	#main_navi {
		float:left;
		padding:0px !important;
		margin:0 0 0 10px !important;
		background: #666;
		width: 180px;
		overflow: visible;
		position: relative;
	}
	
	#main_navi li {
		clear: both;
		color: #dedede;
		font-weight: bold;
		font-size: 15px;
		list-style-type: none;
		padding: 10px 5px 5px 5px;
		width: 170px;
		height: 55px;
		cursor: pointer;
		text-align: right;
	}
	
	#main_navi li .small {
		font-size: 10px;
	}
	
	#main_navi li:first-child {
		border-top: none;
	}
	
	#main_navi li:hover {
		background-color: #999;
		color: #333;
	}
	
	#main_navi li.active {
		background: url(../images/newsite/buttons/tabActive.png) left top no-repeat;
		width: 180px;
		border-right: none;
		color: #444;
		text-shadow: #333;
		color: #666;
		height: 50px;
		position: relative;
		left: -10px;
	}
	
	#main_navi img {
		float:left;
		margin-right:10px;
	}
	
	#main_navi strong {
		display:block;
	}
	
	#main div.navi {
		text-align: center !important;
		margin: auto;
		cursor:pointer;
		width: 100%;
	}
	
	#main div.navi a {
		background: url(../images/newsite/buttons/naviBackSideScroll.png) -16px 0 no-repeat !important;
		width: 16px !important;
		height: 16px !important;
		display:inline-block !important;
		float: none !important;
		text-align: center !important;
	}
	
	#main div.navi a.active, #main div.navi a.active:hover  {
		background-position: 0 0 !important;
		cursor: default;
	}
	
	#main div.navi a:hover {
		background-position: -32px 0 !important;
	}
	
	#main a:hover {
		text-decoration: underline;
	}

/* DROPDOWN MENU
-------------------------------------------------------------------------*/

/*** ESSENTIAL STYLES ***/
.globalNav, .globalNav * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.globalNav {
	line-height:	1.0;
}
.globalNav ul {
	position:		absolute;
	top:			-999em;
	width:			145px; /* left offset of submenus need to match (see below) */
}
.globalNav ul li {
	width:			100%;
}
.globalNav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.globalNav li {
	float:			left;
	position:		relative;
}
.globalNav a {
	display:		block;
	position:		relative;
}
.globalNav ul li a {
	line-height: 24px;
}
.globalNav ul li a:hover {
	background-color: #11326c;
}
/* UTILITY & GOVERNMENT DROPDOWN BACKGOUND */
.globalNav .utilGovt ul li a {
	background-color: #666;
}
.globalNav .utilGovt ul li a:hover {
	background-color: #333;
}
/* PARTNER DROPDOWN BACKGOUND */
.globalNav .partners ul li a {
	background-color: #edc200;
}
.globalNav .partners ul li a:hover {
	background-color: #be9b00;
}
/* HOMEOWNER DROPDOWN BACKGOUND */
.globalNav .homeowners ul li a {
	background-color: #73ae57;
}
.globalNav .homeowners ul li a:hover {
	background-color: #4f773c;
}
.globalNav li:hover ul,
.globalNav li.sfHover ul {
	left:			0;
	top:			43px; /* match top ul list item height */
	z-index:		99;
}
ul.globalNav li:hover li ul,
ul.globalNav li.sfHover li ul {
	top:			-999em;
}
ul.globalNav li li:hover ul,
ul.globalNav li li.sfHover ul {
	left:			151px; /* match ul width */
	top:			0;
}
ul.globalNav li li:hover li ul,
ul.globalNav li li.sfHover li ul {
	top:			-999em;
}
ul.globalNav li li li:hover ul,
ul.globalNav li li li.sfHover ul {
	left:			151px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.globalNav {
	float:			left;
	margin-bottom:	1em;
}

.globalNav ul a {
	font-size: 12px;
	background-color: rgb(42,110,187);
	color: #fff;
	border: 0;
	display: block;
	line-heght: 18px;
	width: 100%;
	text-align: left;
	padding-left: 6px;
	background-image: none !important;
}

.globalNav li.utilGovt ul a {
	padding-left: 6px;
}

.globalNav a, .globalNav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#333;
}

.globalNav  ul a, .globalNav ul a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}


.globalNav li:hover, .globalNav li.sfHover,
.globalNav a:focus, .globalNav a:hover, .globalNav a:active {
	background: #CFDEFF;
	background-image: inherit;
	outline: 0;
}

/*** arrows **/
.globalNav a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		none !important;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			0 !important;
	height:			0 !important;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/newsite/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.globalNav ul .sf-sub-indicator { background-position:  -10px 0; }
.globalNav ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.globalNav ul a:focus > .sf-sub-indicator,
.globalNav ul a:hover > .sf-sub-indicator,
.globalNav ul a:active > .sf-sub-indicator,
.globalNav ul li:hover > a > .sf-sub-indicator,
.globalNav ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/newsite/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* FOOTER
-------------------------------------------------------------------------*/
#footer {
	width: 950px;
	margin: 15px auto;
	text-align: left;
}

#footer p {
	font-size: 10px;
	line-height: 1.5em;
	color: #666;
}

.footerNav, .footerNav li {
	color: #666;
	display:inline;
}

.footerNav li {
	padding-right: 3px;
}

.footerNav li:after {
	content: ' |';
}

.footerNav li.last:after {
	content: '';
}

#footer a {
	color: #666;
	font-size: 10px;
}
#footer a:hover {
	color: #333;
}

.terms {
	width: 300px;
	float: right;
	text-align: right;
}

.terms p {
	margin-top: 7px;
}

/* FEEDBACK SLIDER 
---------------------------------------------------------------------------------*/

.slide-out-div {
	padding: 20px;
    width: 350px;
	text-align: left;
    background: #205590 url(../images/newsite/feedbackTab/tabBackground.jpg) left top repeat-y;
	z-index: 1000000;
	height: 200px;
}

.slide-out-div h3 {
	color: #d9e2ea;
}

.slide-out-div input, .slide-out-div textarea {
	width: 250px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
}

.slide-out-div textarea {
	height: 75px;
}

.slide-out-div form dl dt {
	width: 65px;
}

.slide-out-div form dl dt label.feedbackInput {
	color: #fff;
	text-align: right !important;
}

.slide-out-div dd {
	margin-left: 80px;
}

.slide-out-div input#submitFeedback {
	width: 75px;
	line-height: 25px !important;
	height: 25px !important;
}

/* OVERLAY EFFECT 
---------------------------------------------------------------------------------*/
/* the overlayed element */
.apple_overlay {
	display:none;
	background: #4d4e53;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0 0 2px #000; 
	-moz-box-shadow: 0 0 2px #000;
	-khtml-box-shadow: 0 0 2px #000;
	-webkit-box-shadow: 0 0 2px #000;
	border: 1px solid #aaa;	
	width: 725px;	
	padding:10px;	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../images/newsite/buttons/overlayCloseButton.png);
	position:absolute; right:-20px; top:-13px;
	cursor:pointer;
	height:26px;
	width:40px;
}

.overlayImg {
	cursor: pointer;
}

.apple_overlay p {
	width: inherit;
	white-space:pre-wrap;
}

#map {
	display: block !important;
	overflow: visible;
}

.floatingSidebar {
	float: right; 
	background-color: rgb(238, 238, 238); 
	margin: 20px; 
	width: 200px; 
	padding:10px;
	display: block !important;
}

/* PARTNER PAGE BUTTON 
---------------------------------------------------------------------------------*/

a.backGBtn {
	display: block;
	text-indent: -9999em;
	width: 99px;
	height: 33px;
	margin-bottom: 15px;
	background: url(../images/newsite/buttons/BackButton.jpg) left top no-repeat;
}

a.backGBtn:hover {
	background-position:left bottom;
}