/************/
/*  GLOBAL  */
/************/
html, body {
height: 100%; /* or the height property above will not work */
margin: 0; /* to avoid scrollbars */
padding: 0;
text-align:center;
}
/* NON-HEADER */
 body {
	font-size:62.5%;
	background-color:rgb(20,4,4);
	font-family:verdana,arial,sans-serif;
	color: #666666;
} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:900px; margin:0px auto; margin-top:10px; font-size:1.0em;}
.main {clear:both; width:900px; height: 161px; margin:0px; background:transparent;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; height: 161px; float:right; width:450px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; background: url(../images/secret_springs_04.jpg);}
.main-content {display:inline /*Fix IE floating margin bug*/; float:left; height: 161px; width:450px; margin:0px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:900px; padding:0; margin:0px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/* --- For alternative headers START PASTE here --- */

/* HEADER */
.header {width:900px; font-family:"trebuchet ms",arial,sans-serif;}
.header-top {width:900px; height:180px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle {width:900px; height:262px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

p {text-align:center; color:rgb(204,102,51); font-weight:bold; font-size:110%;}
a {text-decoration:none; color:rgb(204,102,51);}
a:hover {text-decoration:underline; color:rgb(208,103,57);}
a:visited {color:rgb(204,102,51);}