body
{ 
 background-color: #96B5D4;
 color: #476A88;
 font-family: arial, serif;
 text-align: center;
 background-image: url("/images/back1.jpg");
 background-repeat: repeat-y;
 background-position: center;
}

table
{
 border-collapse: collapse;
 width: 100%;
}

table.cont
{
 width: 920px;
 text-align: center;
 vertical-align: top;
/* background: #ffffff; */
}

table.main
{
 width: 920px;
 text-align: center;
 vertical-align: top;
 background: #ffffff;
}

tr
{
 text-align: center;
}

td.left
{
 vertical-align: top;
 width: 120px;
}

td.right
{
 vertical-align: top;
 width: 120px;
}

td.main
{
 text-align: center;
 vertical-align: top;
 width: 800px;
 padding: 30px;
}

#home
{
 background: url('/images/home.gif');
 background-repeat: no-repeat;
 background-position: 50% 100px;
}

#elec
{
 background: url('/images/elec.gif');
 background-repeat: no-repeat;
 background-position: 50% 100px;
}

#plum
{
 background: url('/images/plum.gif');
 background-repeat: no-repeat;
 background-position: 50% 100px;
}

#bathr
{
 background: url('/images/bathr.gif');
 background-repeat: no-repeat;
 background-position: 50% 90px;
}

#unvent
{
 background: url('/images/unvent.gif');
 background-repeat: no-repeat;
 background-position: 50% 100px;
}

#solar
{
 background: url('/images/solar.gif');
 background-repeat: no-repeat;
 background-position: 43% 90px;
}

#solar1
{
 background: url('/images/solar1.gif');
 background-repeat: no-repeat;
 background-position: 86% 175px;
}

#solar4
{
 background: url('/images/solar1.gif');
 background-repeat: no-repeat;
 background-position: 72% 245px;
}

#prot
{
 background: url('/images/prot.gif');
 background-repeat: no-repeat;
 background-position: 50% 40px;
}

td.content
{
 vertical-align: top;
 text-align: left;
}

td.home
{
/* background: #b8d7f6; */
}

td.prot
{
 border-collapse: separate;
 border: 1px solid #cccccc;
 text-align: left;
 width: 17%;
 font-size: 11px;
}

img.home
{
 width: 100px;
 float: left;
 margin-right: 5px;
 margin-left: 5px;
}

img.unvent
{
 float: left;
 margin-right: 10px;
}

li
{
 font-size: 10pt;
}

a, a:link, a:visited
{
 color: #000000; /* 998274; */
 outline: none;
}

a:hover
{
 color: #476A88;
}

a:active, a:focus
{
 color: #000000;
}

a.foot, a.foot:link, a.foot:visited
{
 color: #96B5D4;
 text-decoration: none;
}

a.foot:hover
{
 color: #668EBF;
}

a.foot:active, a.foot:focus
{
 color: #96B5D4;
}

input.t
{
 width: 200px;
 border: 1px solid #476A88;
}

input.t1
{
 width: 150px;
}

select.a
{
 width: 203px;
 font-size: 10pt;
 color: #476A88;
 border: 1px solid #476A88;
}

textarea
{
 width: 200px;
 height: 100px;
 font-size: 11pt;
 color: #476A88;
 border: 1px solid #476A88;
}

h1, h2, h3, h4, h5, h6, h7, b
{
 font-weight: normal;
}

.b
{
 font-weight: bold;
}

h1
{
 font-size: 22pt;
}

h2
{
 font-size: 16pt;
 color: #dd0000;
}

h3
{
 font-size: 14pt;
 color: #aa0000;
}

h4
{
 font-size: 12pt;
}

h5
{
 font-size: 10pt;
}

h6
{
 font-size: 9pt;
}

h7
{
 font-size: 6pt;
}

b.b1, b.b2, b.b3, b.b4, b.s1, b.s2, b.s3, b.s4, b.f1, b.f2, b.f3, b.f4
{
 font-size:1px;
 overflow:hidden;
 display:block;
}

b.b1
{
 height: 1px;
 background: #ffffff;
 margin: 0 5px;
}

b.s1
{
 height: 1px;
 background: #b8d7f6;
 margin: 0 5px;
}

b.f1
{
 height: 1px;
 background: #000000;
 margin: 0 5px;
}

b.b2
{
 height: 1px;
 background: #ffffff;
 border-right: 2px solid #ffffff;
 border-left: 2px solid #ffffff;
 margin: 0 3px;
}

b.s2
{
 height: 1px;
 background: #b8d7f6;
 border-right: 2px solid #b8d7f6;
 border-left: 2px solid #b8d7f6;
 margin: 0 3px;
}

b.f2
{
 height: 1px;
 background: #ffffff;
 border-right: 2px solid #000000;
 border-left: 2px solid #000000;
 margin: 0 3px;
}

b.b3
{
 height: 1px;
 background: #ffffff;
 border-right: 1px solid #ffffff;
 border-left: 1px solid #ffffff;
 margin: 0 2px;
}

b.s3
{
 height: 1px;
 background: #b8d7f6;
 border-right: 1px solid #b8d7f6;
 border-left: 1px solid #b8d7f6;
 margin: 0 2px;
}

b.f3
{
 height: 1px;
 background: #ffffff;
 border-right: 1px solid #000000;
 border-left: 1px solid #000000;
 margin: 0 2px;
}

b.b4
{
 height: 2px;
 background: #ffffff;
 border-right: 1px solid #ffffff;
 border-left: 1px solid #ffffff;
 margin: 0 1px;
}

b.s4
{
 height: 2px;
 background: #b8d7f6;
 border-right: 1px solid #b8d7f6;
 border-left: 1px solid #b8d7f6;
 margin: 0 1px;
}

b.f4
{
 height: 2px;
 background: #ffffff;
 border-right: 1px solid #000000;
 border-left: 1px solid #000000;
 margin: 0 1px;
}

.contentb
{
 background: #ffffff;
 min-height: 550px;
/* overflow: auto; */
 opacity: 0.85;
 text-align: left;
 vertical-align: top;
}

.contents
{
 font-size: 9pt;
 background: #b8d7f6;
/* height: 550px;
 overflow: auto; */
 opacity: 0.9;
 text-align: left;
 vertical-align: top;
 height: 75px;
}

.footer
{
 font-family: arial, serif;
 font-size: 14px;
 background: #ffffff;
 height: 18px;
 color: #668EBF;
}

.menu, .smenu, .stmenu
{
 display: block;
 width: 110px;
 height: 20px;
 text-align: left;
 text-indent: 0px;
 position: relative;
/* top: -15px; */
 left: 10px;
 background: #ffffff;
 border-bottom: 1px solid #668EBF;
}

.smenu
{
 height: 40px;
}

.stmenu
{
 border: 0px;
 left: 0px;
 height: 61px;
}

a.menu, a.menu:link, a.menu:visited, a.smenu, a.smenu:link, a.smenu:visited
{
 font-family: arial, serif;
 font-size: 16px;
 color: #476A88;
 background: #ffffff;
 text-decoration: none;
}

a.stmenu, a.stmenu:link, a.stmenu:visited
{
 font-size: 13px;
 background: #dddddd;
}

a.menu:hover, b.menu:hover, a.smenu:hover, b.smenu:hover, a.stmenu:hover, b.stmenu:hover
{
 color: #96B5D4;
/* background: #7B6E3C; */
}

a.stmenu:hover, b.stmenu:hover
{
 background: #000000;
}

a.menu:active, a.smenu:active, a.menu:focus, a.smenu:focus
{
 color: #476A88;
 background: #ffffff;
}

b.smenu b.stmenu
{
 visibility: hidden;
 position: relative;
 left: 120px;
 top: -41px;
 z-index: 1000;
}

b.smenu:hover b.stmenu
{
 visibility: visible;
}