* {
 padding: 0;
 margin: 0;
}

body {
 background: url("../images/background.gif") fixed repeat-x top left; 
 font-family: Helvetica, Arial, sans-serif;
 color: #666666;
 font-size: 12px;
 background-color: #515151;

}

img {
	border: 0px;	
}

#wrapper {
 width: 770px;
 margin: 0 auto;
 vertical-align: middle;
 position: absolute;
 left: 50%;
 top: 50%;
 margin-left: -385px; /* half of width */
 margin-top: -240px;  /* half of height */
}

#header {
 background-color: #232323; 
 border: 1px solid #ddd;
 border-width: 1px 0; /*rem side borders*/

 margin: 5px;
 height: 70px;
 padding: 10px;
}
#navbar {
 border: 1px solid #ccc;
 margin: 5px;
 padding: 4px;
 background-color: #F0E7D9;
}
#leftcolumn { /* Parent Wrapper for inside boxes */
 border: 1px solid #FFF;
 margin: 0 5px 5px 5px;
 padding: 4px;
 display: inline; /* IE Hack */
 height: 360px; 
 position: relative;
 width: 20%;
 float: left;
 background-color: #DAC8BF; 
 min-height: 360px;
 vertical-align: middle;
 text-align: right;  /* type inspired by I*DF  */
 font-family: Eurostile, Futura, Helvetica, Arial, sans-serif;
 font-size: 1.4em;
 line-height: 2.8em;
}

#leftcolumn a{
	text-decoration:none; 
	color: #666666;
}

#leftcolumn a:visited {
  color: #666666;
}


* html #leftcolumn {height:300px} /* IE Min-Height Hack */ 

#centercolumn {
 border: 1px solid #FFF;
 margin: 0 0px 5px 0px;
 display: inline; /* IE Hack */
 padding: 4px;
 width: 75.4%;
 float: left;
 min-height: 360px;
 height: 360px;

 position:relative;
}
* html #centercolumn {height:300px} /* IE Min-Height Hack */ 

#rightcolumn {
 border: 1px solid #ccc;
 margin: 0 5px 5px 0;
 display: inline; /* IE Hack */

 padding: 4px;
 width: 159px;
 float: left;
 background-color: #C6AA9D;
 min-height: 300px;
}
* html #rightcolumn {height:300px} /* IE Min-Height Hack */ 

#footer {
 background-color: #A3A38F;
 border: 1px solid #ddd;
 border-width: 1px 0; /*rem side borders*/
 clear:both;
 text-align: right;
 margin: 0 5px 5px 5px;
 display: inline; /* IE Hack */
 padding: 4px;
 float: left;
 width: 97.7%;
}

#burnt{
	color: #CC6600;
}
#main {
	height: 360px; 
	position:relative
}
#sections {
	height: 360px; /* ie needs the inside div to be set too sigh*/
	position:relative
}
.burnt, orng{
	color: #CC6600;
}


.indentsmall{
	padding-left: 50px
}
.indent_tiny{
	padding-left: 20px
}
.indent_med{
	padding-left: 70px
}

h2{
	color: #CC6600;
	font-family: Eurostile, Futura, Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	font-weight: 200;	
	
	
}

.content{
	position:absolute; 
	top: 2px; 
	left: 2px;
}

.contentHid{
	position:absolute; 
	top: 2px; 
	left: 2px;
	/*opacity: 0; done it js just so css will validate :-/ */
	display: none;
}

.serif{
	color: #eee;
	font: small palatino,Georgia, serif; 
	letter-spacing: 1px;	
	font-weight: 100;	
}