html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background: #151515;
} 

h1 {font-family: Arial, Helvetica, sans-serif; margin: 10px; font-size: 1.60em; line-height: 1.75em; color: #0373E2}

h2 {font-family: Arial, Helvetica, sans-serif; margin: 10px; font-size: 1.00em; line-height: 1.75em; color: #110009}

p {margin: 10px; font-size: 0.80em; line-height: 1.75em; background: #ffffff; color: #000000;}

ul, ol {font-size: 0.9em}
ul a, ol a {text-decoration: none}
ul a:hover, ol a:hover {color: #333}

li {display: block;}
li a { display: block;padding: 0 10px; color: #0373E2}
li a:hover {text-decoration: underline; cursor: pointer; color: #000000; border-right: #3E3E3E solid 1px}

#logo {
 float:left;
 margin-top:7px;
 margin-left:7px;
}

#wrap{ 
 width:885px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background: #FFFFFF; 
} 

#header{
 position:relative;
 text-align:right; 
 height:85px; 
 background:#000000;
 background:#333333 url(./images/header.gif) repeat;
 width:100%;
} 
 
#menu{
 width:20%; 
 float:left; 
 position:relative; 
 background-color:#FFFFFF; 
 }
 
#content{
 background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:80%; 
 }
 
table.processes
{
 width: 480px;
 background-color: #FFFFFF;
 border: 1px #000000 solid;
 border-collapse: collapse;
 border-spacing: 0px;
 }


td.buildHead
{
 background-color: #99CCCC;
 border: 1px #000000 solid;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 12px;
 color: #404040;
 }


td.process
{
 border-bottom: 1px #6699CC dotted;
 text-align: left;
 font-family: monospace;
 font-weight: normal;
 font-size: 0.9em;
 color: #404040;
 background-color: #fafafa;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 8px;
 padding-right: 0px;
 }

#box {
 background: #669933 url(images/box-top-left.gif) no-repeat;
 position: relative;
 padding: 20px;
 width: 600px;
 height: auto;
 font-family: Arial, Helvetica;
 font-size: 1.00em;
 }

span.box-top-right, span.box-bottom-left, span.box-bottom-right {
 position: absolute;
 width: 20px;
 height: 20px;
 display: block;
 }

span.box-top-right {
 background: url(images/box-top-right.gif) no-repeat;
 top: 0;
 right: 0;
 }

span.box-bottom-left {
 background: url(images/box-bottom-left.gif) no-repeat;
 bottom: 0;
 left: 0;
 }

span.box-bottom-right {
 background: url(images/box-bottom-right.gif) no-repeat;
 bottom: 0;
 right: 0;
 }

.percent{
display: block;
float: left;
background:url(images/percent.png) top left no-repeat;
height: 17px;
width:250px;
}

.percent span{
background:url(images/percent.png) bottom right no-repeat;
display:block;
float:left;
height:17px;
}

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

* html .clearfix{height: 1%;}
.clearfix{display: block;}