html { 
 padding:0px;
 margin:0px;
}

body {
 background-color: #EEE8E8;
 font-size: 12px;
 font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
 color:#000000;  
 padding:0px;
 margin:0px;
}


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

a:hover { 
 color: #FF004D;
 text-decoration: underline; 
}

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

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

a { 
 font-size: 11px;
 background-color: transparent;
}
 
pre { 
 color: #919191;
 font-size: 11px;
 font-family: Courier, Monaco, Monospace;
}

strong {
 font-size: 13px;
}

#sub {
 font-size: 11px;
 margin: 0px 15px 0px 15px;
 padding: 0px 5px 0px 5px;
}

ul {
 margin: 5px 0px 15px 20px;
}

li {
 margin: 0px 0px 0px 20px;
}

ul, li {
 padding: 0px;
}

p,h1, h3, pre {
 padding: 5px 15px;
 margin: 0px;
}

hr {
 background-color: #E8EEE8;
 margin: 5px 10px 5px 10px;
}

h3 {
 margin: 0px 0px 10px 0px;
 font-size: 15px;
 text-transform:uppercase;
 color: #819298;
 background-color: transparent;
}

img {
 margin: 5px 5px 5px 5px;
}

#framed {
 border: 1px solid #E0E0E0;
 padding: 2px;
 background-color: #FFFFFF;
}

#cen {
 text-align: center;
}

#logo { 
 position: absolute;
 left: 2%; 
 width: 96%; 
 text-align: center;
 top: 20px;
 background-color: #ffffff;
 border: 1px solid #80FF80;
}

#left { 
 position: absolute;
 left: 2%; 
 width: 25%; 
 top: 161px; 
}

#middle { 
 position: absolute;
 left: 28%; 
 width: 25%; 
 top: 161px; 
}

#right { 
 position: absolute;
 left: 54%; 
 width: 44%; 
 top: 161px; 
 overflow: auto;
}

#right, #middle, #left { 
 background-color: #E8EEE8;
 border: 1px solid #FF8080;
 padding:0px;
 margin:0px;
}