/*  Based on frameworks at: http://www.conceptnova.com/  
    For fixed 970: use text-align in body, #wrapper div  */

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

body {
font: 76% arial, sans-serif; 
margin: 1.5em; 
line-height: 1.6em; 
}

a {
color: #FF4500;
text-decoration: none;
}

h1 a, h2 a, h3 a {
color: #000000;
text-decoration: none;
}

ul li { 
list-style-type: disc; 
}

ul li:hover { 
list-style-type: circle; 
}

ul a:visited:after {
content: "\00A0\221A";
font-size: 75%;
}

ul li:visited { 
list-style-type: circle; 
}

/* #wrapper { 
width: 970px; 
text-align: left; 
margin: 0 auto; 
} */

#header { 
margin: 0 0 15px 0; 
padding: 5px; 
border: 1px solid #8B5413; 
}

#header h1 { 
font-size: 20px;
line-height: 40px; 
margin: 0; 
padding-left: 10px;
background: #ADD8E6;
border: 1px solid #8B5413; 
text-align: center;
}

#header h2 { 
line-height: 50px; 
margin: 0; 
padding-left: 10px;
background: #ADD8E6;
text-align: center;
}

#left { 
float: left; 
width: 47%;
background: #FFFFFF;
border: 1px solid #8B5413; 
padding: .8em; 
margin: 0 0 15px 0;
}

#right {
float: right;
width: 47%; 
background: #FFFFFF;
border: 1px solid #8B5413; 
padding: .8em; 
margin: 0 0 15px 0;
}

#left h3, #right h3, #footer h3 { 
line-height: 20px; 
margin: 0; 
padding-left: 10px;
background: #ADD8E6;
border: 1px solid #8B5413; 
text-align: center;
}

.image { 
border: 1px solid #ccc; 
background: #eee; 
height: 200px; 
padding: 10px; 
}

#footer { 
clear: both; 
border: 1px solid #8B5413; 
padding: 5px; 
background: #FFFFFF;
text-align: center;
}