html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
body {
  background-color: #2b1a19;
  background-image: url(../Images/backgrounds/DeepRedSwirlsMuslin.jpg);
  color: #FFFFFF;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}
h1 {
	color: #c0a26c;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 14px;
}
h2 {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}

h3 {
	color: #c0a26c;
	font-family: Futura, "Trebuchet MS", Verdana;
	font-size: 14px;
	font-weight: 400;
	line-height: 14px;
}
p { /* I added this style because the orignial designer seemed to add "style 8" to every p tag. I hesitate to add it to the body tag because
		things were so poorly put together, i am not sure what it would break. -- Gabe 10/17/08*/
	font-family: Futura, "Trebuchet MS", Verdana;
	font-size: 16px;
	color: #AF9363;

}


a,  a:link {
  color:  #DADEE1;
  font-weight: normal;
  text-decoration: none;
}
a:visited {
  color: #DADEE1;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
a:focus {
  color: #FFFFFF;
  text-decoration: none;
}
a:active {
  color: #FFFFFF;
}
#outerWrapper {
  background-color: #2b1a19;
  border: solid 2px #000000;
  margin: 15px auto 15px auto;
  padding: 0px 0px 0px 0px;
  text-align: left;
  width: 800px;
}

#outerWrapper #contentWrapper #header {
background-image: url(../Images/backgrounds/head/header_leather.jpg)  ;
background-repeat: no-repeat;
height: 323px;
width: 800px;
}

#navcontainer {
position: relative;
}

#navbox {
position:absolute;
top: 25px;
left: 600px;
}




#outerWrapper #contentWrapper #rightColumn1 {
background-image: url(../Images/backgrounds/Right/brown_leather.jpg);
  background-color: #623a18;
  background-image:;
  background-repeat: repeat-y;
  border-style: none;
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
  width: 188px;
}

#outerWrapper #contentWrapper #rightColumn1 #scroll {
background-color: #623a18;
padding: 0;
height: 450px;
width: 185px;
}
#scroll h1 {
padding:5px;
}

#outerWrapper #contentWrapper #rightColumn1 #scroll h1{
font-family:Futura, "Trebuchet MS", Verdana;
font-size: 14px;
font-weight: 200;
letter-spacing:1px;
}

#outerWrapper #contentWrapper #content {
  background-color: #2b1a19;
  background-image:;
  background-repeat: no-repeat;
  border-style: none;
  margin-bottom: 0;
  margin-right: 210px;
  margin-top: 0;
  padding: 10px 10px 10px 10px;
}
#content {
width:550px;
}
#outerWrapper #contentWrapper .clearFloat {
  clear: right;
  display: block;
}
#outerWrapper #footer {
  background-color: #2b1a19;
  padding: 5px 5px 5px 5px;
}

/* Not sure how these styles originated. I pulled them from the "retreats page" while fixing the scrolling feature and included them here as oppossed to individual pages. 
10/15/08 --Gabe */
.style1 {color: #343434}
.style2 {
	color: #A8810C
}
.style4 {	font-family: Futura, "Trebuchet MS", Verdana;
	font-weight: bold;
	font-size: 24px;
	color: #AF9363;
}
.style5 {
	color: #623A18
}
.style6 {
	font-size: 14px;
	}
.style7 {
	font-family: Futura, "Trebuchet MS", Verdana;
	font-weight: bold;
	font-size: 24px;
	color: #AF9363;
}
.style8 {
	font-family: Futura, "Trebuchet MS", Verdana;
	font-size: 16px;
	color: #AF9363;
}
.style9 {color: #AF9363}
.style12 {
	color: #AF9363;
	font-style: italic;
}
.style13 {font-size: 14; }

.style14 {font-family: Futura, "Trebuchet MS", Verdana; font-size: 16px; color: #AF9363; font-weight: bold; }
.style15 {
	font-size: 14px;
	font-style: italic;
	color: #AF9363;
}
.style16 {font-size: 14px; font-weight: bold; }
.style17 {	font-family: Futura, "Trebuchet MS", Verdana;
	font-weight: bold;
	font-size: 24px;
	color: #AF9363;
}
marquee { padding:10px; } /* this is a deprecated solution for the scrolling text on the pages. though it is deprecated, it is widely supported. there are also signs that something like this will be brought back in css 3. at which point this can be switched out. */

div.smileLogo {
	text-align:center;
}
div.smileLogo h2 {
	font-size:14px;
	color:#fff;
}
div.smileLogo span {
	font-size:14px;
	color:#fff;
}