/*----------------------------------------------------------------------------
 styles for Ansbrook Parmer Website
----------------------------------------------------------------------------*/

/*-- global container ------------------------------------------------------*/

#container {
	position: relative;
	padding: 0;
	margin: 0  auto;
	text-align: left;
	width: 788px;
}

/*-- main container: contains all between header and footer ----------------*/

#main_container {

	padding: 0;
	margin: 0px;
}

/*--- the main container is divided into sub containers ----------------------*/

#sub_container1 {
	height: 120px;
}

#sub_container2    {
	position: relative;
	float: left;
	padding: 0;
	width: 150px;
}


#header_container {
	width: 788px;
	height: 120px;
}

#left_column_container {
	position: relative;	
	overflow: hidden;
	top:    2px;	/*adjust to line up with header*/	
	padding: 0;
	float: left;
	width: 150px;
}

#content_container {
	position: relative;
	overflow: hidden;
	top:    2px;	/*adjust to line up with header*/
	padding: 0;
	float: left;
	width: 638px;
}

#footer_container {
	width: 788px;
	height: 45px;
	background-image: url(images/parchment.jpg);
	background-repeat: repeat; 	
}


/*----------------------------------------*/

/*--- Text Styles  -------------------*/

#title1 {
  font-family: Comic Sans MS;
  font-style: normal;
  font-size: 48px; 
  font-weight: normal;
  text-decoration: normal;
  text-align: center;
  line-height: 70px;
  color: #800080;
}

#title2 {
  font-family: Lucida Calligraphy;
  font-style: normal;
  font-size: 14px; 
  font-weight: normal;
  text-decoration: normal;
  text-align: center;
  line-height: 10px;
  color: #800080;
}

#page_title {
  font-family: Comic Sans MS;
  font-style: normal;
  font-size: 24px; 
  font-weight: normal;
  text-decoration: underline;
  text-align: center;
  line-height: 24px; 
  color: #800080;
}

#page_title2 {
  font-family: Comic Sans MS;
  font-family: Comic Sans MS;
  font-style: normal;
  font-size: 18px; 
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  color: #800080;
}

#para {
  font-family: Calibri;
  font-style: normal;
  font-size: 110%; 
  font-weight: normal;
  text-decoration: none;
  text-align: justify;
  margin: 10px 20px 0 20px; 
  color: #000000;
}
#parabold {
  font-family: Calibri;
  font-style: normal;
  font-size: 110%; 
  font-weight: bold;
  text-decoration: none;
  text-align: justify;
  margin: 10px 20px 0 20px; 
  color: #000000;
}

#parared {
  font-family: Calibri;
  font-style: normal;
  font-size: 110%; 
  font-weight: bold;
  text-decoration: none;
  text-align: justify;
  margin: 10px 20px 0 20px; 
  color: darkred;
}

#paragreen {
  font-family: Calibri;
  font-style: normal;
  font-size: 110%; 
  font-weight: bold;
  text-decoration: none;
  text-align: block;
  margin: 10px 20px 0 20px;
  color: olivedrab;
}

/*-------------------*/

/* --- background graphics -------------------------------------------------*/

#header_pic {
	position: absolute;
	top: 0px;
	width: 788px;
	height: 120px;
	background: url(images/header.gif) no-repeat;	
}

#footer_pic {
	position: absolute;
	top: 0px;
	width: 788px;
	height: 45px;
	background: url(images/footer.gif) no-repeat;
}

#background_pic {
	position: relative;
	top: 120px;
	left: 0px;
	width: 788px;
	height: 400px;
	background: url(images/back.jpg);
	background-repeat: repeat;	
}

/*--- menu -------------------*/

.menu_container {
	clear: both;
	margin: 0;
	padding: 0;
}

.menu_list {
	position: relative;
	top: 0px;
	left: 20px;
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.menu_list li {
	margin: 0;
	padding: 0;
}

/*--- menu items ------------------------------------------------------------*/

.menu_list a {
	text-align: left;
	   padding-left: 25px;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	width: 150px;

	display: block;
}


.menu_list a.menu_active_item  {
  background: url(images/button_on.gif) no-repeat;
  font-family: Comic Sans MS,serif;
  font-style: normal;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #800080;
  background: url(images/button_on.gif) no-repeat;
}

.menu_list a:hover {
  background: url(images/button_hov.gif) no-repeat;
  font-family: Comic Sans MS;
  font-style: normal;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  background: url(images/button_hov.gif) no-repeat;
  color: #ffff00;
  }

.menu_list a {
  background: url(images/button_off.gif) no-repeat;
  font-family: Comic Sans MS,serif;
  font-style: normal;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #000000;
  background: url(images/button_off.gif) no-repeat;
}


/* ------------------------------*/