/*--------------------------------

--------------------------------- */

/* HTML Elements Standard -
Global 
===================================================== */

html,body,form, div, p {
	margin: 0;
	padding: 0; 
}
img {
	border: 0;
}

.clear {
font-size:0px;
line-height:0px;
overflow:hidden;
clear:both; }

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
color:#2C2C2C;
font-size:12px;
line-height:normal;

background: url(/UserUploadImages/system/body-bg.gif) top center no-repeat;
}

/* Type Elements
===================================================== */

h1, h2, h3, h4, h5, h6 {
padding: 0;
margin: 0;
line-height: 1em;	
}
h1 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	padding: 0 0 0px 0;
	color: #404040;
} 	
#bannerWrapperLeft  h1 {
 font-family: "Arial Narrow";
} 
.Subpage #contentWrapper h1 {
color:#08AFEF;
font-size:22px;
}
 
h2
 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;	
	padding: 0 0 0px 0;
	color:#000;
}


#TreWrapper .BoxWrapper h2  {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;	
	padding: 0 0 0px 0;
	color:#fff;
}

#bannerWrapper2 .bannerWrapperLeft  h2 {
  	color:#006F99;
	font-size:24px;
}
#contentWrapper .Box2Wrapper h2 {
color:#11B1F0;
font-size:30px;
}
#contentWrapper .Box3Wrapper h2 {
color:#11B1F0;
font-size:24px;
}
.BoxWrapper5 h2 {
color:#353535;
font-size:26px;
}

h3, .LeftPanelForm h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;	
	padding: 0 0 0px 0;
	color:#1F387A;
}
#contentWrapper .Box3Wrapper .ColumnLeft2 h3 {
color:#4A4A4A;
font-size:16px;
}
h4 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	padding: 0 0 0px 0;
	color:#004B91;
}
h5 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 0px 0;
	color:#0061AA;
}

 

/* Links
===================================================== */

a {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
color: #08AFEF;
text-decoration:underline;
}

 #contentWrapper  .Box3Wrapper a ,
#contentWrapper  .Box2Wrapper ul li a  {
font-size:12px;
color:#0091CA;
text-decoration:underline;
}

.BoxWrapper5 a {
color:#353535;
}

a:hover,
#contentWrapper  .Box3Wrapper a:hover ,
#contentWrapper  .Box2Wrapper ul li a:hover  {
color:#000;
text-decoration: none;
}


/* Content Wrapper
===================================================== */

#mainContentWrapper,
#OutercontentWrapper,
#footer {
	width: 980px;
	height:auto;
	margin: 0px auto;
	overflow:hidden;
	padding:0px 0px 0px 0px;
}

/* header
===================================================== */

#header { 
	width:100%;
	height:147px;
	overflow:hidden;
	padding:0px 0px 0px 0px;
}
#logo  { 
	width: 323px;
	height: 72px;
	padding:16px 0px 14px 307px;
	overflow:hidden;
	float:left;
/*	background:url(/UserUploadImages/system/logo.png);
	background-position: 307px 16px;
	background-repeat:no-repeat;

*/
display:block;
text-decoration:none;
}

/* Top Navigation
===================================================== */

#navigation  {
clear:both;
width:100%;
height: 45px;
padding: 0px 0px 0px 0px;
overflow:hidden;
float:none;
background: url(/UserUploadImages/system/nav-bg.png) top left no-repeat;
}
#navigation ul { padding:0; margin:0; list-style:none; }
#navigation ul  li { padding:0; margin:0; list-style:none; display: inline; }
#navigation ul li a { padding:0; margin:0; list-style:none; display: block; }
#navigation ul li a:hover { }

#navigation ul.AddCMSSysMain{
margin: 0 auto;
padding:0px 0px 0px 0px;
list-style: none;
width:890px;
height: 45px;
overflow:hidden;
text-align:center;
	background: url(/UserUploadImages/system/nav-divider.gif) no-repeat right top;
}
#navigation .AddCMSSysMain li{
	float: left;
	padding:2px 0px 0 0px; 
}
#navigation .AddCMSSysMain li a{
	float: left;
	display: block;
	color:#fff;
	
	text-decoration: none;
 
	font-size: 17px;
	font-weight:normal;
	padding:8px 13px 8px 13px;  

	text-align: center;
	cursor: pointer;
	
	background: url(/UserUploadImages/system/nav-divider.gif) no-repeat left top;
	background-position: left;	
}

#navigation .AddCMSSysMain li a.AddCMSSysMainSelected, 
#navigation .AddCMSSysMain li a:hover{
	 color: #ccc;
}


 
/* Start page items
===================================================== */

#OutercontentWrapperBG{
	width: 100%;
	height:auto;
	overflow:hidden;
	background: url(/UserUploadImages/system/outerWrapper-bg.gif) center no-repeat;
}
.Subpage #OutercontentWrapperBG{
	background: none;
}
#OutercontentWrapper {
	clear:both;
	/* width: 980px; */
	height:auto;
	padding:0px 0px 0px 30px;
}

/* Home Banner
===================================================== */

#bannerWrapper {
	width:100%;
	height:150px; 
	padding:15px 0px 0px 0px;
	overflow:hidden;
	background:url(/UserUploadImages/system/banner-bg.png) top left no-repeat;
} 
#bannerWrapperImage {
	width:429px;
	height: auto;    
	padding:0px 0px 0px 0px;
	overflow:hidden;
	float:left;
} 


#bannerWrapperLeft {
	width:475px;
	height: auto; 
	padding:28px 26px 0px 33px;
	overflow:hidden;
	float:left;
	background:none;
}  
#bannerWrapperLeft  h1 {
/*  	color:#404040;
	font-size:26px;
	font-weight: normal;  
	
	font-family: "Arial Narrow"; */
padding:0px 0px 18px 0px;
} 
#bannerWrapperLeft a {
	padding:0px 0px 0px 0px;
	 
	color:#006F99;
	font-size:26px;
	font-weight: normal;
	font-family: "Arial Narrow";
} 
#bannerWrapperLeft a:hover {
	color:#000;
} 


/* Home page - TreWrapper
===================================================== */

#TreWrapper {
width:521px;
height: 230px;
padding:0px 0px 0px 0px;
float:left;
overflow:hidden;
}
#TreWrapper p {
/*
color:#4A4A4A;
font-size:16px;
font-weight: normal;  */
padding:14px 0px 14px 0px;
}
#TreWrapper .BoxWrapper{
width:160px;
height: auto;
padding:0px 0px 0px 0px;
margin-right:10px;
overflow:hidden;
float:left;
}

#TreWrapper .BoxWrapper h2 {
/* color:#fff;
font-size:18px;
font-weight: bold; */

padding:5px 0px 5px 10px;
width:100%;
background:#8C8C8C;
}
#TreWrapper .BoxWrapper .Image {
width:100%;
height: 160px;
padding:0px 0px 0px 0px;
overflow:hidden;
}


/* Home Banner2
===================================================== */

#bannerWrapper2 {
	width:424px;
	height:211px; 
	padding:20px 0px 0px 0px;
	overflow:hidden;
	background:url(/UserUploadImages/system/banner-img2.jpg) bottom left no-repeat;
} 

#bannerWrapper2 .bannerWrapperLeft {
	width:229px;
	height: auto; 
	padding:18px 0px 0px 14px;
	overflow:hidden;
	float: none;
	background:none;
	
	color:#404040;
	font-size:17px;
}  
#bannerWrapper2 .bannerWrapperLeft  h2 {
/*  	color:#006F99;
	font-size:24px;
	font-weight: bold;  */
	padding:0px 0px 24px 0px;
} 
#bannerWrapper2 .bannerWrapperLeft a {
	padding:0px 0px 0px 27px;
	margin-top:10px;
	display:block;
	background:url(/UserUploadImages/system/bannerWrapper2-bullet.png) center left no-repeat;
	text-decoration:underline;
	 
	color:#000;
	font-size:17px;
	font-weight: normal;
} 
#bannerWrapper2 .bannerWrapperLeft a:hover {
	color:#333;
} 


/* Home page - contentWrapper
===================================================== */

#contentWrapper {
 
width:950px;
height: auto;
padding:28px 0px 21px 0px;
overflow:hidden;
}


/* #contentWrapper  Box2Wrapper 
===================================================== */


#contentWrapper .Box2Wrapper {
width:950px;
height: auto;
padding:0px 0px 0px 0px;
overflow:hidden;
background: url(/UserUploadImages/system/Box2-middle.gif) top left repeat-y;
}
#contentWrapper .Box2Wrapper h2 {
/* color:#11B1F0;
font-size:30px;
font-weight: bold; */

width:97%;

padding:4px 0px 12px 11px;
margin-bottom:5px;
border-bottom:1px solid #CCCAC3;
}  
#contentWrapper .Box2Wrapper-Top {
background: url(/UserUploadImages/system/Box2-top.gif) top left no-repeat;
}
#contentWrapper .Box2Wrapper-Bottom {
width:100%;
height: auto;
padding:13px 7px 13px 10px;
overflow:hidden;
background: url(/UserUploadImages/system/Box2-bottom.gif) bottom left no-repeat;
}
#contentWrapper .Box2Wrapper #bli-energismart {
width:96px;
height: 95px;
padding:0px 0px 0px 835px;
overflow:hidden;
position:absolute;
margin:-25px 20px 0px 0px;
}



#contentWrapper .Box2Wrapper ul  {
width:446px;
height: auto;
padding:5px 20px 0px 0px;
margin:0px;
overflow:hidden;
float:left;
}

#contentWrapper .Box2Wrapper ul li {
padding:4px 0px 4px 11px;
list-style:none;

color:#4A4A4A;
font-size:12px;
font-weight:normal; 
}
#contentWrapper .Box2Wrapper ul li p.title {
color:#000;
font-size:13px;
font-weight: bold; 

padding:0px 0px 6px 0px;
}

#contentWrapper .Box2Wrapper ul li p {
padding:0px 0px 5px 0px;
}

 #contentWrapper  .Box3Wrapper a ,
#contentWrapper  .Box2Wrapper ul li a  {
/* font-size:12px;
color:#0091CA;
font-weight: normal; */
text-decoration:underline;
}
#contentWrapper  .Box3Wrapper a:hover ,
#contentWrapper  .Box2Wrapper ul li a:hover  {
/* color:#000; */
}




/*  Box3 Wrapper 
===================================================== */


#contentWrapper .Box3Wrapper .ColumnLeft {
width:480px;
height: auto;
padding:0px 10px 0px 0px;
overflow:hidden;
float:left;
}
#contentWrapper .Box3Wrapper .ColumnLeft2 {
width:442px;
height: auto;
padding:0px 0px 0px 0px;
overflow:hidden;
float:left;
}

#contentWrapper .Box3Wrapper h2 {
/* color:#11B1F0;
font-size:24px;
font-weight: bold;
*/
width:100%;

padding:4px 0px 17px 11px;
margin-bottom:16px;
border-bottom:1px solid #CCCAC3;
}  
#contentWrapper .Box3Wrapper .ColumnLeft2 h2 {
color:#2D2D2D;
}  
#contentWrapper .Box3Wrapper strong {
color:#000;
font-weight: bold; 
}
#contentWrapper .Box3Wrapper p {
color:#4A4A4A;
font-size:13px;
font-weight: normal; 

padding:0px 23px 12px 11px;
}

#contentWrapper .Box3Wrapper .ColumnLeft .Image {
width:366px;
height: 255px;
padding:18px 0px 20px 25px;
overflow:hidden;
}




/*  BoxWrapper 5
===================================================== */


.BoxWrapper5 {
width:467px;
height: 82px;
padding:0px 0px 0px 0px;
overflow:hidden;
background: url(/UserUploadImages/system/box5-bg.gif) top left no-repeat;
float:left;
margin:19px 16px 19px 0px;
}
.BoxWrapper5-margin {
margin:19px 0px 19px 0px;
}
.BoxWrapper5 .Image{
width:47px;
height: 51px;
margin:14px 34px 0px 59px;
overflow:hidden;
float:left;
}
.BoxWrapper5 .Image2{
width:63px;
height: 64px;
padding:9px 26px 0px 55px;
overflow:hidden;
float:left;
}
.BoxWrapper5 h2 {
/* color:#353535;
font-size:26px;
font-weight: bold; */

width: auto;

padding:20px 0px 0px 0px;
}  
.BoxWrapper5  p {
color:#353535;
font-size:15px;
font-weight: normal; 
}
.BoxWrapper5 h2 a {
font-weight: bold;
}
.BoxWrapper5 a {
/* color:#353535;
font-weight: normal; 
text-decoration:none; */
}


/*  ovk
===================================================== */
 
#contentWrapper .Box3Wrapper .ColumnLeft .ovk {
width:216px;
height: 64px;
padding:0px 0px 0px 0px;
overflow:hidden;
background: url(/UserUploadImages/system/ovk-bg.png) top left no-repeat;

position:absolute;
/* margin:-65px 0px 0px 254px !important; */
margin:228px 0px 0px 254px;
} 
#contentWrapper .Box3Wrapper .ColumnLeft .ovk p {
color:#353535;
font-size:12px;
font-weight: normal;
padding:0px 0px 0px 64px;
}  
#contentWrapper .Box3Wrapper .ColumnLeft .ovk p.Title {
font-size:24px;
font-weight: bold;
padding:5px 0px 0px 64px;
}  



/*  Column1
===================================================== */

 #contentWrapper .Box3Wrapper .ColumnLeft2 div.Column1 {
width:270px;
height: 93px;
padding:0px 0px 0px 11px;
overflow:hidden;
float:left;
}
 #contentWrapper .Box3Wrapper .ColumnLeft2 div.Column2 {
width:100px;
height: 93px;
padding:0px 0px 0px 35px;
overflow:hidden;
float:left;
}

 #contentWrapper .Box3Wrapper .ColumnLeft2 div.Column1 a{
padding:10px 0px 0px 0px;
display:block;
}


#contentWrapper .Box3Wrapper .ColumnLeft2 h3 {
/* color:#4A4A4A;
font-size:16px;
font-weight: bold; */

padding:33px 0px 7px 11px;
}
#contentWrapper .Box3Wrapper .ColumnLeft2 div.Column11 {
width:108px;
height: auto;
padding:0px 0px 0px 11px;
overflow:hidden;
float:left;
}
#contentWrapper .Box3Wrapper .ColumnLeft2 div.Column22 {
width:247px;
height: auto;
padding:0px 0px 0px 0px;
overflow:hidden;
float:left;
}
  


 



/* Sub page 
====================================================== */


 

/* Subpage Left Panel   
======================================================= */ 

/* Left Panel   ============================= */ 

.Subpage #LeftPanelWrapper {
width:222px;
height:auto;
padding:27px 0px 0px 13px;
overflow:hidden;
float:left;
background: url(/UserUploadImages/system/subpage-leftpanel-right-bg.gif) top right no-repeat;
background-position:222px 0px;
}
 
.Subnav ul { padding:0; margin:0; list-style:none; }
.Subnav ul  li{ padding:0; margin:0; list-style:none; display: inline; }
.Subnav ul li a { padding:0; margin:0; list-style:none; display: block; }
.Subnav ul li a:hover{  }



#LeftPanelWrapper ul.AddCMSSysMain ,
#LeftPanelWrapper ul.AddCMSSysMain li ul,
#LeftPanelWrapper ul.AddCMSSysMain li ul.AddCMSSysSubWithSubItems {
padding:0px 0px 0px 0px;
list-style:none;
width:220px;
height: auto;
float:left;
margin:0px;
}
#LeftPanelWrapper ul.AddCMSSysMain li ul{
padding:0px 0px 0px 0px;
background: none;
margin:0px;
}
#LeftPanelWrapper ul.AddCMSSysMain li.AddCMSSysMainSelectedLI a.AddCMSSysMainSelected {
color:#1E1E1E;
font-size:14px;
font-weight: normal;
padding:0px 0px 0px 0px;

text-decoration:none;
}

#LeftPanelWrapper ul.AddCMSSysMain li ul.AddCMSSysSub,
#LeftPanelWrapper ul.AddCMSSysMain li ul.AddCMSSysSubWithSubItems {
float:left;
width:100%;
height:auto;
padding:17px 0px 0px 0px;
margin:0px;
}
#LeftPanelWrapper ul.AddCMSSysMain li ul.AddCMSSysSubWithSubItems a.AddCMSSysSub {
color:#1E1E1E;
font-size:11px;   
font-weight:normal;
text-decoration:none;
font-size: 11px;
display:block;
width:100%;

padding:4px 10px 4px 14px;
overflow:hidden;
background: url(/UserUploadImages/system/subnav-leftpanel-bullet.gif) left no-repeat;
}

#LeftPanelWrapper ul.AddCMSSysMain li a:hover.AddCMSSysSub,
#LeftPanelWrapper ul.AddCMSSysMain li ul.AddCMSSysSubWithSubItems a:hover,
#LeftPanelWrapper ul.AddCMSSysMain li ul.AddCMSSysSubWithSubItems a.AddCMSSysSubSelected {
color:#fff;
text-decoration:none;
font-size: 11px;
display:block;
width:100%;

padding:4px 10px 4px 14px;
overflow:hidden;
background: url(/UserUploadImages/system/subnav-leftpanel-hover.gif) left no-repeat;
}








#LeftPanelWrapper

.LeftPanelForm {
width:186px;
height:auto;
padding:65px 0px 20px 0px;
overflow: hidden;

color:#161616;
}
.LeftPanelForm h3 {
/* color:#1F387A;
font-size:18px; */
padding:0px 0 10px 0;
}

.LeftPanelForm .Input {
padding:14px 0 0px 0;
color:#5D5D5D;
}

.LeftPanelFormInput {
width:181px;
height:21px;
border:1px solid #B6B6B6;
padding:5px 0 0px 0;

font-size:15px;

}
.Input textarea {
width:181px;
height:50px;
border:1px solid #B6B6B6;
padding:3px 0 0px 0;
overflow:auto;
}

.LeftPanelForm .Link {
clear:both;
}

.LeftPanelForm .Link a{
text-decoration:none;
padding:0px 0px 0px 0px;
overflow:hidden;
}


/* Subpage  contentWrapper
====================================================== */

.Subpage #contentWrapper {
width: 680px;
height:auto;
padding:27px 0px 10px 30px;
overflow:hidden; 
float:left;
 
color:#4E4E4E;
font-size:12px;
font-weight: normal;

/* background: url(/UserUploadImages/system/subpage-contentWrapper-left-bg.gif) top left no-repeat; */
}

.Subpage #contentWrapper h1 {
padding:0px 0px 13px 0px;

/* color:#08AFEF;
font-size:22px;
font-weight: normal;  */
}

.Subpage #contentWrapper span {
color:#222222;
}
.Subpage #contentWrapper p {
padding:0px 0px 20px 0px;
}


#MainBodyTextRightPanel {
			width:200px;
			height: auto;
			padding:0px 20px 10px 15px;
			overflow:hidden;
			float: right;
}
#MainBodyTextRightPanel .Image {
			width:200px;
			height: auto;
			padding:0px 26px 0px 0px;
			overflow:hidden;
			float: left;
}
 
 

/* Footer
=============================================================== */

#footerBG {
clear: both;
width:100%;
height: auto;
padding:0px 0px 0px 0px;
overflow:hidden;
background:url(/UserUploadImages/system/footer-bg.gif) bottom center no-repeat;
}
#footer {
clear: both;
height: auto;
padding:0px 0px 0px 0px;
overflow:hidden;
}
.Subpage #footer {
clear: both;
height: auto;
padding:120px 0px 0px 10px;
overflow:hidden;
}
#footer .Description {
width:auto;
height: auto;
overflow:hidden;

text-align: left;
font-size:12px;
color:#231F20;
font-weight: normal;
 
padding:0px 0px 23px 0px !important;
padding:0px 0px 53px 0px;
}

#footer .Description p {
width:670px;
padding:10px 0px 0px 10px;
float:left;
}

#footerRight {
width:270px;
height: auto;
padding:9px 30px 0px 0px;
overflow:hidden;
float:right;

color:#C1C0C0;
text-align:right;
}
				
