element.style {
    background: none repeat scroll 0 0 #fff6da;
}

body {
	font: 78%/1.5 arial, helvetica, serif;
	background:#fff6da;
	color: #990000;
	/*background: white url(graphics/beige-texture.gif);*/
	/*background-attachment: fixed;*/ 
	padding: 0;
	margin: 0 0em;
	width:100%;
}

/*#header {
position:fixed;
width:100%;
-webkit-backface-visibility: hidden;
}
*/

#container {
	background: #FFDD88;
	text-align: left;
}


p #smurf {
	background: transparent;
	font-style: italic;
	text-align: center;
	font-weight: bold;
	color: #990000;
}

#smurf strong {
	font-size: 1.5em;
	color: #900;
}

h1 {
	height: auto;
	background: white;
	text-indent: 1em;
	margin: 1em 0 0 0;
}

#nav, #nav ul {
	float: left;
//	width: 92.5em;
	width:100%;
	list-style: none;
	line-height: 1;
	background: #ffcc88;
//	font-weight: bold;
	padding: 0;
	border: 1px solid #900;
	border-top: solid #FFC;
	border-left: solid #FFC;
	border-width: 1px 1px 1px 1px;
	margin: 0 0 0em 0;

}

#nav a {
	display: block;
//	width:100%;
	width: 7em;
	color: #990000;
	text-decoration: none;
	padding: 0.25em .25em;
}

#nav a.daddy {
	background: url(graphics/rightarrow1.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0px;
/*Below controls width between Main Stuff Membership etc*/
	width: 9.5em;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 16em;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
}

#nav li li {
	padding-right: 3em;
	width: 13em
}

#nav li ul a {
	width: 11.4em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14.6em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #eee;
}

#content {
	clear: left;
}

#content a {
	color: #7C6240;
}

#content a:hover {
	text-decoration: none;
}



#style1 {
	width: 60%;
	text-align: center;
	font-family: arial, serif;
	font-size: 16px;
	color: #C00000;
	margin: 0px auto;
	margin-top: 15px;

	background-color: #fedc82;
	border-bottom: 2px solid #FFBF27;
	border-top: 2px solid #FFFFCC;
	border-left: 2px solid #FFFFCC;
	border-right: 2px solid #FFBF27;
	padding: 3px;

}

.html-marquee {
text-align:center; 
height:20px; 
width:150px; 
background-color:#fff6da; 
font-family:arial,serif; 
font-size:12px; 
color:#990000; 
border-width:1px; 
border-style:solid; 
border-color:#990000;
}

#headerbox {
//position:fixed;
border-collapse:collapse;
font-size:1.8em;
width:none;
/*background-color:#ffdd88;*/
background: url('graphics/topbox.jpg') repeat-x;
/*margin-bottom:0px;*/
border-bottom: 2px solid;
}

#mission {
line-height:14px;
float:right;
margin-top:30px;
font-family:times roman, serif; 
font-size:16px;
font-variant:small-caps;
padding-right:10px;
}




   /* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#side-bar {
	z-index:10;
	text-align:center;
      background: #ffdd88;
      float: right;
      margin: 0em 0 0 1em;
      width: 180px;
	
   }

   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#side-bar #top {
	background: url('top.gif') repeat-x top;
      font-size: 1px;
      height: 32px;
      line-height: 1px;
   }

   div#side-bar #bottom {
	background: url('bottom.gif') repeat-x bottom;
      font-size: 1px;
      height: 32px;
      line-height: 1px;
   }



   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#side-bar #topleft {
      background: url(corners2.gif) no-repeat top left;
      float: left;
      height: 32px;
      width: 32px;
   }

   div#side-bar #topright {
      background: url(corners2.gif) no-repeat top right;
      float: right;
      height: 32px;
      width: 32px;
   }

   div#side-bar #bottomleft {
      background: url(corners2.gif) no-repeat bottom left;
      float: left;
      height: 32px;
      width: 32px;
   }

   div#side-bar #bottomright {
      background: url(corners2.gif) no-repeat bottom right;
      float: right;
      height: 32px;
      width: 32px;
   }

	

   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#side-bar #boxcontent {
	background: url(r-side.gif) repeat-y right;
  
     margin-top: -2em;
   }

   div#side-bar #l-side {
	background: url(l-side.gif) repeat-y left;
   }

   /* Finally, well give paragraphs in the box a little smaller top 
   and bottom margin just to keep things tight. */
   div#side-bar p {
	background-color:#fff6da;
	text-align:center;
	margin: 1em 1em 0 1em;
 /*     margin: .3em .6em;*/
	padding:3px;
	border:1px solid;
}

#ct-header {
width:100%;
/*position:fixed;*/
top:0px;
height: 56px;	
background: url(ct-bckgnd.jpg) repeat right bottom;	
}
#header-text{
margin-right:10px;
float:right;
font-size:1em;
color:#990000;
}