html, body {margin: 0; padding: 0; border: 0;}

body {
color: #000; 
background-color: #eee; 
font-family: verdana, sans-serif; 
font-size: 80%; 
text-align: center;
margin: 30px 0;
}

p  {margin: 0; padding: 8px;}

h1 {font-size: 1.8em; text-align: center; padding: 10px;}
h2 {font-size: 1.6em; text-align: center; padding: 10px;}
h3 {font-size: 1.4em; text-align: center; padding: 10px;}
h4 {font-size: 1.2em; text-align: center; padding: 10px;}

.clear { clear: both; }

a {text-decoration: underline; font-weight: bold; color: #000;}

.alignright {margin-top: 0; text-align: right;}

.small {font-size: .9em;}


.wrapper {
margin: 0 auto;
width: 697px;
text-align: left;
background: #add8e6;
border: 2px solid #000;
}

* html .wrapper {
width: 700px; 
w\idth: 697px; 
}

.outer {
border-left: 150px solid #fcc;  
border-right: 130px solid #cfc;
}

.inner {
margin-left: -2px; 
width: 548px; 
border: 2px solid #000;
border-width: 0 0 0 2px;
}

* html .inner {
width: 100%;
}

.float-wrap {
float: left;
width: 567px;
margin-left: -150px;      
}

.left {
float: left;
width: 147px;
position: relative; 
}

.right {
float: right; 
width: 130px;
position: relative; 
}

* html .right {
margin: 0 -130px 0 0; 
}

.center {
float: right;
width: 415px;
}

.wide {
background-color: #ffc;   
width: 100%; 
border: 2px solid #000;
font-size: 1.4em;
font-weight: bold;
}

.wide p {padding: 5px;}

.top {border-width: 0 0 2px;}

.bottom {border-width: 2px 0 0;}

html>body .inner, html>body .float-wrap {
border-bottom: 1px solid transparent;
}