/**************************************************************
   #wrapper & #content: wrapper positions and sets the width
   on the content.  The background is then applied to #content.
 **************************************************************/

#wrapper {
  width: 900px;
  height: 100%;
  margin: 0 auto;  
  text-align: left;	
}


#content { 
   margin-top:20px;
   float: left;
  width: 900px;
  height: 100%;
  min-height: 100%; 
  background: url(../images/main_frame4.jpg) repeat-y top center;
}


#content[id] {
  height: auto;  
}


/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/

#header {
  width: 900px;
  background:  url(../images/header_frame2.jpg) repeat-y top center;
}

/* Forces IE to set the hasLayout flag and show the header at the height of its contents \*/
* html #header {
  height: 1%;
}
/* End hide from IE-mac */


#header h1 {
  margin: 0;
  margin-left: 28px;
  padding: 2em 0 0 1em;  
  background: none;
  font-size: 2.75em;
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #6E310B;
  width: 800px;
}


#header h2 {
  margin: 0;
  margin-left: 65px;
  padding: .5em 0 1em 0; 
  background: none;
  color: #6E310B; 
}


ul#menu {
  margin: 10px 10px;
  padding: 0 30px 0 0px;
  list-style: none;
  /*border-right: 1px solid #F1FFE3;*/
}

ul#menu li {
  padding-left: 20px;
  background: url(../images/bullet.gif) no-repeat;
  background-position: 0 3px;
  font: 1.25em Helvetica, Arial, sans-serif;
  line-height:1.35em;}

ul#menu li a.here {
  color: #BE5610;
}

ul#menu li a:visited {
   
}

ul#menu li a:hover {
	text-decoration: underline;
}

/**************************************************************
   .footer: Site footer
 **************************************************************/
.footer {
	background: url(../images/footer.jpg) no-repeat bottom;
	height:80px;
}
	
ul.footer_menu {
  width: 802px;
  margin: 0 auto;  
  padding: 0 !important;
  border-top: 1px solid #EEDECE;
}

ul.footer_menu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.footer_menu li a {
  font-size: 0.85em;
  float: left;  
  padding: 15px 0 5px 10px;
  text-align: center;
  text-decoration: none;
  line-height:1em;}
  
  
ul.footer_menu li a:hover {
  text-decoration: underline;
}
  
  
/* helper classes to control width of links */
ul.two li a {
  width: 50%;
}

ul.three li a {
  width: 33%;
}

ul.four li a {
  width: 25%;
}

ul.five li a {
  width: 20%;
}

ul.six li a {
  width: 15%;
}


/**************************************************************
   #page: Holds the main page content.
 **************************************************************/

#page {  
  float: left;
  clear: both;   
  width: 802px !important;
  width: 100%;
  
  padding: 2em 49px;  
}

/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 {
  width: 100%;
}

.width75 {
  width: 73%;
}

.width66 {
  width: 64%;
}

.width50 {
  width: 48%;
}

.width33 {
  width: 31%;
 
}

.width25 {
  width: 23%;
}



/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignCenter {
  text-align: center;
}



/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
  clear: both;
}

.block {
  display: block;
}

.no_bg {
	background: #933; }
	
/*.big {
  font-size: 1.3em;  
}

.big_purposes {
	font-size: 1em;
	}
	*/

.small {
  font-size: 0.85em;  
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.grey {
  color: #AAA;
}

.green {
  color: #82C048;
}

.darkBrown {
  color: #512103;
}

.beigeBg {
  padding: 0 10px;
  background-color: #F5F5DC;
  border: 1px solid #D5C9C2;
}