<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dynamic Drive: CSS Fixed Layout #3.1- (Fixed-Fixed-Fixed)</title>
<style type="text/css">

body{
margin:0;
padding:0;
line-height: 1.5em;
}

body {
color: #666;
	margin: auto;
	width: 800px;
	background-color: #fff;
	padding-top: 20px;
	font: .8em Garamond, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	word-spacing: 1px;
}

b{font-size: 1em;}
em{color: red;}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}


#menulinks {
	background-color: #fff;
	text-align: right;
	direction: rtl;
	margin-left: 65px;
	padding-bottom: 25px;
	padding-top: 10px;
	border-top: 2px dotted #ccc;
	width: 85%;
	float: left;
	clear: both;
}

#menulinks a {
background-image:none;
color: #807669;
text-transform:uppercase;
float:left;
padding-right: 5px;
	letter-spacing: 5px;
	direction: rtl;
	padding-top: 14px;
	padding-left: 5px;
	margin-left: 5px;
	margin-right: 5px;
	text-decoration: none;
	font: normal bold .8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	list-style-type: none;
}

#menulinks a:hover, #menulinks a:hover.active {
text-decoration:none;
	background: none no-repeat center bottom;
	color: #d30;
	direction: rtl;
	float: left;
}

.menuline {
width:2px;
display:block;
float: left;
	height: 35px;
	background: none no-repeat;
}

#header{
background: #fff url(images/aeternus-headerphoto.jpg) no-repeat;
height: 125px;
	width: 864px;
}


a {font-size: 1em;
	color: #789;
	text-decoration: none;
}

a:hover {font-size: 1em;
	color: #d30;
	text-decoration: none;
}

a:active {font-size: 1em;
	color: #d30;
	text-decoration: none;
}

a:visited {font-size: 1em;
	color: #da4;
	text-decoration: none;
}



h1 {font-size: 1em;
	color: #789;
	text-decoration: none;
}

h2 {
	color: #789;
	letter-spacing: 6px;
	margin-top: 15px;
	margin-bottom: 5px;
	font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h3 {
	color: #d30;
	letter-spacing: 6px;
	margin-top: 15px;
	margin-bottom: 5px;
	font: .85em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h4 {
	color: #789;
	text-decoration: none;
	letter-spacing: 2px;
	word-spacing: 5px;
	font-variant: small-caps;
	font-size: 1.4em;
}

#objectflash {
	background-color: #807669;
	padding: 10px;
	width: 300px;
	height: 300px;
}

#objectflashangelus {
	background-color: #807669;
	padding: 10px;
	width: 400px;
	height: 400px;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#accordion {
	margin:20px 0px;
}

h3.toggler {
	cursor: pointer;
	border: 1px none #f5f5f5;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 12px;
	color: #807669;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
	background-image: url(images/toggleline.png);
	text-indent: 5px;
	letter-spacing: 5px;
}

div.element p, div.element h4 {
	margin:0px;
	padding: 4px;
}

blockquote {
	padding:5px 20px;
}

#contentwrapper{
float: left;
width: 100%;
	padding-bottom: 25px;
	padding-top: 25px;
	background: url(images/wrapper.png) no-repeat;
}

#contentwrapper2{
float: left;
width: 100%;
	padding-bottom: 25px;
	padding-top: 25px;
	text-align: right;
	background: url(images/wrapper.png) no-repeat;
}

#contentwrapper3{
float: left;
width: 100%;
	padding-bottom: 25px;
	text-align: right;
	background: url(images/wrapper.png) no-repeat;
}

#contentcolumn{
margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -840px;
}

#rightcolumn{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px;
	background: none 2%;
}

#footer{
clear: left;
width: 100%;
color: #89957a;
text-align: center;
	letter-spacing: 3px;
	word-spacing: 3px;
	font: .7em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	list-style-type: square;
	opacity: 1;
	padding-top: 25px;
	padding-left: 0;
	padding-bottom: 4px;
}

#footer a{
color: #807669;
	opacity: 1;
	padding-right: 8px;
	padding-left: 8px;
}

#footer a:hover{
color: #d30;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

</style>