html, body 
{
    margin-left:0;
    margin-right:0;
    margin-top:0;
    margin-bottom:0;
    background-color:#F3F2ED;
}

#mainbody
{
    height:405px;
    width:980px;
    margin-left:auto;
    margin-right:auto;
    background-image:url(images/pearlmidborder.png);
    background-repeat:repeat-x;
}

#headbord
{
    height:9px;
    width:auto;
    background-image:url(images/pearltopborder.png);
    background-repeat:repeat-x;
    
}

#midbody
{
    height:405px;
    width:auto;
    background-image:url(images/pearlmidborder.png);
    background-repeat:repeat-x;
}

#footer
{
    height:50px;
    width:auto;
    background-image:url(images/pearlfooterborder.png);
    background-repeat:repeat-x;
    
}

#dataarea
{
    height:auto;
    width:980px;
    margin-left:auto;
    margin-right:auto;
    background-color:#F3F2ED;
    min-height:350px;
    overflow:auto;
    overflow:hidden;
}

#footerbody
{
    margin-left:auto;
    margin-right:auto;
    width:980px;
    height:50px;
    
}

#button1
{
    float:left;
    width:177px;
    height:50px;
    margin-left:auto;
    margin-right:auto;
}
#button2
{
    float:left;
    width:177px;
    height:50px;
    margin-left:auto;
    margin-right:auto;
}
#button3
{
    float:left;
    width:177px;
    height:50px;
    margin-left:auto;
    margin-right:auto;
}
#button4
{
    float:left;
    width:177px;
    height:50px;
    margin-left:auto;
    margin-right:auto;
}
#button5
{
    float:left;
    width:177px;
    height:50px;
    margin-left:auto;
    margin-right:auto;
}

#logoandtopnav
{
    width:auto;
    height:82px;
}

#logoblock
{
    width:894px;
    height:82px;
    margin-left:auto;
    margin-right:auto;
}

#logo
{
    width:450px;
    height:82px;
    float:left;
}

#topnav
{
    width:444px;
    height:82px;
    float:left;
}

#leftnavbuffer
{
    width:104px;
    height:35px;
    float:left;
}

#topnavleftside
{
    width:20px;
    height:35px;
    background-image:url(images/leftangletopnav.png);
    background-repeat:no-repeat;
    float:left;
}

#topnavrightside
{
    width:20px;
    height:35px;
    background-image:url(images/rightangletopnav.png);
    background-repeat:no-repeat;
    float:left;
}

#topnavmidside
{
    width:300px;
    height:35px;
    float:left;
}

.topnavbuttondivs
{
    width:100px;
    height:35px;
    float:left;
    background-image:url(images/topnavmainsection.png);
    background-repeat:repeat-x;
    text-align:center;
}

#maingraphics
{
    width:auto;
    height:323px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

#buttonbar
{
    width:894px;
    height:auto;
    padding-left:43px;
    padding-right:43px;
    text-align:center;
    position:relative;
    float:left;
}

#newstop
{
    width:298px;
    height:15px;
    float:left;
    background-image:url(images/leftmediatop.png);
    background-repeat:no-repeat;
}
#newsmid
{
    width:298px;
    height:auto;
    float:left;    
    background-image:url(images/leftmediamid.png);
    background-repeat:repeat-y;
}
#newsbot
{
    width:298px;
    height:15px;
    float:left;
    background-image:url(images/leftmediabot.png);
    background-repeat:no-repeat;
}

#newstext
{
    width:250px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}


#leftdiv
{
    float:left;
    width:595px;
    height:auto;
}
#leftdivtext
{
    width:555px;
    height:auto;
    float:left;
}

#buffer
{
    float:left;
    width:22px;
    height:auto;
}
#bufferleft
{
    float:left;
    width:18px;
    height:auto;
}
#rightdiv
{
    width:298px;
    height:auto;
    float:left;
}

#content
{
    width:898px;
    height:auto;
    padding-left:43px;
    padding-right:43px;
    position:relative;
    float:left;
}

.textheaders
{
    color:#1388AF;
    font-size:large;
    font-family:Arial;
}

.newsheaders
{
    color:Black;
    font-size:large;
    font-family:Arial;
}

.bodytext
{
    font-size:small;
    font-family:Arial;
}

.toplinks a:link
{
    padding-top:10px;
    font-size:medium;
    font-family:Times New Roman;
    color:White;
    text-decoration:none;
}

.toplinks a:visited
{
    padding-top:10px;
    font-size:medium;
    font-family:Times New Roman;
    color:White;
    text-decoration:none;
}

.toplinks a:active
{
    padding-top:10px;
    font-size:medium;
    font-family:Times New Roman;
    color:White;
    text-decoration:none;
}

.toplinks a:hover
{
    padding-top:10px;
    font-size:medium;
    font-family:Times New Roman;
    color:#FFCC00;
    text-decoration:none;
}

#sectionbordertop
{
    background-image:url("images/sectiontop.png");
    background-repeat:no-repeat;
    width:555px;
    height:35px;
}

#sectionborderbottom
{
    background-image:url("images/sectionbottom.png");
    background-repeat:no-repeat;
    width:555px;
    height:35px;
    text-align:right;
    color:White;
}

#menulists
{
    text-align:right;
}


#footerleft
{
    width:384px;
    height:auto;
    float:left;

}

#footerright
{
    width:500px;
    height:auto;
    float:left;
    text-align:center;

}

#footertext
{
    width:884px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}


#leftdivhowitworks
{
    float:left;
    width:414px;
    height:auto;
}
#leftdivtexthowitworks
{
    width:380px;
    height:auto;
    float:left;
}

#rightdivhowitworks
{
    width:480px;
    height:auto;
    float:left;
}

#bufferhowitworks
{
    float:left;
    width:20px;
    height:auto;
}


.linksbordertop
{
    width:555px;
    height:40px;
    background-image:url("images/linksborder.png");
    background-repeat:no-repeat;
}

.linksbordermid
{
    width:555px;
    height:auto;
    background-image:url("images/linksbordermid.png");
    background-repeat:repeat-y;
    overflow:auto;
}

.linksborderbot
{
    width:555px;
    height:20px;
    background-image:url("images/linksborderbot.png");
    background-repeat:no-repeat;
}

.linkstext
{
    width:515px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}

.linksheadertext
{
    width:515px;
    height:40px;
    margin-left:auto;
    margin-right:auto;
    padding-top:10px;
    color:White;
    font-size:large;
}

#centercontent
{
    text-align:center;
    width:534px;
    margin-left:17px;
    height:auto;
    float:left;
    
}


.fullbordertop
{
    background-image:url("images/fultop.png");
    background-repeat:no-repeat;
    width:898px;
    height:40px;
}

.fullbordermid
{
    background-image:url("images/fulmid.png");
    background-repeat:repeat-y;
    width:898px;
    height:auto;
    overflow:auto;
}

.fullborderbot
{
    background-image:url("images/fulbot.png");
    background-repeat:no-repeat;
    width:898px;
    height:40px;
}
.fullheadertext
{
    width:849px;
    height:40px;
    margin-left:auto;
    margin-right:auto;
    padding-top:10px;
    color:White;
    font-size:large;
}

.fullcontent
{
    width:898px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    overflow:auto;
}

#allclientlist
{
    width:328px;
    height:auto;
    float:left;   
}

.listofclients
{
    width:328px;
}

.joblisttext
{
    width:840px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}

#clientcontent
{
    width:534px;
    margin-left:17px;
    height:auto;
    float:left;
    overflow:auto;
    
}

#clienttext
{
    width:500px;
    margin-left:auto;
    margin-right:auto;
    height:auto;
    overflow:auto;
    
}

#clientname
{
    width:860px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    background-color:#E5E5E5;
}

#energysection
{
    width:870px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}

#smalltopsy
{
    width:360px;
    height:40px;
    background-image:url("images/smaltop.png");
    background-repeat:no-repeat;
}

#smallmidsy
{
    width:360px;
    height:auto;
    background-image:url("images/smallmid.png");
    background-repeat:repeat-y;
    overflow:auto;
}

#smallbotsy
{
    width:360px;
    height:40px;
    background-image:url("images/smallbot.png");
    background-repeat:no-repeat;
}

.smallheadertext
{
    width:340px;
    height:40px;
    margin-left:auto;
    margin-right:auto;
    padding-top:10px;
    color:White;
    font-size:large;
}

.rightdivhowitworksjobs
{
    width:475px;
    height:auto;
    float:right;
}

#leftdivjobs
{
    width:360px;
    height:auto;
    float:left;
}

#jobsimagestop
{
    width:475px;
    height:40px;
    background-image:url("images/imagesborder.png");
    background-repeat:no-repeat;
}

#jobsimagesmid
{
    width:475px;
    height:auto;
    background-image:url("images/imagesbordermid.png");
    background-repeat:repeat-y;
}

#jobsimagesbot
{
    width:475px;
    height:40px;
    background-image:url("images/imagesborderbot.png");
    background-repeat:no-repeat;
}

.midheadertext
{
    width:450px;
    height:40px;
    margin-left:auto;
    margin-right:auto;
    padding-top:10px;
    color:White;
    font-size:large;
}

.smallmidsytext
{
    width:320px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}

.blueboldtext
{
    color:Blue;
    font-weight:bold;
}

.divstatsleft1
{
    width:200px;
    height:auto;
    background-color:White;
    float:left;
}

.divstatsright1
{
    width:120px;
    height:auto;
    background-color:White;
    float:left;
}

.divstatsleft2
{
    width:200px;
    height:auto;
    background-color:#E5E5E5;
    float:left;
}

.divstatsright2
{
    width:120px;
    height:auto;
    background-color:#E5E5E5;
    float:left;
}

.textheadersclients
{
    color:#1388AF;
    font-size:x-large;
    font-family:Arial;
}

#menuleft
{
    width:240px;
    height:auto;
    float:left;
}

#menuright
{
    width:600px;
    height:auto;
    float:left;
}

.divmenubars
{
    background-color:#E5E5E5;
    width:200px;
    height:auto;
    border:solid 1px black;
    text-indent:5px;
    display:block;
}

.divmenubars a:link
{
    font-size:medium;
    font-family:Times New Roman;
    color:Black;
    text-decoration:none;
    display:block;
    
}

.divmenubars a:visited
{
    font-size:medium;
    font-family:Times New Roman;
    color:Black;
    text-decoration:none;
    display:block;
    
}

.divmenubars a:active
{
    font-size:medium;
    font-family:Times New Roman;
    color:Black;
    text-decoration:none;
    display:block;
    
}

.divmenubars a:hover
{
    width:100%;
    background-color:White;
    font-size:medium;
    font-family:Times New Roman;
    color:#0F88AF;
    text-decoration:none;
    display:block;
    
}

.popupWindow
   {
        position:absolute;
        left:100px;
        top:50px;
        width:400px;
        border:solid 1px black;
        padding:10px;
        background-color:white;
        filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color=#cccccc); 
        display:none;
   }

.list td
   {
        border-bottom:solid 1px black;
        padding:10px;
   }
   


#centerlogin
{
    width:400px;
    margin-left:auto;
    margin-right:auto;
    height:auto;
    text-align:center;
}

table.ListViewTable
{
    border-color:Gray;
}

table.ListViewTable th
{
    background-color:Silver;
    text-align:center;
}

table.ListViewTable td
{
    border-width: 1px 1px 1px 1px;
    background-color:White;
    text-align:center;
}

.footerlinks a:link
{
    font-size:medium;
    font-family:Times New Roman;
    color:#1388AF;
    text-decoration:none;
}

.footerlinks a:visited
{
    font-size:medium;
    font-family:Times New Roman;
    color:#1388AF;
    text-decoration:none;
}

.footerlinks a:active
{
    font-size:medium;
    font-family:Times New Roman;
    color:#1388AF;
    text-decoration:none;
}

.footerlinks a:hover
{
    font-size:medium;
    font-family:Times New Roman;
    color:Navy;
    text-decoration:none;
}

#wrapper
{
    width:auto;
    height:100%;
    margin-left:0;
    margin-right:0;
    margin: 0px auto 0px auto;
}