#mst {display:none;}

body, body.EditBody {
	background-image:url('../images/Main/puzz.jpg');
	background-repeat:repeat;
	background-color: #ffffff;
	color: #4d4d4d;
	font-family: Arial, verdana, sans-serif; 
	font-size: 10pt;
	margin: 5px 0px;
	padding: 0px;
	font-size: 100%;
	line-height: 1.4;
} 

body.EditBody {
	background-image:none;
}

div, p, th, td, .EditBody {
	font-size: 10pt;
}

a:link {
	color: #006600;
	text-decoration: none;
}

a:active {
	color: #666666;
	text-decoration: none;
}

a:visited {
	color: #8f6f0e;
	text-decoration: none;
}

a:hover {
	color: #cd9a30;
	text-decoration: underline;
}
		
H1 { 	font-size: 20pt;}
H2 { 	font-size: 18pt;}
H3 { 	font-size: 16pt;}
H4 { 	font-size: 14pt;}
H5 { 	font-size: 12pt;}
H6 { 	font-size: 10pt;}	

H1, H2, H3, H4, H5, H6 {
	text-align: left;
}

TD {	vertical-align: top;}

ul, ol, dl {
	position: relative;  }

.pagename {
		color: #000000;
		font-size: 1.625em;
		margin: 1em 20px;
		padding: 0;
		font-weight: bold;

		}
.header {
		background-color: #ffffff;
		color: #666666;
		font-size: 12pt;
		border-width: 0 0 1px 0;
		border-color: #cccccc;
		border-style: solid;
		margin: 0 0 8px 0;
		padding: 0 0 0 0;
		font-weight: bold;
		text-transform: uppercase;
		}
.flashmenu {
		background-color: #ffffff;
}
.footer {	
		background-color: #ffffff;
		border-width: 1px 0 0 0;
		border-style: solid;
		border-color: #bbbbbb;
		color: #000000;
		font-size: 8pt;
		margin: 0;
		padding: 4px 0 4px 0;
		text-align: center;
		}
#footersub .footer  {	
		background-color: #0f3357;
		color: #ffffff;
		}				

#footersub .footer a:link, #footersub .footer a:hover, #footersub .footer a:visited {
		color: #ffffff;
}

input, textarea {  
  
   border: solid 1px #E5E5E5;  
   outline: 0;  
 
   background: #FFFFFF;  
   }  
textarea {  
    width: 400px;  
    max-width: 400px;  
    height: 150px;  
    line-height: 150%;  
    }  
input:hover, textarea:hover,  
input:focus, textarea:focus {  
    border-color: #C9C9C9;  
    }  
.form label {  
    margin-left: 10px;  
    color: #999999;  
    }  
.submit input {  
    width: auto;  
    padding: 9px 15px;  
    background: #617798;  
    border: 0;  
    font-size: 14px;  
    color: #FFFFFF;  
    }  
#formtbl {
	text-align: center;
	margin: 0 auto;
}			

#container {
		text-align: center;
		width: 100%;
		margin: 0;
		padding: 0;
}
#wrapper {	
		background-color: #ffffff;
		border: 1px solid #d9d9d9;
		width: 993px;
		margin: 0 auto;
	    position: relative;
		}	


#inner {
		background-color: #f5f5f5;
		border: 1px solid #bbbbbb;
		margin: 5px;
		width: 981px;
		text-align: left;
}


#header {
	width: 981px;
	height: 140px;
	border-bottom: 1px solid #bbbbbb;
}
#headersub {
	width: 981px;
	height: 207px;
	border-bottom: 1px solid #bbbbbb;
}
#bannerlink {
	display: block;
	width: 981px;
	height: 100px;
}
#bannersublink {
	display: block;
	width: 981px;
	height: 167px;
}
#content, #contentsub {
	padding: 0;
	text-align: justify;
	width: 981px;
	margin: 0 auto;
}
#contentsub {
	min-height: 250px;
}
#contentsub p, #contentsub h1,#contentsub h2,#contentsub h3,#contentsub h4,#contentsub h5 {
	margin-left: 20px;
	margin-right: 20px;
}

#contentsub img { 
   border:3px double #999999;
}

#contentsub ul {margin-right: 20px;} 

#contentsub>table {
	margin: 20px;
}
#content UL {	
	margin: 0px 0px 0px 15px;
	padding: 0;
} 

#content UL LI { 	
	list-style-type: square;
	text-align: left;
	margin: 0;
	padding: 0;
}
#content UL UL LI { 	
	list-style-type: circle;
	font-size: 0.9em;
}

#services {
	width: 981px;
	height: 221px;
	background-color: #000;
}
#services p {
	width: 981px;
	height: 221px;
	font-size: 0.9em;
}

#homeslides {
	width: 981px;
	height: 316px;
	overflow: hidden;
}

#meter{
	padding: 2em;
	background-color: #efefef;
}

.callout {
	BORDER: #666666 1px solid; TEXT-ALIGN: left;  BACKGROUND-COLOR: #0F3357; MARGIN: 0px 20px 8px 10px; WIDTH: 300px; FLOAT: right;  CLEAR: all;  
}

.callout * {
	FONT-SIZE: 1em;
	COLOR: white;
	
}
.contacttext {
		text-align: center;
		font-size: 8pt;

}
.whiteBG {
		background-color: #ffffff;
}
.shadow {
		width: 30px;
		background-image: url(../images/shadow-big.jpg);
		background-repeat: no-repeat;
		background-position: top left;
}
.redbg		{
		background-image: url(../images/puzzle-bg-red.jpg);
		cursor: pointer;
}

.bluebg		{
		background-image: url(../images/puzzle-bg-blue.jpg);
		cursor: pointer;
}

.greenbg		{
		background-image: url(../images/puzzle-bg-green.jpg);
		cursor: pointer;
}

.bannertext, .bannertextnarrow, .bannertextbig	{
		font-family: Arial, verdana, sans-serif;
		font-size: 14pt;
		font-weight: bold;
		line-height: 16pt;
		width: 332px;
		color: white;
		text-align: left;
		margin: 92px 21px 0 24px;
}

.bannertextnarrow	{
		width: 280;
}

.bannertextbig	{
		font-size: 16pt;
		line-height: 19pt;
}
input, textarea {  
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    }  

.search {
		color: #666666;
		font-size: 8pt;
		width: 50px;
		height: 22px;
		margin: 0 0 0 5px;
		text-align: center;
		display: inline;
		}
.searchbox {
		font-size: 8pt;
		width: 125px;
		height: 18px;
		display: inline;
		}	
.searchdiv, .searchdivsub {
		position: absolute;
		top: 115px;
		right: 50px;		
		width: 185px;
		padding: 0;
		margin: 0;
		text-align: right;
		}
.searchdivsub {
		top: 180px;		
}
.searchdiv FORM {
		display: inline;
		margin: 0;
		padding: 0;
		}

#slides {
	width: 206px;
	height: 156px;
	overflow: hidden;
	margin: 10px 115px 10px 10px;
	float: right;
	clear: right;
}

#doclibtable td {
	font-size: 11px;
}

#rss {
	margin: 0px 2em 0px 1em; clear: right; float: right;
}
#news #rss {
	margin: 0px 1em; clear: right; float: right;
}

.hidden {
    display: none;
}



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

/* Left navigation */
.menu {
        text-align:left;
	margin: 0px 12px 0px 0px;
	padding: 0px 8px 5px 0px;
	width: 185px;
}
td.menushadow {
	width: 15px;
	background-image: url(../images/shadow-sm.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

/*.SideNav {
	font-size : 1em;
	font-weight: normal;
	margin-left: 0.5em;
	padding-left: 0.5em;
}
.sideNavNot1, .sideNavCurNot1 {
	font-weight: bold;
	margin-left: 0;
	padding-left: 0;
	list-style-position : outside;
	list-style-type : none;
}

.sideNavNot2, .sideNavCurNot2 {
	margin-left: 0.5em;
	padding-left: 0.5em;
	list-style-position : outside;
	list-style-type : square;
}

.sideNavNot3, .sideNavCurNot3 {
	list-style-position : outside;
	list-style-type : disc;
}

.sideNavNot4, .sideNavCurNot4  {
	list-style-position : outside;
	list-style-type : circle;
}

.sideNavNot5, .sideNavCurNot5  {
	font-size : 0.85em;
	list-style-position : outside;
	list-style-type : disc;
}

.sideNavNot6, .sideNavCurNot6 {
	font-size : 0.85em;
	list-style-position : outside;
	list-style-type : square;
}
*/

.menu * {
	border: none;
}

.menu ul{
	padding: 0;
	margin: 0 0 0 1.2em;
}

.menu ul ul {
	margin: 0 0 0 1.2em;
	padding: 0;
	font-size: .95em;
}

.menu ul li {
 list-style-type: none;
 list-style-position : outside;
 padding: 3px 0;
 margin: 0;
}

.menu ul ul li {
 padding: 3px 0;
 margin: 0;
 list-style-type: square;
}

.menu ul ul ul li {
 padding: 3px 0;
 margin: 0;
 list-style-type: circle;
}

.menu ul ul ul ul li {
 padding: 3px 0 3px 1.2em;
 margin: 0 0 0 -1.5em;
 list-style-type: none;
 background-image: url(../Images/dash.gif);
 background-repeat: no-repeat;
 background-position: 0 7px;

}
 
.menu li a {
 text-decoration: none;
 font-weight:bold;
}

.menu ul ul li a {
 text-decoration: none;
 font-weight: normal;
}





a.sideNavLink, a.sideNavLink:active, a.sideNavLink:visited, a.sideNavCurLink, a.sideNavLink:active, a.sideNavLink:visited {
	text-decoration: none;
	color: #000000;
	text-align:left;
}
a.sideNavCurLink, a.sideNavCurLink:visited{
	color: #990000;
}
a.sideNavLink:Hover, a.sideNavCurLink:hover {
	text-decoration: underline;
}


/* ------------------------------------------------------------------ */
.leftImage{
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 5px;
}

.rightImage{
	margin-bottom: 3px;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 5px;
}
/* ====== Breadcrumbs App ===== */
.BreadCrumbs {
	font-size: 11pt;
	color : #000033;
}

.BreadCrumbs H5 {
	font-size: 11pt;
	display: inline;
	font-weight: bold;
	color : #000000;
}

/* ~~ top horizontal nav ~~ */
/* Some stylesheet reset */


.horiznav, .horiznav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height:1;
}
/* The main container */

.horiznav>ul {
	height: 40px;
}
.horiznav ul {
	display: block;
	position: relative;
	background: #fff ;
	font-family: Arial,sans-serif;
	color: #000;
	text-align: center;
}
.horiznav ul>li {
	display: block;
	position: relative;
	float: left;
	margin: 0;
	padding: 0 ;
	width: 100%;
}
.horiznav>ul>li {
	height: 40px;
	width: 15%;
}
/* The main navigation links */


.horiznav>ul>li>a {
	display: block;
	padding: 13px 20px 13px 20px;
	font-family: Arial,sans-serif;
	text-decoration: none;
	color: #000;
}
.horiznav>ul>li>a { /* first row */
	height: 40px;
	line-height: 40px;
	padding: 0;
	font-size: 1.0em;
	font-weight: bold;
}
/* The hover state of the navigation links */
.horiznav ul>li>a:hover, .horiznav ul>li:hover>a {
	color: #fff;
	background: #000;
}


.horiznav ul ul {
	position: relative;
	position: absolute;
	left: -9999px;
	display: block;
	text-align: left;
	width: 146px;
}
/* Level 1 submenus */
.horiznav ul>li>ul {
	padding-top: 0px;
	z-index: 99;
	border-top: 1px solid #c9c9c9;
	/*top: 40px;*/
}
/* Making the level 1 submenu to appear on hover */
.horiznav ul>li:hover>ul {
	left: -1px;
}
/* Level 2+ submenus */
.horiznav ul ul ul {
	left: -9999px;
	top: 1px;
	z-index: 999;
}
/* Making the level 2+ submenu to appear on hover */
.horiznav ul ul>li:hover>ul {
	left: 146px;
	top: -1px;
}
/* The submenu link containers */
.horiznav ul ul li {
	position: relative;
	display: block;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
	width: 100%;
}
/* Expanding the list elements which contain the links */
.horiznav ul li:hover>ul>li {
	height: auto;
}
.horiznav ul ul li:hover>ul>li:first-child {
	height:auto;
}
/* The links of the submenus */
.horiznav ul ul li a {
	display: block;
	margin: 0;
	padding: 8px 15px 4px 6px;
	border-bottom: 1px solid #e1e1e1;
	font-size: 12px;
	color: #444;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	background: #fff;
}
/* The hover state of the links */
.horiznav ul ul li>a:hover, .horiznav ul ul li:hover>a {
	background: #e9e9e9;
	color: #333;
}
/*.horiznav ul ul ul>li:first-child>a {
	border-top: 1px solid #c1c1c1;
}*/
.horiznav ul ul>li:last-child>a {
	border-bottom: 1px solid #c1c1c1;
}

.horiznav ul ul>.dropdown:hover>a:after, .horiznav ul ul>.dropdown>a:hover:after {
	border-color: #a1a1a1;
}



.vertnav {
	position: relative;
	display: block;
	width: 200px;
	padding-left: 22px;
}

.vertnav ul {padding:0; margin:0; list-style:none; position:relative; z-index: 1; width:200px;}
.vertnav ul ul {width:172px;padding:0; margin:0; list-style:none; width:150px; height:auto; background-color: transparent; position:absolute; z-index: 2; left:-9999px; top:0; }
.vertnav ul ul ul {width:172px; z-index: 3; border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
.vertnav ul ul ul ul {width:172px; z-index: 4; border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
.vertnav ul ul ul ul ul {width:172px; z-index: 5; border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}

.vertnav ul li {float:left; position:relative;}
.vertnav ul li a {display:block; float:left; width:150px; height:25px; padding: 0 25px; background:url(../images/new/leftnavbutton.png); color:#000; line-height:25px; font-family: Helvetica, Arial, sans-serif; font-size:12px; text-decoration:none; }
/*.vertnav ul .dropdown>a:after {
	 content: "";
	 position: absolute;
	 top: 10px;
	 right: 20px;
	 width: 4px;
	 height: 4px;
	 border-bottom: 1px solid #666;
	 border-right: 1px solid #666;
	 -webkit-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 -moz-transform: rotate(45deg);
	 -o-transform: rotate(45deg);
	}
*/
.vertnav ul li a:hover {position:relative; background:url(../images/new/leftnavbutton-hover.png); color:#000;}

.vertnav ul ul li  {position: relative; display: block; border-left: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1;}
.vertnav ul ul li a {width:150px; background:#fff; background-image: none; color: #000; padding: 0px 10px; border-bottom: 1px solid #e1e1e1; font-family: Helvetica, Arial, sans-serif;}

/*.vertnav ul ul .dropdown>a:after {
	 content: "";
	 position: absolute;
	 top: 10px;
	 right: 8px;
	 width: 4px;
	 height: 4px;
	 -webkit-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 -moz-transform: rotate(45deg);
	 -o-transform: rotate(45deg);
	}
*/

.vertnav ul ul ul li a {background:#fff; background-image: none; color: #000 ;border-bottom: 1px solid #e1e1e1; padding: 0 10px;}
/*.vertnav ul ul ul .dropdown>a:after {
	 content: "";
	 position: absolute;
	 top: 10px;
	 right: 8px;
	 width: 4px;
	 height: 4px;
	 -webkit-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 -moz-transform: rotate(45deg);
	 -o-transform: rotate(45deg);
	}
*/
.vertnav ul ul ul ul li a {background:#fff; background-image: none; color: #000; border-bottom: 1px solid #e1e1e1; padding: 0 10px;}

.vertnav ul li a.current,
.vertnav ul ul li a.current,
.vertnav ul ul ul li a.current,
.vertnav ul ul ul ul li a.current {background-color:#ddd; background-image: none; color:#000;}

.vertnav ul :hover ul {left:185px; top: 5px;}

.vertnav ul :hover ul :hover ul,
.vertnav ul :hover ul :hover ul :hover ul {left:170px; top: -1px;}

.vertnav ul :hover ul ul,
.vertnav ul :hover ul :hover ul ul {left:-9999px;}

.vertnav ul ul li:hover > a {background-color:#e9e9e9; background-image: none; color:#000;}
.vertnav ul ul ul li:hover > a {background-color:#e9e9e9; background-image: none; color:#000;}






/* ~~ left vertical nav2 action button ~~ */
/* Some stylesheet reset */
.vertnav2, .vertnav2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}
/* The main container */
.vertnav2 {
	display: block;
	width: 200px;
	padding-left: 22px;
	position: relative;
}
.vertnav2>li {
	display: block;
	position: relative;
	height: 38px;
	width: 200px;
	margin-bottom: 3px;
	background:url(../images/new/action-button.png);
}
/* The main navigation links */
.vertnav2>li>a {
	/* Layout */
	display: block;
	padding: 7px 24px;
	text-decoration: none;
}
/* The hover state of the navigation links */
.vertnav2>li>a:hover, .vertnav2>li:hover>a {
	background:url(../images/new/action-button-hover.png);
	color: #000;
}
.vertnav2>li:first-child>a {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	height: 25px;
}

/* ~~ left vertical nav2 action button ~~ */
/* Some stylesheet reset */
.vertnav3, .vertnav3 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}
/* The main container */
.vertnav3 {
	display: block;
	width: 200px;
	padding-left: 22px;
}
.vertnav3>li {
	display: block;
	position: relative;
	height: 66px;
	width: 200px;
	margin-bottom: 3px;
	background:url(../images/new/register-button.png);
}
/* The main navigation links */
.vertnav3>li>a {
	/* Layout */
	display: block;
	padding: 7px 24px;
	text-decoration: none;
}
/* The hover state of the navigation links */
.vertnav3>li>a:hover, .vertnav3>li:hover>a {
	background:url(../images/new/register-button-hover.png);
	color: #000;
}
.vertnav3>li:first-child>a {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	height: 52px;
}


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



#SiteMap ul {
	margin: 0 1.0em;
	padding: 0 ;
	font-weight: bold;
	font-size: 1.2em;
}
#SiteMap li {
	margin: 0;
	padding: 0 ;
	list-style-type: none;
}
#SiteMap ul ul {
	background: #efefef url(../Images/vline.png) repeat-y;
	margin: 0 1.0em;
	padding: 0;
	font-size: 0.9em;
}

#SiteMap ul ul li {

	padding: 0 1.0em;
	line-height: 20px;
	background: url(../Images/node.png) no-repeat;
}

#SiteMap ul ul li.last {
	background: #efefef url(../Images/lastnode.png) no-repeat;
}

#SiteMap ul ul ul ul li {
	font-weight: normal;
}


#services-it-off, #services-energy-off, #services-telecom-off{
	background: url(../Images/Home/sprites.jpg) no-repeat;
}

#services-it-off{
	background-position: 0 0;
	width: 335px;
	height: 221px;
}

#services-it-off.hover{
	background-position: 0 -221px ;
	width: 335px;
	height: 221px;
}

#services-energy-off{
	background-position: -335px 0;
	width: 311px;
	height: 221px;
}

#services-energy-off.hover{
	background-position: -335px -221px ;
	width: 311px;
	height: 221px;
}

#services-telecom-off{
	background-position: -646px 0;
	width: 335px;
	height: 221px;
}

#services-telecom-off.hover{
	background-position: -646px -221px ;
	width: 335px;
	height: 221px;
}

#services div {
	float: left;
}