/* css Zen Garden default style v1.01 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */


/* This file based on 'Tranquille' by Dave Shea */
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */

/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */

body {
	margin: 0;
	padding: 0;
	background-image: url(../images/bg_topo3.gif);
	background-repeat: repeat-y;
	background-color: #B84C03;
    background-position: center;
	
}

p {
	font: 80%/1.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-top: 0;
	margin-top: 0;
}

form {
	margin: 0;
	padding: 0;
}

#chapter-one {
      margin:0; padding:0;
      position:relative;
      width:800px; height:143px;
      overflow:hidden;
      }
   #chapter-one span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:800px; height:143px;
      margin:0; padding:0;
      background:url(../images/hotmc800c.jpg) top center no-repeat;
      }

#container {
	
	margin:0 auto;
	width:800px;
	position:relative;
}

/* Content*/

#content {
	
	margin: 0px 200px 0px 120px;
    padding: 10px; 
    /*background-image: url(../images/calbkgrd.jpg);*/
    /*background-color: #F4F4F4;*/
    
}

#content h1 {
	text-align: right;
	padding-right: 10px;
	font: 150% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #901602;
}
#content ul {
    font: 90%/1.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
    
}
#content li {
	font: 90%/1.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	
}



/* side1*/

#side1 {
	position: absolute;
	width: 90px;
   	top: 160px;
	left: 10px;
   	padding: 10px 0px 0px 0px;
}

#side1 h3 {
	font: 110% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #621313;
	background-color: transparent;
	margin: 0;
	padding-bottom: 4px;
}
#side1 ul {
    list-style: none;
	margin-left: 0;
	padding-left: 0;
	width: 100px;
}
#side1 li {
	font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-bottom: 0.1em solid #73646B;
    margin-bottom: 0.3em;
}
#side1 a:link {
    text-decoration: none;
	color: #901602;
	background-color: transparent;
}
#side1 a:visited {
    text-decoration: none;
	color: #901602;
	background-color: transparent;
}
#side1 a:hover {
	color: #621313;
}

/* side2*/

#side2 {
	position: absolute;
	width: 170px;
	top: 160px;
	right: 0px;
	padding: 10px 10px 10px 10px;
   
    
}

#side2 h3 {
	font: 110% Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #621313;
	margin: 0;
	padding-bottom: 4px;
    
}
.photobox {
	
	border: 1px dotted #000;
    background-image: url(../images/rei_bg_topo.gif);
	background-color: #F4F4F4;
}