* { margin: 0; padding: 0;}

body {


   background: #FDF7B8 url(../images/pink_header.gif) repeat-x top;


	}

	
	
	

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


	}
	

	
div#header { 
   width: auto; 
   background:url(../images/header.gif) no-repeat;
   text-align: center; 
   padding-top: 20px;
   height: 168px;
   margin: 0 auto; 

   }
   
      div#header2 { 
   width: 829px; 
   background-color: #FDF7B8;
   position:absolute;
   top: 167px;
   height:10px;

   }
   

	
#menu {

	color:#fff;
		font: 9pt verdana, arial, san-serif;
		font-weight: lighter;
		position:absolute;
		top: 133px; left: 0px;
		text-align: center;
		width: 100%;
		margin: 0 auto; 

/* Based on sliding doors technique. the border is below tabbed navigation,
tabs bleed below when selected */
background: url(../images/bg.jpg) repeat-x left bottom;

}

#menu ul {
/* floats within navigation div, removes bullets and spaces. */
float: left;
margin:0;
padding:0;
list-style:none; 
padding: 10px 10px 1px;
}

#menu li { 
/* sliding doors to create sized tabs with rollovers. */
float:left;
margin:0px 1px;
padding:0;
/* set right inactive tab. */
background: url(../images/tab.gif) no-repeat right top;
}

#menu li.selected { 
/* sliding doors to create sized tabs with rollovers. */
float:left;
margin:0px 1px;
padding:0;
/* set right inactive tab. */
background: url(../images/yellow.gif) no-repeat right top;
color:#00A9A2;
}

#menu li.selected a{ 
/* sets navgation links and background tab. */
display: block;
background:url(../images/yellow_left.gif) no-repeat left top;
padding: 5px 33px;
text-decoration: none;
color:#00A9A2;
}

#menu li.not_selected a{ 
/* sets navgation links and background tab. */
display: block;
background:url(../images/tab_left.gif) no-repeat left top;
padding: 5px 33px;
text-decoration: none;
color:#fff;
}





#menu a { 
/* sets navgation links and background tab. */
color: #fff;
display: block;
background:url(../images/tab_left.gif) no-repeat left top;
padding: 5px 33px;
text-decoration: none;
}



#navigation {
/* hides vertical navigation, but
the content is there for somebody to style. */
display: none;
}



.wrapper {
clear:both; 
float:left; 
width:100%; 
overflow:hidden; 
background: url(../images/footer.gif); 
}

#footer {
  padding:10px; 
  margin:0 auto; 
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;
  font: 9pt verdana, arial, san-serif;
	font-weight: lighter;
  }
  
#footer li {
  float:left; position:relative; right:50%;
  }
  
#footer a {
  width:auto;
  display:block;
  padding:4px 16px;
  color:#fff;
  text-decoration:none;
  }
  
#footer a:hover {
  color:#000; 

  }
  
   p a:link{
  color: #00A9A2;
 
  }
  
  p a:visited{
  color: #00A9A2;
   
   
  
  }
  
   p a:hover{
   color: #D4779E;
   text-decoration:none;

   }
   
     p a:active{
  color: #00A9A2;

   }