/* CSS/xhtml by BUILDER NAME & Design by CREATIVE NAME, Civic. */

* {margin:0; padding:0}
html {}
body {background:url(../images/css_bg.gif) 0 0 repeat; color:#000; font-family:arial, verdana, tahoma, helvetica, sans-serif; font-size:81%; padding:0; margin:0 auto; margin-bottom:20px;text-align:center;}

/* standard headings, fonts and links */
h1,h2,h3,h4,h5,h6{font-family:arial, verdana, tahoma, helvetica, sans-serif;}
h1{color:#ff8C17; font-size:160%; border-bottom:2px solid #d2d2d3; padding-bottom:2px; margin-bottom:10px;}
h2{color:#ff8C17; font-size:110%;}
h3{color:#ff8C17; font-size:100%;}
h4{color:#87888a; font-size:100%;}

/* MISC STYLES */
.skiplinks{display:none;} fieldset{border:0;}
input, select, textarea{font-size:100%; font-family:arial, verdana, tahoma, helvetica, sans-serif;}
input, select{vertical-align:middle;} textarea{vertical-align:top;}
form{margin:0; padding:0; border:0;} table{font-size:100%; border-collapse:collapse;} img{border:0;}
hr{height:1px; border:0; line-height:1px; clear:both; color:#000; background:#000;}
ul{list-style-type:none;}
.clear{clear:both; height:1px; line-height:1px; font-size:1px; margin-top:-1px;}
/* IE6 png fix */
img, div, body, span{ behavior: url(images/iepngfix.htc) }

.clearDiv:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}
.clearDiv {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearDiv {height: 1%;}
.clearDiv {display: block;}
/* End hide from IE-mac */

/* containers */
#container {margin:0 auto; text-align:left; width:994px; background:url(../images/css_bg.png) top center repeat-y;}
#wrapper{padding:0 55px;} 

#header {border-bottom:3px solid #8bc540;}
#header #logo{margin:0; padding:0; position:relative; width:250px; height:128px; overflow:hidden; color:#fff; font-size:200%; float:left;}
#header #logo a{text-decoration:none; cursor:pointer; color:#737d81;}
body#home #header #logo a{cursor:default;}
#header #logo a span{display:block; position:absolute; left:0; top:0; z-index:1; width:250px; height:128px; background:url(../images/css_logo.gif) 0 0 no-repeat;}
#header #topsearch{float:left; width:634px; text-align:right; margin-top:3px;}
#header #topsearch form{margin-top:5px;}
#header #topsearch input{border:1px solid #c3c3c4; background:#fff; color:#87888a; font-size:82%; padding:2px 0 2px 2px; width:180px;}
#header #topsearch input.btnsearch{padding:0; width:auto;}

#header #toplogin{float:right; width:auto; background:#ff8C17; margin-left:12px; padding:6px 10px 6px 0; text-align:left;}
#header #toplogin a{color:#fff; background:url(../images/css_arrow_login.gif) center right no-repeat; padding:0 10px; font-size:82%; text-decoration:none;}
#header #toplogin a:hover{color:#fff;}

#header #topnav{float:left; width:634px; text-align:right;}
/**/
ul#nav{padding:38px 0 5px 0;}
ul#nav li{display:inline; font-size:91%; font-weight:bold; border-right:2px solid #c3c3c4; padding:2px 9px 2px 5px;}
	* html ul#nav li{padding:2px 7px 2px 9px;}
ul#nav li a{color:#87888a; text-decoration:none; font-size:105%;}
ul#nav li.noline{border:none; padding:0 0 0 5px}
	* html ul#nav li.noline{border:none; padding:0 0 0 9px}
ul#nav li a:hover{color:#ff8C17;}
body#home ul#nav li a.nav0, body#about ul#nav li a.nav1, body#case ul#nav li a.nav2, body#news ul#nav li a.nav3, body#links ul#nav li a.nav4, body#contact ul#nav li a.nav5, body#member ul#nav li a.nav6{color:#ff8C17;}

/**/
#middle{padding-top:25px;}
	body#member #middle{padding-top:0;}

#topimg{background:url(../images/css_bg_home.jpg) 0 0 no-repeat; min-height:132px; position:relative;}
	body#home #topimg{min-height:252px;}
	* html #topimg{height:132px;}
	* html body#home #topimg{height:252px;}
#topimg p#welcome{position:absolute; top:46px; left:42px; color:#969da0; font-size:200%; width:500px;}
#topimg p#welcome .sifrone{width:400px; display:block; float:left;}
#topimg p#welcome .sifrtwo{width:400px; display:block; float:left;}
#topimg p#welcome span{color:#737d81;}
	body#about #topimg{background:url(../images/css_bg_about.jpg) 0 0 no-repeat;}
	body#case #topimg{background:url(../images/css_bg_case.jpg) 0 0 no-repeat;}
	body#links #topimg{background:url(../images/css_bg_useful.jpg) 0 0 no-repeat;}
	body#contact #topimg{background:url(../images/css_bg_contact.jpg) 0 0 no-repeat;}
	body#default #topimg{background:url(../images/css_bg_contact.jpg) 0 0 no-repeat;}
	body#news #topimg{background:url(../images/css_bg_news.jpg) 0 0 no-repeat;}


#logbox{float:right; width:235px; margin-top:165px; position:relative; padding:10px 0 0 10px;}
#logbox a{text-decoration:none; cursor:pointer; color:#8FC642;}
#logbox a span{display:block; position:absolute; left:0; top:0; z-index:1; width:225px; height:76px; background:url(../images/css_login.png) 0 0 no-repeat;}
	* html #logbox a span{left:-10px; top:-25px;}
/*
#logbox a:hover span{background:url(../images/css_login_roll.png) 0 0 no-repeat;}
	* html #logbox a:hover span{background:url(../images/css_login.png) 0 0 no-repeat;}
*/

/**/
#center{padding-top:20px; border-bottom:2px solid #d2d2d3; padding-bottom:20px;}
	body#member #center{padding-top:10px;}
#center .hmtxt{float:left; width:595px; margin:5px 25px 0 0;}

	
#center .hmtxt p{color:#87888a; font-size:91%; line-height:1.5; margin:0 0 10px 0;}
#center .hmtxt a{color:#8FC642; text-decoration:none;}
#center .hmtxt a:hover{color:#8FC642; text-decoration:underline;}

/**/
#left{float:left; width:218px; margin:8px 30px 0 0;}
	body#member #left{margin:8px 20px 0 0;}
#left p{color:#87888a; font-size:120%; font-weight:bold; padding-bottom:3px;}
#left ul.subnav{border-top:3px solid #87888A; border-bottom:1px solid #c3c3c4; margin-bottom:30px;}
#left ul.subnav li{background:#f2f2f2; font-weight:bold; border-bottom:2px solid #c3c3c4;}
#left ul.subnav li a{color:#87888a; padding:4px 11px; text-decoration:none; background:url(../images/css_arrow_nav.gif) center right no-repeat; display:block; margin-right:10px;}
	* html #left ul.subnav li a{height:1%;}
#left ul.subnav li a:hover{color:#ff8C17; text-decoration:none;}
#left ul.subnav li.hot a{color:#ff8C17;}
#left ul.subnav li.hot a:hover{color:#ff8C17;}
#left ul.subnav li ul{margin-top:0;}
#left ul.subnav li ul li{border-bottom:none; font-weight:normal; background:#F9F9F9; padding-left:11px;}
#left ul.subnav li ul li a{ padding:2px 11px;}
#left ul.subnav li.hot ul li a{color:#87888a; background:none;}
#left ul.subnav li.hot ul li a:hover{color:#ff8C17;}

#left ul.subnav li.open a{color:#ff8C17;}
#left ul.subnav li.open a:hover{color:#ff8C17;}
#left ul.subnav li.open ul li a{color:#87888a; background:none;}
#left ul.subnav li.open ul li a:hover{color:#ff8C17;}
#left ul.subnav li.open ul li.hot a{color:#ff8C17;}
#left ul.subnav li.open ul li.hot a:hover{color:#ff8C17;}

/**/
#right{float:left; width:636px; }
	body#member #right{width:646px;}
#right p{color:#87888a; font-size:91%; line-height:1.5; margin:0 0 10px 0;}
#right a{color:#8FC642; text-decoration:none;}
#right a:hover{color:#8FC642; text-decoration:underline;}
#right ul{margin:5px 0 5px 10px;}
#right ul li{background:url(../images/css_bg_li.gif) 0 6px no-repeat; padding-left:15px; color:#87888a; font-size:91%;}
#right ul li a{}
#right ul li a:hover{}
#right ul li a{}
#right p.backnews a{background:url(../images/arrow_forward.gif) right center no-repeat; padding-right:10px;}
#right .news h2{color:#87888a;}
#right .news h2 span{font-weight:normal;}

#inleft{float:left; width:306px; margin-right:24px;}
#inright{float:left; width:306px;}
#inright img{padding-top:5px;}
#inright p{margin:0; padding:0;}
.panel{background:url(../images/css_bg_panel.gif) 0 0 no-repeat; padding:15px 10px 5px 15px; margin-top:15px;}
#right .panel ul{margin:5px 0;}
#right .panel ul li{background:none; padding-left:0; font-size:91%; color:#87888a;}
.panel ul li a{color:#87888a; font-weight:bold;}
.panel ul li a:hover{ color:#ff8C17;}
.panelfoot{background:url(../images/css_bg_panel_foot.gif) 0 0 no-repeat; height:10px;}

#inright #adobe{margin:10px 0 0 0; position:relative; width:112px; height:34px; overflow:hidden; color:#fff; font-size:200%; float:right;}
#inright #adobe a{text-decoration:none; cursor:pointer; color:#fff;}
#inright #adobe a span{display:block; position:absolute; left:0; top:0; z-index:1; width:112px; height:34px; background:url(../images/css_bg_adobe.gif) 0 0 no-repeat;}

/**/
#topmem{background:url(../images/css_bg_member.jpg) 0 0 no-repeat; min-height:258px; position:relative; margin:10px 0;}
	* html #topmem{height:258px;}
#intro{position:absolute; left:20px; bottom:25px; width:300px;}
#intro h1{color:#231f20; font-size:150%; border-bottom:none; padding:0; margin:0;}
#intro p{color:#454955; font-size:100%; line-height:1.3; font-weight:bold;}
#intro p.welcome{color:#231f20; font-size:150%; padding:0; margin:0;}

#loan{float:right; width:235px; margin-top:165px; position:relative; padding:10px 0 0 10px;}
#loan a{text-decoration:none; cursor:pointer; color:#fff;}
#loan a span{display:block; position:absolute; left:0; top:0; z-index:1; width:225px; height:76px; background:url(../images/css_loan.png) 0 0 no-repeat;}
	* html #loan a span{left:-10px; top:-25px;}
	
#memleft{float:left; width:646px;}
#memleft h2{font-size:150%;}
#memleft table#row{width:100%;}
.appleft{float:left; width:45px; margin-top:5px;}
.appmid{float:left; width:510px;}
#right .appmid p{font-size:82%; line-height:1.1; margin:0 0 0 0;}
.appright{float:left; width:62px;}
.appright img{width:auto; margin:0 15px; display:block;}
#right .appright p{font-size:75%; line-height:1.1; margin:0 0 5px 0;  font-weight:bold;}
#right .app p{color:#8fc642; text-align:center;}
#right .prog p{color:#c40000; text-align:center;}
#right .pend p{color:#ff8C17; text-align:center;}
#right .app p{color:#87888a; text-align:center;}

/*
#memright{float:left; width:306px;}
#memright h2{font-size:150%;}
#memright .news{padding-top:5px;}
#memright p.title{color:#ff8c17; line-height:1.3; font-weight:bold;}
#memright p.title span{color:#87888a; font-size:91%;}
#memright a{color:#8fc642; text-decoration:none;}
#memright a:hover{color:#8fc642; text-decoration:underline;}
*/

/**/
#topmemld{background:url(../images/css_bg_member.jpg) 0 0 no-repeat; min-height:100px; position:relative; margin:10px 0;}
	* html #topmemld{height:100px;}
#memleftld{}

/**/
#memnav{display:none;}

/**/
#footer{padding-bottom:10px;}
#footer ul{float:left; padding:10px 0; width:500px;}
#footer ul li{display:inline; font-size:86%; font-weight:bold; border-right:2px solid #c3c3c4; padding:1px 5px 1px 2px; }
	* html #footer ul li{padding:1px 2px 1px 5px; }
#footer ul li a{color:#87888a;text-decoration:none;}
#footer ul li.nobord{border:none; padding:0 0 0 2px;}
	* html #footer ul li.nobord{padding:0 0 0 5px; }
#footer ul li.nopad{padding-left:0;}
	* html #footer ul li.nopad{padding:1px 2px 1px 1px;}
#footer ul li a:hover{color:#ff8C17;}

#sg{position:relative; width:145px; height:70px; overflow:hidden; color:#fff; font-size:100%; float:right;}
#sg a{text-decoration:none; cursor:pointer; color:#737d81;}
#sg a span{display:block; position:absolute; left:0; top:0; z-index:1; width:145px; height:70px; background:url(../images/css_logo_sg.gif) 0 0 no-repeat;}

#footline{height:10px; margin:0 auto; width:994px; background:url(../images/css_bg_foot.png) 0 0 no-repeat;}

/* MEMBERS FORMS */
.error{color:red;}

form.loanfrm{}
input.cal{color:#aaa;}
form.loanfrm label{width:180px; float:left;}
form.loanfrm label.wide{width:240px; float:left;}
form.loanfrm label.vwide{width:400px; float:left;}
form.loanfrm label.nofloat{width:auto; float:none;}
#right form.loanfrm input.button{border:1px solid #c3c3c4; background:#fff; color:#87888a; font-size:82%; padding:3px 2px 3px 2px; font-weight:bold; font-size:110%;}
#right form.loanfrm a.submitlink{border:1px solid #c3c3c4; background:#fff; color:#87888a; font-size:82%; padding:2px 2px 2px 2px; font-weight:bold; font-size:110%;}
#right form.loanfrm a.submitlink:hover{text-decoration:none;}
form.loanfrm p{clear:both;}
table.energytbl th{text-align:center; padding:5px 0;color:#87888a;}
table.energytbl td{padding:2px 0 2px 2px;color:#87888a;}
table.energytbl th.bggrey{background:#eee;}
table.energytbl td.bggrey{background:#eee;}
table.energytbl input{width:80px;}
table.energytbl input.tick{width:auto;}
/**/
table.savingstbl{margin-bottom:5px;}
table.savingstbl caption{text-align:left;color:#ff8C17; font-size:110%; font-weight:bold;}
table.savingstbl th{text-align:center; padding:5px 0;color:#87888a; width:130px;}
table.savingstbl td{padding:2px 0 2px 2px;color:#87888a;}
table.savingstbl th.bggrey{background:#eee;}
table.savingstbl td.bggrey{background:#eee;}
table.savingstbl input{width:100px;}
table.savingstbl input.tick{width:auto;}


form.border{margin:10px 0 20px 0;}
form.border label{width:100px; float:left;}
#right form.border a.sub{border:1px solid #c3c3c4; background:#fff; color:#87888a; font-size:82%; padding:2px 2px 2px 2px; font-weight:bold; font-size:110%;}
#right form.border a.sub:hover{text-decoration:none;}

form.regfrm{margin:10px 0 20px 0;}
form.regfrm label{width:120px; float:left;}
form.regfrm input, form.regfrm textarea{width:200px;}
#right form.regfrm a.sub{border:1px solid #c3c3c4; background:#fff; color:#87888a; font-size:82%; padding:2px 2px 2px 2px; font-weight:bold; font-size:110%;}
#right form.regfrm a.sub:hover{text-decoration:none;}

form.ceeffrm{margin:10px 0 20px 0;}
form.ceeffrm label{width:125px; float:left;}
form.ceeffrm label.wide{width:220px; float:left;}
form.ceeffrm label.vwide{width:400px; float:left;}
form.ceeffrm input, form.ceeffrm textarea{width:200px;}
form.ceeffrm input#projectName{width:400px;}

form.ceeffrm input.submit{border:1px solid #c3c3c4; background:#fff; color:#87888a; font-size:82%; padding:2px 2px 2px 2px; font-weight:bold; font-size:110%; width:auto;}
#right form.ceeffrm a.sub{border:1px solid #c3c3c4; background:#fff; color:#87888a; font-size:82%; padding:2px 2px 2px 2px; font-weight:bold; font-size:110%;}
#right form.ceeffrm a.sub:hover{text-decoration:none;}

a.accan{background:url(../images/arrow_back.gif) 0 3px no-repeat; padding-left:10px;}
a.add{background:url(../images/arrow_forward.gif) right 3px no-repeat; padding-right:10px;}

hr{color:#87888a; background:#87888a;}

.print{margin:10px 0;}
.print input{border:1px solid #c3c3c4; background:#fff; color:#87888a; font-size:82%; padding:2px 2px 2px 2px; font-weight:bold; font-size:110%; width:auto;}

/* ADMIN */
table#tbsearch{width:100%; margin-bottom:10px; color:#87888a; clear:both;}
table#tbsearch th{text-align:left; padding:2px 0 2px 2px;}
table#tbsearch td{padding:2px 0 2px 2px;}
.exportlinks{margin:10px 0; clear:both;color:#87888a;}
.pagelinks{float:right;color:#87888a;}
.pagebanner{float:left;color:#87888a;}

table#tbsearch tr th.sortable a{background:url(../images/arrow_sort.gif) no-repeat center right; padding-right:15px;}

table#tbsearch tr.odd {background: #eee; }

/**/
#widefrm{float:left; width:884px;}
#widefrm p{color:#87888a; font-size:91%; line-height:1.5; margin:0 0 10px 0;}
#widefrm a{color:#8FC642; text-decoration:none;}
#widefrm a:hover{color:#8FC642; text-decoration:underline;}            

/* date picker */

input.DatePicker{
	width: 106px;
	padding: 2px 0 1px 24px;
	border: 1px solid #7f9db9;
	background: #fff url(../images/css-date.gif) 1px 1px no-repeat;
	cursor: pointer;
}
input:focus.DatePicker{
	background: #fffce9 url(../images/css-date-focus.gif) 1px 1px no-repeat;
}
.dp_container{
	margin:0 0 0 180px;
	position: relative;
	padding: 0;
	z-index: 500;
}
.dp_cal{
	background-color: #fff;
	border: 1px solid #0070bf;
	position: absolute;
	width: 177px;
	top: 24px;
	left: 0;
	margin: 0px 0px 3px 0px;
}
.dp_cal table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.dp_cal select{
	margin: 2px 3px;
	font-size: 11px;
}
.dp_cal select option{
	padding: 1px 3px;
}
.dp_cal th,
.dp_cal td{
	width: 14.2857%;
	text-align: center;
	font-size: 11px;
	padding: 2px 0;
}
.dp_cal th{
	border: solid #aad4f2;
	border-width: 1px 0;
	color: #797774;
	background: #daf2e6;
	font-weight: bold;
}
.dp_cal td{
	cursor: pointer;
}
.dp_cal thead th{
	background: #d9eefc;
}
.dp_cal td.dp_roll{
	color: #000;
	background: #fff6bf;
}
/* must have this for the IE6 select box hiding */
.dp_hide{
	visibility: hidden;
}
.dp_empty{
	background: #eee;
}
.dp_today{
	background: #daf2e6;
}
.dp_selected{
	color: #fff;
	background: #328dcf;
}

/**/
a.backtop{background:url(../images/arrow_top_grey.gif) center right no-repeat; padding-right:15px;}
a.backtop:hover{background:url(../images/arrow_top_orange.gif) center right no-repeat;}