/* COMMON STYLE



--------------------------------------------------------- */



html, body, form, fieldset {



	margin: 0;



	padding: 0;



}







body {



	color: #000000;



	background: #FFFFFF;



	font-family: Arial, Helvetica, sans-serif;



	line-height: 150%;



	font-size: 13px;



}







body#bd {



	color: #333333;



	background: #FFF url(../images/page_bg.jpg) top center repeat-x;



}







body.contentpane {



	width: auto; /* Printable Page */



	margin: 1em 2em;



	line-height: 1.3em;



	margin: 0px 0px 0px 0px;



	font-size: 12px;



	color: #333;



}



#module-rego {



float: left;



}











/* Normal link */



a {



	color: #006699;



	text-decoration: underline;



}







a:hover, a:active, a:focus {



	color: #333333;



	text-decoration: underline;



}







/* Title text */



.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {



	/*font-family: "Segoe UI", Arial, Helvetica, sans-serif;*/



	color: #0dabc8;



	font-weight: bold;



}







/* Small text */



small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {



	color: #666666;



	font-size: 92%;



}







/* Heading */



h1 {



	font-size: 180%;



}







h2 {



	font-size: 150%;



}







h3 {



	font-size: 125%;



}







h4 {



	font-size: 100%;



	text-transform: none;



}







p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {



	margin: 1em 0;



	padding: 0;



}







h3 { margin:1em 0 .1em 0; }



h4 { margin:1em 0 .1em 0; }







ul {



	list-style: none;



    margin:



}







ul li {



	padding-left: 0px;



	background: url(../images/bullet.gif) no-repeat 18px 8px;



	line-height: 180%;



}







ol li {



	margin-left: 35px;



	line-height: 180%;



}







th {



	padding: 5px;



	font-weight: bold;



	text-align: left;



}







fieldset {



	border: none;



	padding: 10px 5px;



	background: url(../images/hdot2.gif) repeat-x top;



}







fieldset a {



	font-weight: bold;



}







hr {



	border-top: 1px solid #CCCCCC;



	border-right: 0;



	border-left: 0;



	border-bottom: 0;



	height: 1px;



}







td, div {



	font-size: 100%;



}







img {



	border: none;



}



/* FORM



--------------------------------------------------------- */



form {



	margin: 0;



	padding: 0;



}







form label {



	cursor: pointer;



	clear:both;



}







input, select, textarea, .inputbox {



	padding: 3px 5px;



	font-family: Tahoma, Arial, Helvetica, sans-serif;



	font-size: 100%;



}







.button {



	padding: 3px 5px;



	border: 1px solid #333333;



	background: url(../images/grad1.gif) repeat-x top #333333;



	color: #CCCCCC;



	font-size: 85%;



	text-transform: uppercase;



}







.button:hover, .button:focus {



	border: 1px solid #999999;



	background: #333333;



	color: #FFFFFF;



}







* html .button {



	padding: 2px 0 !important; /*IE 6*/



}







*+html .button {



	padding: 2px 0 !important; /*IE 7*/



}







.inputbox {



	border: 1px solid #CCCCCC;



	background: #FFFFFF;



}







.inputbox:hover, .inputbox:focus {



	background: #FFFFCC;



}







/* BONUS TYPOGRAPHY STYLES



--------------------------------------------------------- */



pre, .code {



	padding: 10px 15px;



	margin: 5px 0 15px;



	border-left: 5px solid #999999;



	background: #FFFFFF;



	font: 1em/1.5 "Courier News", monospace;



}







blockquote {



	padding: 1em 40px 1em 15px;



}







blockquote span.open {



	padding: 0 0 0 20px;



	background: url(../images/so-q.gif) no-repeat left top;



}







blockquote span.close {



	padding: 0 20px 0 0;



	background: url(../images/sc-q.gif) no-repeat bottom right;



}







/* Quote hilight */



.quote-hilite {



	padding: 10px 15px;



	margin: 0;



	border: 1px solid #CACACC;



	background: #FFFFFF;



}







/* Small quote */



.small-quote {



	margin: 0;



	padding: 0;



	background: none;



}







.small-quote span.open-quote {



	margin: 0;



	padding-left: 20px;



	background: url(../images/so-q.gif) no-repeat center left;



}







.small-quote span.close-quote {



	margin: 0;



	padding-right: 20px;



	background: url(../images/sc-q.gif) no-repeat center right;



}







.small-quote span.author {



	padding: 2px 5px 2px 20px;



	border-top: 1px solid #DCDDE0;



	margin: 0.5em 0 0;



	display: block;



	background: url(../images/author.gif) no-repeat 5px 4px #EAEBEE;



	font-size: 90%;



	text-transform: uppercase;



}







/* Rropcap */



.dropcap {



	float: left;



	padding: 4px 8px 0 0;



	display: block;



	color: #999999;



	font: 50px/40px Georgia, Times, serif;



}







/* Tips, Error, Message, Hightlight*/



p.error {



	padding-left: 25px;



	color: #BF0000;



	background: url(../images/icon-error.gif) no-repeat top left;



}







p.message {



	padding-left: 25px;



	color: #006699;



	background: url(../images/icon-info.gif) no-repeat top left;



}







p.tips {



	padding-left: 25px;



	color: #EE9600;



	background: url(../images/icon-tips.gif) no-repeat top left;



}







.highlight {



	padding: 1px 5px;



	background: #FFFFCC;



	font-weight: bold;



}







/* Note Style */



p.stickynote {



	padding: 10px 0px 10px 40px;



	border: 1px solid #CACACC;



	background: url(../images/sticky-bg.gif) no-repeat 5px center #FFFFFF;



}







p.download {



	padding: 10px 0px 10px 40px;



	border: 1px solid #CACACC;



	background: url(../images/download-bg.gif) no-repeat 5px center #FFFFFF;



}







.blocknumber {



	clear: both;



	padding: 5px 15px 10px;



	position: relative;



}







/* Check list */



ul.checklist {



	list-style: none;



}







ul.checklist li {



	margin-left: 15px;



	padding: 0 0 5px 20px;



	background: url(../images/checklist-bg.gif) no-repeat 0 3px;



}







/* Small checklist */



ul.small-checklist {



	list-style: none;



}







ul.small-checklist li {



	margin-left: 15px;



	padding: 0 0 5px 20px;



	background: url(../images/icon_list.gif) no-repeat 0 3px;



}







/* Check list */



ul.stars {



	list-style: none;



}







ul.stars li {



	margin-left: 15px;



	padding: 0px 0 5px 20px;



	background: url(../images/star-bg.gif) no-repeat 0 3px;



}







/* Bignumber */



.bignumber {



	float: left;



	margin-right: 8px;



	padding: 6px 7px;



	display: block;



	background: url(../images/ol-bg.gif) no-repeat top left;



	color: #7BA566;



	font: bold 20px/normal Arial, sans-serif;



}







/* Talking box. Thinking box. */



div.bubble1, div.bubble2, div.bubble3, div.bubble4 {



	margin: 15px 0;



}







div.bubble1 span.author,



div.bubble2 span.author,



div.bubble3 span.author,



div.bubble4 span.author {



	padding-left: 15px;



	margin-left: 15px;



	background: url(../images/author.gif) no-repeat center left;



	font-weight: bold;



}







div.bubble1 div {



	margin: 0;



	width: 100%;



	background: url(../images/bub1-br.gif) no-repeat bottom right;



}







div.bubble1 div div {



	background: url(../images/bub1-bl.gif) no-repeat bottom left;



}







div.bubble1 div div div {



	background: url(../images/bub1-tr.gif) no-repeat top right;



}







div.bubble1 div div div div {



	background: url(../images/bub1-tl.gif) no-repeat top left;



}







div.bubble1 div div div div div {



	margin: 0;



	padding: 15px 15px 30px 15px;



	width: auto;



}







div.bubble2 div {



	margin: 0;



	width: 100%;



	background: url(../images/bub2-br.gif) no-repeat bottom right;



}







div.bubble2 div div {



	background: url(../images/bub2-bl.gif) no-repeat bottom left;



}







div.bubble2 div div div {



	background: url(../images/bub2-tr.gif) no-repeat top right;



}







div.bubble2 div div div div {



	background: url(../images/bub2-tl.gif) no-repeat top left;



}







div.bubble2 div div div div div {



	margin: 0;



	padding: 15px 15px 35px 15px;



	width: auto;



}







div.bubble3 div {



	margin: 0;



	width: 100%;



	background: url(../images/bub3-br.gif) no-repeat bottom right;



}







div.bubble3 div div {



	background: url(../images/bub3-bl.gif) no-repeat bottom left;



}







div.bubble3 div div div {



	background: url(../images/bub3-tr.gif) no-repeat top right;



}







div.bubble3 div div div div {



	background: url(../images/bub3-tl.gif) no-repeat top left;



}







div.bubble3 div div div div div {



	margin: 0;



	padding: 15px 15px 50px 15px;



	width: auto;



}







div.bubble4 div {



	margin: 0;



	width: 100%;



	background: url(../images/bub4-br.gif) no-repeat bottom right;



}







div.bubble4 div div {



	background: url(../images/bub4-bl.gif) no-repeat bottom left;



}







div.bubble4 div div div {



	background: url(../images/bub4-tr.gif) no-repeat top right;



}







div.bubble4 div div div div {



	background: url(../images/bub4-tl.gif) no-repeat top left;



}







div.bubble4 div div div div div {



	margin: 0;



	padding: 15px 15px 55px 15px;



	width: auto;



}







/* Legend */



.legend-title {



	margin: 0;



	padding: 0 3px;



	float: left;



	display: block;



	background: #F6F6F6;



	font-weight: bold;



	position: absolute;



	top: -10px;



	left: 7px;



}







.legend {



	margin: 20px 0;



	padding: 0 10px;



	border: 1px solid #CACACC;



	background: #FFFFFF;



	position: relative;



}







/* JOOMLA STYLE



--------------------------------------------------------- */



table.blog {



}







.article_separator {



	clear: both;



	display: block;



	height: 20px;



}







.article_column {



}







.column_separator {



	padding: 0 25px;



}







/* content tables */



td.sectiontableheader {



  padding: 4px;



  border-right: 1px solid #fff;



}







tr.sectiontableentry0 td,



tr.sectiontableentry1 td,



tr.sectiontableentry2 td {



  padding: 4px;



}







td.sectiontableentry0,



td.sectiontableentry1,



td.sectiontableentry2 {



  padding: 3px;



}







table.contentpane {



	border: none;



	width: 100%;



}







table.contentpaneopen {



	border: none;



	border-collapse: collapse;



	border-spacing: 0;



}







table.contenttoc {



	margin: 0 0 10px 10px;



	padding: 0;



	width: 35%;



	float: right;



}







table.contenttoc a {



	text-decoration: none;



}







table.contenttoc td {



	padding: 1px 5px 1px 25px;



	background: url(../images/bullet-list.gif) no-repeat 5% 50%;



}







table.contenttoc th {



	padding: 0 0 3PX;



	border-bottom: 1px solid #CCCCCC;



	text-indent: 5px;



}







table.poll {



	padding: 0;



	width: 100%;



	border-collapse: collapse;



}







table.pollstableborder {



	padding: 0;



	width: 100%;



	border: none;



	text-align: left;



}







table.pollstableborder img {



	vertical-align: baseline;



}







table.pollstableborder td {



	padding: 4px!important;



	border-collapse: collapse;



	border-spacing: 0;



}







table.pollstableborder tr.sectiontableentry1 td {



	background: #ECECEC;



}







table.searchintro {



	padding: 10px 0;



	width: 100%;



}







table.searchintro td {



	padding: 5px!important;



}







table.adminform {



}







.adminform .inputbox {



}







.blog_more {



	padding: 10px 0;



	background: url(../images/hdot.gif) repeat-x top;



}







.blog_more strong {



	margin: 0 0 5px;



	display: block;



	font-size: 125%;



}







.blog_more ul {



	margin: 0;



	padding: 0;



}







.blog_more ul li {



	margin: 0;



	padding: 0 0 0 17px;



	background: url(../images/bullet.gif) no-repeat 6px 8px;



}







.category {



	font-weight: bold;



}







h1.componentheading, .componentheading {



	padding: 5px 0 15px;



	margin: 0 0 10px;



	background: url(../images/hdot.gif) repeat-x bottom;



}







.componentheading {



	font-size: 200%;



	font-weight: bold;



}







.contentdescription {



	padding-bottom: 30px;



}







h2.contentheading, .contentheading {



	padding: 5px 0 8px;



	margin: 0;



	font-weight: normal;



}







table.blog .contentheading {



	font-size: 150%;



}







.contentheading {



	font-size: 200%;



    line-height:1.2;



}







a.contentpagetitle,



a.contentpagetitle:hover,



a.contentpagetitle:active,



a.contentpagetitle:focus {



	text-decoration: none !important;



}







a.readon {



	float: left;



	margin-top: 10px;



	padding: 1px 5px 1px 14px;



	border: 1px solid #F6F6F6;



	display: block;



	background: url(../images/arrow.png) no-repeat 5px 48%;



	color: #006699;



	font-weight: bold;



	text-decoration: none;



	text-transform: uppercase;



}







a.readon:hover, a.readon:active, a.readon:focus {



	border: 1px solid #ECECEC;



	background: url(../images/arrow.png) no-repeat 5px 48% #FFFFFF;



}







table.contentpaneopen td, table.contentpane td {



}







table.contentpaneopen, table.contentpane, table.blog {



	width: 100%;



}







.moduletable {



	padding: 0;



}







ul.pagination {



	margin: 15px auto;



	padding: 10px 0;



	background: url(../images/hdot.gif) repeat-x top;



}







ul.pagination li {



	margin: 0;



	padding: 0;



	display: inline;



	background: none;



}







ul.pagination li span{



	padding: 2px 5px;



}







ul.pagination a {



	padding: 2px 5px;



	border: 1px solid #F6F6F6;



}







ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {



	border: 1px solid #ECECEC;



	background: #FFFFFF;



}







.pagenavbar {



	padding-left: 14px;



}







.pagenavcounter {



	padding: 8px 14px 0 14px;



}







.sectiontableheader {



	padding: 8px 5px;



	background: #444444;



	color: #FFFFFF;



}







.sectiontableheader a {



	color: #FFFFFF;



}







tr.sectiontableentry1 td {



	padding: 8px 5px;



	background: url(../images/hdot2.gif) repeat-x bottom;



}







tr.sectiontableentry2 td {



	padding: 8px 5px;



	background: url(../images/hdot2.gif) repeat-x bottom #ECECEC;



}







tr.sectiontableentry1:hover td,



tr.sectiontableentry2:hover td {



	background: url(../images/hdot2.gif) repeat-x bottom #FFFFCC;



}







.smalldark {



	text-align: left;



}







div.syndicate div {



	text-align: center;



}







.pollstableborder tr.sectiontableentry1 td,



.pollstableborder tr.sectiontableentry2 td {



	background: none;



}







/* META



--------------------------------------------------------- */



.article-tools {



	border-top: 1px solid #DDDDDD;



	width: 100%;



	float: left;



	clear: both;



	margin-bottom: 15px;



	display: block;



	background: #ECECEC;



}







.article-meta {



	padding: 5px;



	width: 80%;



	float: left;



}







.createby {



	padding: 3px 3px 3px 20px;



	background: url(../images/icon-user.gif) no-repeat 0 2px;



}







.createdate {



	padding: 3px 3px 3px 20px;



	background: url(../images/icon-date.gif) no-repeat 0 2px;



}







.modifydate {



	width: 100%;



	float: left;



}







div.buttonheading {



	float: right;



	width: 15%;



}







.buttonheading img {



	margin: 7px 5px 0 0;



	border: 0;



	float: right;



}







/* MAIN LAYOUT DIVS



--------------------------------------------------------- */



#wrapper {



	width: 960px;



	margin: 0px auto;



	padding-top: 20px;



}





#left-content {

	

	width: 630px;

	

	float: left;

	

	margin: 10px;

	

	margin-left: 0px;

	

	

	

}



#left-content-wide {

	

	width: 700px;

	

	float: left;

	

	margin: 10px;

	

	margin-left: 0px;

	

	

	

}





#right-content {

	

	width: 315px;

	

	float: left;

	

	

	

}



.clearer {



	clear: both;	

	

}





/* LEFT CONTENT



--------------------------------------------------------- */



#component-content {

	

	width: 500px;

		

	float: left;

	

	

}



.moduletable-panel-banner-bg {

	

	width: 615px;

	

	height: 220px;

	

	background: url(../images/new-images/panel-banner-bg.jpg) no-repeat;	

	

	text-align: center;

	

	color: #fff;

	

	font-size: 1.6em;

	

}





	.moduletable-panel-banner-bg a {

	

		color: #fff;

	

	}

	

	.moduletable-panel-banner-bg strong {

	

		font-size: 1.2em;

	

	}

	



.moduletable-offer-bg {

	

	border: 1px solid #bdd5d1;

	

	margin-bottom: 15px;

	

}



	.moduletable-offer-bg h2, h3 {

	

		margin: 0px;

		padding: 0px;

		margin-bottom: 10px;

		color: #055091;

	

	}

	

	.moduletable-offer-bg h3 .orange {

	

		padding: 0px;

		margin: 0px;

	

	}

	

	.moduletable-offer-bg .blue {

	

		color: #055091;

	

	}

	

	.moduletable-offer-bg .light-blue {

	

		color: #0dabc8;

	

	}

	

	.moduletable-offer-bg .orange {

	

		color: #ff6c00;

	

	}

	

#offer-content {



	margin-top: 10px;	

	

}



	#offer-content img {

	

		padding: 0px;

		

		margin: 0px;

	}

	

#left-offer {



	float: left;	

	

}



#right-offer {



	float: left;	

	

	margin-left: 15px;

	

}



#left-offer .moduletable-offer-bg {

	

	width: 320px;

	

	padding: 10px;

	

	padding-bottom: 18px;

	

}

#left-offer .moduletable-offer-bg-event {

	

	width: 320px;

	

	/*padding: 10px;*/

	

	padding-bottom: 18px;

	

}



#right-offer .moduletable-offer-bg {

	

	width: 250px;

	

	text-align: center;

	

}



#right-offer .moduletable-offer-bg table {



	text-align: left;	

	

	margin-left: 15px;

	

}



#full-offer .moduletable-offer-bg {

	

	padding: 20px;

	

	width: 610px;

	

}



.moduletable-rotating-news {

	

	margin-top: 30px;	

	

}









/* HEADER



--------------------------------------------------------- */



#containerwrap-f{



	margin: 0px;



}







#headerwrap {



	line-height: normal;



	height: 111px;



	margin: 0px;



}







#header {



	position: relative;



	height: 80px;



}







.headermask {



	width: 602px;



	display: block;



	height: 80px;



	position: absolute;



	top: 0;



	right: -1px;



}







#header a {



	color: #CCCCCC;



}







h1.logo, 



h1.logo-text,



h2.logo, 



h2.logo-text {



	margin: 0px;



	padding: 0;



	font-size: 180%;



	text-transform: uppercase;



	display: inline;



}







h1.logo a {



	width: 208px;



	display: block;



	background: url(../images/logo.png) no-repeat;



	height: 80px;



	position: relative;



	z-index: 100;



}







h1.logo a span {



	position: absolute;



	top: -1000px;



}







h1.logo-text a {



	color: #CCCCCC !important;



	text-decoration: none;



	outline: none;



	position: absolute;



	bottom: 40px;



	left: 5px;



}







p.site-slogan {



	margin: 0;



	padding: 0;



	padding: 2px 5px;



	color: #FFFFFF;



	background: #444444;



	font-size: 92%;



	position: absolute;



	bottom: 20px;



	left: 0;



}







/* Search */



#search {



	padding-left: 20px;



	background: url(../images/icon-search.gif) no-repeat center left;



	position: absolute;



	bottom: 15px;



	right: 0;



}







#search .inputbox {



	width: 120px;



	border: 1px solid #333333;



	padding: 3px 5px;



	color: #999999;



	background: #444444;



	font-size: 92%;



}







/* MAIN NAVIGATION



--------------------------------------------------------- */







#pathway {



	font-size: 92%;



	padding: 10px 20px;



	margin-bottom: 25px;



	background-color: #1f74bd;



	color: #FFF;



}







#pathway strong {



	margin-right: 5px;



	font-weight: normal;



}







#pathway a {



	text-decoration: underline;



	color: #FFF;



}







#pathway img {



	margin: 1px 5px;



}







/* MODULE



--------------------------------------------------------- */



div.moduletable,



div.moduletable_text {



	padding: 0 0 20px;



	margin-bottom: 15px;



	background: url(../images/hdot.gif) repeat-x bottom;



}







div.moduletable h3,



div.moduletable_menu h3,



div.moduletable_text h3 {



	padding: 0 0 8px;



	margin: 0;



	color: #7BA566;



	font-size: 125%;



	font-weight: bold;



	text-transform: uppercase;



}







/* Module rounded */



div.module h3 {



	margin: 0 -15px 10px;



	padding: 8px 15px 5px;



	border-bottom: 2px solid #F6F6F6;



	color: #7BA566;



	font-size: 125%;



	font-weight: bold;



	text-transform: uppercase;



}







div.module_black,



div.module_green,



div.module_blue,



div.module_red,



div.module {



	margin-bottom: 20px;



	float: left;



	clear: both;



	width: 100%;



	background: url(../images/b-br.gif) no-repeat bottom right #FFFFFF;



}







div.module div {



	background: url(../images/b-bl.gif) no-repeat bottom left;



}







div.module div div {



	background: url(../images/b-tr.gif) no-repeat top right;



}







div.module div div div {



	padding: 0 15px 10px;



	background: url(../images/b-tl.gif) no-repeat top left;



}







div.module_black div div div div,



div.module_green div div div div,



div.module_blue div div div div,



div.module_red div div div div,



div.module_text div div div div,



div.module div div div div {



	margin: 0;



	padding: 0;



	float: none;



	width: 99%;



	background: none;



}







div.module_text h3 {



	margin: 0 0 10px;



	width: 100%;



	clear: both;



	display: block;



	overflow: hidden;



}







div.module_text span {



	padding: 0 3px 0 0;



	float: left;



	clear: both;



	display: block;



	background: #F6F6F6;



	font-weight: bold;



}







div.module_text {



	margin-bottom: 20px;



	padding: 0;



	float: left;



	clear: both;



	width: 100%;



	background: url(../images/bt-br.gif) no-repeat bottom right #F6F6F6;



}







div.module_text div {



	background: url(../images/bt-bl.gif) no-repeat bottom left;



}







div.module_text div div {



	background: url(../images/bt-tr.gif) no-repeat top right;



}







div.module_text div div div {



	padding: 0 15px 10px;



	display: block;



	background: url(../images/bt-tl.gif) no-repeat top left;



}







div.banneritem_text {



	padding: 5px 0 !important;



}







/* red */



div.module_black h3,



div.module_green h3,



div.module_blue h3,



div.module_red h3 {



	margin: 0 -15px 10px;



	padding: 8px 15px 5px;



	border-bottom: 1px solid #F6F6F6;



	color: #FFFFFF;



	font-size: 125%;



	font-weight: bold;



	text-transform: uppercase;



}







div.module_red {



	background: url(../images/br-br.gif) no-repeat bottom right #BF0000;



	color: #FFFFFF;



}







div.module_red div {



	background: url(../images/br-bl.gif) no-repeat bottom left;



}







div.module_red div div {



	background: url(../images/br-tr.gif) no-repeat top right;



}







div.module_red div div div {



	padding: 0 15px 10px;



	background: url(../images/br-tl.gif) no-repeat top left;



}







/* blue */



div.module_blue {



	background: url(../images/bb-br.gif) no-repeat bottom right #006699;



	color: #FFFFFF;



}







div.module_blue div {



	background: url(../images/bb-bl.gif) no-repeat bottom left;



}







div.module_blue div div {



	background: url(../images/bb-tr.gif) no-repeat top right;



}







div.module_blue div div div {



	padding: 0 15px 10px;



	background: url(../images/bb-tl.gif) no-repeat top left;



}







/* green */



div.module_green {



	background: url(../images/bg-br.gif) no-repeat bottom right #7BA566;



	color: #FFFFFF;



}







div.module_green div {



	background: url(../images/bg-bl.gif) no-repeat bottom left;



}







div.module_green div div {



	background: url(../images/bg-tr.gif) no-repeat top right;



}







div.module_green div div div {



	padding: 0 15px 10px;



	background: url(../images/bg-tl.gif) no-repeat top left;



}







/* black */



div.module_black {



	background: url(../images/bl-br.gif) no-repeat bottom right #333333;



	color: #FFFFFF;



}







div.module_black div {



	background: url(../images/bl-bl.gif) no-repeat bottom left;



}







div.module_black div div {



	background: url(../images/bl-tr.gif) no-repeat top right;



}







div.module_black div div div {



	padding: 0 15px 10px;



	background: url(../images/bl-tl.gif) no-repeat top left;



}







div.module_blue ul,



div.module_blue ol,



div.module_red ul,



div.module_red ol,



div.module_black ul,



div.module_black ol,



div.module_green ul,



div.module_green ol {



	margin: 0;



	padding: 0;



}







div.module_blue li,



div.module_red li,



div.module_black li,



div.module_green li {



	margin-left: 20px;



	padding: 0;



	line-height: 150%;



}







div.module_blue a,



div.module_red a,



div.module_black a,



div.module_green a {



	color: #FFFFFF;



}







div.advs {



	float: left;



	width: 100%;



	clear: both;



	display: block;



}







/* LEFT COLUMN + RIGHT COLUMN



--------------------------------------------------------- */



#col1 {



	float: left;



	width: 190px;



    _width:160px;



	overflow: hidden;



	padding-top: 20px;

	

	



}







#col2 {



	float: left;



	width: 220px;



	overflow: hidden;



}







#col1 table,



#col2 table {



	border-collapse: collapse;



	border-spacing: 0;



}











#col1 ul, #col2 ul {



	margin: 0;



}







#col1 ol, #col2 ol {



	margin-left: 5px;



}







#col1 .article_separator,



#col2 .article_separator {



	display: none;



}











#col2 .moduletable_boxed{



	background-color: #FFF;



	border: 1px solid #d6f0f7;



	text-align: center;



	padding: 0px 10px 15px 10px;



	margin-bottom: 15px; 



}



#col2 .moduletable_boxed h3{



	color: #055091;



	font-size: 150%;



	font-weight: normal;



}



#col2 .moduletable_boxed a{



	color: #FFF;



	background-color: #055091;



	display: block;



	padding: 5px 0px;



    font-size:110%;



	text-decoration: none;



}







/* SPOTLIGHT



--------------------------------------------------------- */



/* Spotlight Box Style */



.box-full, .box-left, .box-center, .box-right {



	float: left;



	overflow: hidden;



}







.box-left div.moduletable,



.box-full div.moduletable {



	padding-right: 30px;



	background: none;



}







.box-right div.moduletable {



	padding-left: 30px;



	background: url(../images/vdot2.gif) repeat-y left;



}







.box-center div.moduletable {



	padding: 0 30px;



	background: url(../images/vdot2.gif) repeat-y left;



}







#botsl h3 {



	background: none;



}







#botslwrap {



	border-top: 5px solid #CCCCCC;



	background: #444444;



	color: #CCCCCC;



}







#botsl {



	padding: 15px 0;



}







#botsl div.moduletable {



	padding-top: 0;



	padding-bottom: 0;



	margin: 0;



}







#botsl h3 {



	margin: 0 0 12px;



	padding: 0;



	color: #FFFFFF;



}







#botsl a {



	color: #CCCCCC;



}







#botsl a:hover, #botsl a:active, #botsl a:focus {



	color: #FFFFFF;



}







#botsl ul, #botsl p, #botsl ol {



	padding: 0;



	margin: 0 !important;



}







#botsl ul li {



	padding: 0 0 0 15px;



	margin: 0;



	background: url(../images/bullet2.gif) no-repeat 3px 8px;



}







#botsl ol li {



	margin-left: 25px;



	padding: 0 !important;



}







#botsl td {



	padding: 0;



}







#botsl .article_separator {



	display: none;



}







#botsl table {



	border-spacing: 0;



	border-collapse: collapse;



}







/* FOOTER



--------------------------------------------------------- */



#footerwrap {



	border-top: 1px solid #F93;



	padding: 20px 0 30px;



	clear: both;



	margin: 0px;



}



.s-h2 #footerwrap{



	margin: 0px;



}







#footer {



	padding: 0;



	color: #F93;



	position: relative;



}







#footer .copyright {



	clear: both;



	float: right;



	display: block;



	color: #F93;



	font-style: normal;



	text-align: right;



}























.cert {



	font-size: 92%;



	position: absolute;



	right: 0;



	top: 18px;



}







.cert a {



	margin: 0 0 0 5px;



	padding: 0;



	border: none;



	border: none;



	text-decoration: none;



}







.cert a span {



	display: none;



}







.cert a img {



	border: none;



}







.banneritem {



	display: block;



	margin-top: 15px;



}







/* MISCELLANOUS



----------------------------------------------------------- */



ul.accessibility {



	position: absolute;



	top: -100%;



}







/*usertool*/



ul.usertools-font {



	font-size: 100%;



	position: absolute;



	top: 8px;



	right: 70px;



}







ul.usertools-font li {



	padding: 0;



	margin: 0;



	display: inline;



	background: none;



}







/*collapsible h3*/



h3.show {



	background: url(../images/arrow2.png) no-repeat 90% 60%;



	cursor: pointer;



}







h3.hide {



	background: url(../images/arrow3.png) no-repeat 90% 60%;



	cursor: pointer;



}







/*others*/



#banner {



	margin: 15px 0;



}







div.back_button a,



div.back_button a:hover,



div.back_button a:active {



	margin: 10px 0;



	display: block;



	background: none!important;



	text-decoration: none!important;



}







#form-login p {



	margin: 0 0 5px;



}







#form-login ul {



	margin: 10px 0 0;



}







#form-login .inputbox {



	width: 90%;



}







.clr {



	clear: both;



}







.hasTip img {



	margin: 10px 5px 0 0;



	border: none;



}







/* Tooltips */



.tool-tip {



	float: left;



	border: 1px solid #D4D5AA;



	padding: 5px;



	background: #FFFFCC;



	max-width: 200px;



}







.tool-title {



	padding: 0;



	margin: 0;



	margin-top: -15px;



	padding-top: 15px;



	padding-bottom: 5px;



	background: url(../../system/images/selector-arrow.png) no-repeat;



	font-size: 100%;



	font-weight: bold;



}







.tool-text {



	margin: 0;



	font-size: 100%;



}







#system-message dd.message ul,



#system-message dd.error ul,



#system-message dd.notice ul {



	padding: 0;



	margin: 0;



}







#system-message dd.message ul li,



#system-message dd.error ul li,



#system-message dd.notice ul li {



	background: none;



	padding: 5px;



	margin: 0;



	color: #FFFFFF;



}







/* System Standard Messages */



#system-message dd.message ul {



	background: #006699;



	border: none;



}







/* System Error Messages */



#system-message dd.error ul {



	background: #BF0000;



	border: none;



}







/* System Notice Messages */



#system-message dd.notice ul {



	background: #EE9600;



	border: none;



}







/* Clearfix */



.clearfix:after {



	clear: both;



	display: block;



	content: ".";



	height: 0;



	visibility: hidden;



}







* html > body .clearfix {



	width: 100%;



	display: block;



}







* html .clearfix {



	height: 1%;



}







/* Firefox Scrollbar Hack - Do not remove */



html {



	margin-bottom: 1px;



	height: 100%!important;



	height: auto;



}











/* Salsa Additions */



.logo{



	/*height: 96px;



	width: 75px;*/

	

	

	width: 220px;

	

	height: 100px;



	overflow: hidden;



	position: relative;



	float: left;



	margin: 0px;



}



	.logo img{



		position: absolute;



		top: 15px;



		left: 0px



	}







#above_footer_wrap{



	margin: 0px;



}



.s-h2 #above_footer_wrap{



	margin: 0px;



}



	#above_footer_wrap div{



		width: 305px;

		

		float: left;



		text-transform: uppercase;



		padding: 0px;



		font-size: 120%;



		font-family: Helvetia, Arial, Tahoma;

		

		font-weight: bold;



		color: #055091;



		background-color: #F93;



		margin: 30px 0px 0px 0px;

		

		position: relative;

		

		bottom: 0px;



	}



		#above_footer_wrap div span{



			color: #FFF;



		}

		

	#above_footer_wrap .moduletable-clean-energy {

	

		background: #fff;

		

		width: 600px;

		

		float: right;

		

		margin: 0px;

	

	}



	



#mainnavwrap{



	float: right;



	background: url(../images/the_power_behind_a_renewable_future.jpg) 5px 20px no-repeat;



	height: 49px;



	padding-top: 50px;



	width: 726px;



}



	



div#banner{



	width: 980px;



	margin: 0px auto;



}







div.module-flash{



	height: 242px;



	width: 640px;



	float: left;



	background: url(../images/banner_holder.jpg) top left no-repeat;



}







div.module-calcstart{



	float: left;



	background: url(../images/home_savings_calculator_bg.jpg) top left no-repeat;



	height: 192px;



	width: 244px;



	padding: 25px 36px;



	color: #055091;



	font-size: 100%;



}







#col2 #calcstart{







}











	div.module-calcstart h3{



		text-indent: -12000px;



		height: 45px;



		margin: 0px;



	}



	



	div.module-calcstart p{







	}



	



	div.module-calcstart label{



		float: left;



		color: #ff6c00;



		line-height: 14px;



		width: 95px;



		height: 12px;



		display: block;



		padding-top: 9px;



	}



	



	div.moduletable_boxed #calcstart input,



	div.module-calcstart input{



		border: 1px solid #b5b5b5;



		width: 138px;



		height: 24px;



		margin-bottom: 4px;



		text-align: center;



		font-size: 200%;



		font-weight: bold;



		padding:2px;



	}



	div.module-calcstart select{



		width: 144px;



		margin-bottom: 4px;



	}



	div.moduletable_boxed #calcstart input.empty{



		color: #ccc;



		font-size: 100%;



		font-weight: normal;



	}



	div.moduletable_boxed #calcstart input.submit,



	div.module-calcstart input.submit{



		border-color: #055091;



		background-color: #055091;



		color: #FFF;



		height: 30px;



		width: 163px;



		font-size: 110%;



		cursor: pointer;



	}



	div.module-calcstart input.submit {



		margin:0 0 0 96px;



		width: 143px;



	}



	



	div.moduletable_boxed #calcstart p{



		padding: 0px 10px;



	}



	div.moduletable_boxed #calcstart input{



		width: 170px;



	}



	div.moduletable_boxed #calcstart input.submit{



		border: 1px solid #F93;



		background-color: #F93;



		width: 182px;



	}























div.moduletable-enquiry{



	float: left;



	background: url(../images/home_product_enquiry_bg.jpg) top left no-repeat;



	height: 357px;



	width: 270px;



	padding: 25px 35px;



	color: #055091;



	font-size: 110%;



}







	div.moduletable-enquiry h3{



		text-indent: -12000px;



		height: 50px;



		margin: 0px;



	}



	



	div.moduletable-enquiry .question{



		clear: both;



		padding: 4px 0px;;



	}



	



	div.moduletable-enquiry label{



		float: left;



		line-height: 14px;



		width: 100px;



		display: block;



		padding-top: 5px;



	}



	



	div.moduletable-enquiry input{



		border: 1px solid #b5b5b5;



		width: 136px;



	}	



	div.moduletable-enquiry input.invalid{



		border-color: #F00;



	}



	div.moduletable-enquiry select{



		border: 1px solid #b5b5b5;



		width: 148px;



	}



	div.moduletable-enquiry input.submit{



		border-color: #055091;



		background-color: #055091;



		color: #FFF;



		height: 30px;



		width: 148px;



		font-size: 110%;



		cursor: pointer;



		font-weight: bold;



	}



















div.moduletable-aboutnue{



	float: left;



	background: url(../images/about_nue.jpg) top left no-repeat;



	height: 259px;



	width: 258px;



	padding: 25px 25px;



}



	div.moduletable-aboutnue h3{



		text-indent: -12000px;



		height: 50px;



		margin: 0px;



	}



	div.moduletable-aboutnue img {



		float: left; 

		

		margin: 10px; 

		

		margin-bottom: 5px;



	}



	div.moduletable-aboutnue p{



		margin:0 0 1.3em 0;



	}



	



	



	



	



	







	div.moduletable-renewable{



		float: left;



		width: 300px;



		padding: 0px 10px;



        margin-right:0px;



	}







		div.moduletable-renewable h3{



			background: url(../images/renewable_energy.jpg) top left no-repeat;



			height: 25px;



			width: 207px;



			margin-top: 34px;



			text-indent: -12000px;



		}



		div.moduletable-renewable a{



			display:block;



		}







		div.moduletable-renewable p{



			padding-bottom: 10px;



		}



		div.moduletable-renewable img.solar{



			padding-right: 40px;



		}

		

		div.moduletable-renewable li {

		

			margin-left: 10px;

			

			padding-left: 10px;

			

			list-style: circle;

		

		}







/*div.moduletable-renewable li { padding:0; margin:0 line-height:1em; }*/











	div.moduletable-schools{



		float: left;



		padding-top: 10px;



	}



		div.moduletable-schools a#blackboard {



			float:right;



		}



		div.moduletable-schools a {



			color:#0DABC8;



		}



		div.moduletable-schools p {



			clear:both; 

			

			padding:10px 0 0 0;



		}



		div.moduletable-schools h3{



		    display:none;



			background: url(../images/blackboard.jpg) top right no-repeat;



			height: 217px;



			width: 100%;



			text-indent: -12000px;



		}



		



.col {



	float:left;



	width:230px;



}		



















#salsa_footer { float:right; clear:both; margin:3px 0 0 0; position: absolute; left: -12000px; }



#salsa_footer a { color:#FF9933; }







table tr td { padding:5px; }







#content li { list-style:disc; line-height:1.3;margin-bottom:.6em}







#content ul{



  margin-left:30px;



}











.clear_float { width:100%; height:1px; margin:0 0 -1px 0; clear:both; }







.jcepopup { text-align:center; display:block; }



.jcepopup span { margin:auto; padding:2px; margin:10px 0; }







p { padding:0; margin:0 0 1.4em 0; line-height:1.3em; }







.highlight-pink{



  color:#4bacc6;



  font-weight:bold;



}







#flashcontent{



  z-index:0;



  position:absolute;



}











table.job				{ border:1px solid #e9e9e9; width:500px; color:#2b2b2b; }



table.job tr			{ padding:1px; }



table.job th			{ font-size:1.0em; width:170px; padding:4px; vertical-align:top; }



table.job td			{ font-size:0.9em; padding:4px; vertical-align:top; }



table.job td.image		{ text-align:center; }



table.job th.installation { text-align:center; }



table.job tr.odd td, table.job tr.odd th { background:#dfedfa; }



table.job tr.even td, table.job tr.even th	{ background:#f2f6fa; }



table.job tr.header td	{ background:#2b2b2b; color:#fffeff; font-weight:bold; font-size:1.2em; padding:8px 6px; }







div.moduletable_boxed #calcstart.schoolenquiry{



    text-align:left;



}







div.moduletable_boxed #calcstart.schoolenquiry .invalid{



  border:1px solid red;



}











div.moduletable_boxed #calcstart.schoolenquiry input{



    height:15px;



    font-size:12px;



    font-weight:normal;



    text-align:left;



    width:95%;



}







div.moduletable_boxed #calcstart.schoolenquiry textarea{



    border:1px solid #B5B5B5;



    width:190px;



    padding:1px;



    width:95%;



    height:60px;



}







div.moduletable_boxed #calcstart.schoolenquiry input.checkbox{



    width:auto;



    border:none;



}







div.moduletable_boxed #calcstart.schoolenquiry input.button{



    height:25px;



    font-size:14px;



    font-weight:normal;



    text-align:center;



    margin-top:5px;



    background-color:#FF9933;



    border:1px solid #FF9933;



    color:white;



    width:97%;



}







.pretext_boxed{



  text-align:left;



  display:block;



  margin:10px 0 0;



}







	div.moduletable_boxed ._boxed input{



		border: 1px solid #b5b5b5;



		width: 138px;



		height: 20px;



		margin-bottom: 4px;



		font-size: 130%;



		font-weight: bold;



		padding:2px;



	}



	div.module-calcstart select{



		width: 144px;



		margin-bottom: 4px;



	}



	div.moduletable_boxed ._boxed input.empty{



		color: #ccc;



		font-size: 100%;



		font-weight: normal;



	}



	div.moduletable_boxed ._boxed input.button{



		border-color: #055091;



		background-color: #055091;



		color: #FFF;



		height: 30px;



		width: 163px;



		font-size: 110%;



		cursor: pointer;



        text-transform: none;



	}



	div.module-calcstart input.button {



		margin:0 0 0 96px;



		width: 143px;



	}







	div.moduletable_boxed ._boxed p{



		padding: 0px 10px;



	}



	div.moduletable_boxed ._boxed input{



		width: 170px;



	}



	div.moduletable_boxed ._boxed input.button{



		border: 1px solid #F93;



		background-color: #F93;



		width: 182px;



	}







    #wrapper #contentwrap #content div.signup_home h3{



        display:none;



    }







    div.signup_home {



      display:block;



      background:url(../images/newslettersignup.jpg) top left no-repeat;



      margin-left:-20px;

      

      width: 290px;



    }







    div.signup_home div.signup_home{



      display:block;



      width:auto;



      height:auto;



      background:none;



      margin:0;



    }







    div.signup_home form{



      margin:40px 0 0 20px;



    }







    div.signup_home input{



        width:196px;



        margin:3px 0 0;



    }







    div.signup_home input.button{



        width:208px;



        background:#055091;



        color:white;



        text-transform:none;



        font-weight:bold;



    }







#renewable {



  float:left;

  

  width: 320px;



}







#homeright {

  

  padding-left: 10px;

  

  width: 300px;

  

  float: right;



}







.moduletable-banneroffer a,.moduletable-banneroffer a:hover{



  background:url(/images/stories/specialoffer4.png) top left no-repeat;



   width:643px;



   height:180px;



   display:block;



   text-decoration:none;



   cursor:pointer;



}





.greyborder{

  border-collapse: collapse;

}