#outer
{ 
    text-align:right;
    border: 1px solid #000000;
    margin: auto;
    min-height: 400px;
    position:relative;
    z-index:0;
}

#hdr
{    
    height: 130px;
    background: #eeeeee;
    color: #333333;
   
}

#bar
{
    background: #c0c0c0;
    color: #333333;
    border: solid #000000;
    height: 20px;
    border-width: 1px 0 1px 0px;    
}

#bodyblock
{
    /*position: relative; */
    background: #ffffff;
    color: #333333;
    padding: 0;
    min-height: 400px;           
    /*z-index:1;*/
}

.l-col
{
    float: left; /*background:#dcdcdc;*/
    background: #EBEBED;
    height: 100%;
    color: #333333;
    width: 30%;
    /*text-align: center;*/
    overflow: auto;

}

.cont
{
    width: 575px;
    background: #ffffff;
    color: #333333;
    border: solid #000000;
    border-width: 0 0 0 1px;
    text-align: left;
    padding: 0.5em;
    min-height: 600px;
}

#ftr /*contains a footer web page*/
{
    height: 18px;
    background: #2A5ABE;
    color: #333333;
    border: solid black;
    border-width: 1px 0 0 0;
    margin: 0;
    color:White;
}

/* ----------container to center the layout-------------- */
#container {
width: 972px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #EBD3E0;
border:1px solid black;
z-index:-1;
}

/* ----------banner for logo-------------- */
#banner 
{
background-color: #e1ddd9;
text-align:left;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px;} 

/* -----------------content--------------------- */
.element_content {
background-color: #ffffff;
padding: 1em;
margin-right: 0px;
border-left:1px solid black;
text-align:left;
}

div.element_content { 
min-height:800px;
height:expression(this.scrollHeight > 586 ? "auto":"586px");  
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navi------------- */
.leftCol {
float: left;
width: 237px; /*Frank*/
margin: 0px;
padding: 0px;
}


/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }