/* CSS Document */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
	font: 62.5%/1.6 Geneva, Arial, Helvetica, sans-serif;
	background-image: url(images/body_bg.gif);
}

h1 {
  font-size: 2.4em;
  font-weight: normal;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
}


h1, h2 {
  margin-bottom: .5em 0;
}

p {
  
 font-size: 1.4em;
 margin: 0 0 12px 0;
}


#branding {
  height: 188px;
  background-image: url(images/masthead_bg.jpg);
  background-repeat: no-repeat;
}


#mainNav_wrapper {
  height: 167px;
  background-image: url(images/mid_bg.jpg);
}
	
#mainNav {
  width: 147px;
  float: left;
  list-style: none;


}

#mainNav_image {
  width: 655px;
  float: right;
}

.gutter {
 clear: both;
}

#image_holder {
  background-image: url(images/pictureholder.jpg);
  height: 296px;
}

.quotes {
  
}

.quotes p {
	padding: 10px;
	margin: 0 15px;
	background-color: #DEEFD1;
}

#section {
  background: url(images/section_bg.jpg) no-repeat;
  height: 44px;
}

#main_area {
  background-image: url(images/bg_repeat.jpg);
  padding: 10px 40px 0px 180px;
}


/* The Core 
================================= */


#wrapper {
  width: 802px; 
  margin: 10px auto 0 auto; 
  text-align: left;
  background: #fff;
  background-image: url(images/bg_repeat.jpg);
}

#main_area p {
  font-size: 1.2em;
  
}

#main_area h1 {
  font-size: 1.4em;
  color: #6BA376;
  font-weight: bold;
  padding: 5px 0 5px 0;
 }

#main_area h2 {
  font-size: 1.2em;
  font-weight: bold;
  padding: 5px 0 5px 0;
 }
 
 #main_area h3 {
  font-size: 1.2em;
  font-weight: bold;
  padding: 5px 0 5px 0;
 }
  #main_area td h1 {
   font-size: 1.1em;
   padding: 2px 0 2px 0;
   color: #000000;
   margin: 0;
 }

 #main_area td p {
   font-size: 1em;
   padding:2px 1px 0 1px;
   margin: 0;
 }

#mainNav li { 
 font-size: 12px;
 color: #FFFFFF;
} 


/** Navigation **/
#mainNav ul {
  margin: 0;
  padding: 2px 0 0 0;
  list-style-type: none;
}

#mainNav li {
  display: inline: /* :KLUDGE: Removes large gaps in IE/Win */

}

#mainNav a {
  text-align:center;
  display: block;
  width: 147px;
  height: 26px;
  line-height: 26px;
  color: #000;
  text-decoration: none;
  background: #AED1A8 url(images/bg_nav_main.gif) no-repeat left bottom;
  padding-bottom:1px;
}

#mainNav a:hover, .selected a {
  background-color: #AED1A8;
  background-position: right bottom;
  width: 147px;
  color: #fff;
}

#mainNav .first a {
  height: 26px;
  line-height: 26px;
}



#footer { 
  background: url(images/footer.jpg) no-repeat;
  height: 66px;
} 

#end_center {
  width: 802px;
  margin: 0 auto;	
}

#end_center p {
  font-size: 1.1em;
  text-align: center;
  color: #333;
  margin: 0;
  padding: 0;
}

#end_center a {
  color: #6A6A6A;
  font-size: 1em;

}

#end_center a:link {
  color: #6A6A6A;
  text-decoration: none;
}


#end_center a:hover, a:visit {
  color: #999999;
  font-size: 1em;
  text-decoration: underline;
}

.quotes p {
	padding: 10px;
	margin: 0 15px;
	background-color: #DEEFD1;
}

#main_area ul {
 padding: 5px 0;
 font-size: 1.2em;
 list-style: outside;
 padding-left: 20px;

}

#main_area li {
  
}