* { margin: 0; padding: 0; }

body {
	background: url('gfx/background.png') repeat-x;
	background-color: #fff;
	font: 12px Arial, Verdana,  Helvetica, sans-serif;
	color: #737373;
	margin: 0px;
	text-align: center;
}

img {
	border: 0;	
}

div.rhs_button {
	margin:10px 0 10px 0;
	text-align:center;
	padding:10px 5px 10px 5px;
	background-color:#FFFFCC;
	border:solid #999999;
	border-width:0 2px 2px 0;
}


p {
	padding-top: 5px;
	padding-bottom: 5px;
}

a {
	color: #737373;
}

a:hover {
	color: #000;
}

h1 {
   font-size: 18px;	
}

h4 {
   color: #05A124;
   font-size: 14px;	
   margin-bottom: 10px;
}

h3 {
   font-size: 14px;	
}

/* --------------------------------------------------------------- */
/****************** CSS Driven Menu ***************/
	
#menu {
   background-color: #CAE2C5;
   height: 35px;
   margin-left: 7px;
   margin-right: 9px;
   z-index: 100;	
}	
	
	
/* hack to correct IE5.5 faulty box model */
* html #menu_list {
	float: left;
	height: 34px;
	z-index: 100;
}

/* remove all the bullets, borders and padding from the default list styling */
#menu_list ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	z-index: 100;
}

#menu_list ul ul {
	width:150px;
	z-index: 100;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu_list li {
	float:left;
	position:relative;
	border:1px solid #9cc396;
	border-width:0 1px 0 0;
	z-index: 100;
}

#menu_list li a.top_parent_current {
	background:  #CAE2C5;
	z-index: 100;
}

/* style the links for the top level */
#menu_list a, #menu_list a:visited {
	display:block;
	font-size:14px;
	text-decoration:none;
	text-align: center;
	color:#000;
	padding-left: 19px;
	padding-right: 19px;
	height:34px;
	background: #CAE2C5;
	line-height:34px;
	z-index: 100;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #menu_list a, * html #menu_list a:visited {
	float: left;
	z-index: 100;
}

/* style the second level background */
#menu_list ul ul a.drop, #menu_list ul ul a.drop:visited {
	background:#d4d8bd;
	z-index: 100;
}

/* style the third level background */
#menu_list ul ul ul a, #menu_list ul ul ul a:visited {
	background:#2390cb;
	z-index: 100;
}

/* style the third level hover */
#menu_list ul ul ul a:hover {
	background:#034b8b;
	z-index: 100;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu_list ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:33px;
	left: 0;
	width:105px;
	z-index: 100;
}

/* another hack for IE5.5 */
* html #menu_list ul ul {
	top:33px;
	t\op:33;
	z-index: 100;
}


/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu_list table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	z-index: 100;
}

/* style the second level links */
#menu_list ul ul a, #menu_list ul ul a:visited {
	background: #CAE2C5;
	font-size: 13px;
	font-weight: normal;
	color:#000;
	height:auto;
	line-height:1em;
	width:145px;
	text-align: left;
	padding: 6px;
	border-width:0 1px 1px 1px;
	z-index: 100;
}

/* yet another hack for IE5.5 */
* html #menu_list ul ul a, * html #menu_list ul ul a:visited {
	width:145px;
	z-index: 100;
}

/* style the top level hover */
#menu_list a:hover, #menu_list ul ul a:hover {
	color:#fff;
	background:#9cc396;
	z-index: 100;
}
#menu_list :hover > a, #menu_list ul ul :hover > a {
	color:#fff;
	background:#9cc396;
	z-index: 100;
}

/* make the second level visible when hover on first level list OR link */
#menu_list ul li:hover ul,
#menu_list ul a:hover ul{
	visibility:visible;
	z-index: 100;
}
/* keep the third level hidden when you hover on first level list OR link */
#menu_list ul :hover ul ul{
	visibility:hidden;
	z-index: 100;
}
/* keep the forth level hidden when you hover on first level list OR link */
#menu_list ul :hover ul :hover ul ul{
	visibility:hidden;
	z-index: 100;
}
/* make the third level visible when you hover over second level list OR link */
#menu_list ul :hover ul :hover ul{
	visibility:visible;
	z-index: 100;
}
/* make the forth level visible when you hover over second level list OR link */
#menu_list ul :hover ul :hover ul :hover ul{
	visibility:visible;
	z-index: 100;
}

/* class ------------------------------------------------------- */

.active_menu {
   	
}

.hlight0 {
   background-color: yellow;	
}

.green {
   color: #05A124;	
}

.green_hr {
	border-top: #05A124 solid 1px;
	width: 95%;
	height: 3px;
	margin: 0 auto;
}

.green_submenu_hr {
	clear: left;
   	border-top: #05A124 solid 1px;
	width: 95%;
	height: 3px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 20px;
}

.green_hr_menu {
	border-top: #05A124 solid 1px;
	width: 100%;
	height: 3px;
	margin-bottom: 15px;
}

.green_hr_small {
	border-top: #05A124 solid 1px;
	width: 80%;
	height: 3px;
	margin: 0 auto;
	margin-bottom: 5px;
	margin-top: 15px;
}

.phone_bottom {
   font-size: 18px;
   color: #05A124;	
   margin-left: 5px;
}

.box_form, .box_margin {
   margin: 10px;	
}

.box_margin_2 {
   margin: 10px;
   margin-bottom: 15px;	
}

.box_margin_2 p {
	margin: 0px;
	padding: 0px;
   	margin-bottom: 4px;
}

.input {
   background-color: #DCDCDC;
   border: 0px;
   border-top: #7F807E solid 1px;	
   border-left: #7F807E solid 1px;
}

.little {
   font-size: 10px;	
}

.right_info {
   float: right;
   margin-top: 3px;	
}

.margin_bottom {
   margin-bottom: 5px;
}

.spec_img {
	float: left;
	width: 55px;
}

.spec_desc {
   float: right;
   width: 139px;	
}

.small_header {
   font-size: 12px;	
   font-weight: normal;
}

.no_underline {
   text-decoration: none;
}


/* divs ------------------------------------------------------- */

#container {
	background: url('gfx/background_container.png') repeat-y;
	width: 991px;
	text-align: left;
	margin: 0px auto; 
}


#container_2 {
   background: url('gfx/background_container_2.jpg') no-repeat;	
}

#banner_top {
   position: relative;	
   background: url('gfx/banner.png') no-repeat;
   height: 153px;	
}

#top_logo {
   position: absolute;
   left: 45px;	
}

#navigation {
   float: left;
   width: 260px;
   padding-left: 30px;
   padding-top: 20px;
}

#subscribe, 
#news_box,
#open_hours_box,
#special_box {
   background: url('gfx/join_box.jpg') no-repeat;	
   background-position: bottom;
   float: left;
   width: 214px;
   margin-bottom: 20px;	
}

#news_box p, 
#special_box p {
   padding: 0px;
   margin: 0px;	
   padding-bottom: 4px;
}


#main_menu {	
   float: left;
   width: 275px;
}

#content {
   float: right;
   width: 670px;
   margin-right: 30px;
   margin-top: 15px;
}

#content img {
   margin: 10px;	
}

#bottom_end {
	background: url('gfx/background_bottom.jpg') no-repeat;
	width: 991px;
	height: 21px;
	margin: 0px auto; 
}

#footer {
   padding-left: 20px;	
   padding-right: 20px;
   padding-top: 10px;
}

#footer_logo {
   float: right;	
}

#search_form {
   position: relative;	
   float: right;
   width: 170px;
}

#login_input {
   position: absolute;	
   float: left;
   left: 0px;
   top: 10px;
   width: 140px;	
   
}

#login_submit {
   position: absolute;
   right: 10px;
   top: 7px;
}

#page_sub_menu {
	float: left;
	margin-left: 20px;
	margin-top: 5px;
}

#page_sub_menu a {
   color: #05A124;
   text-decoration: none;		
}

#page_sub_menu a:hover {
   text-decoration: underline;		
}

#page_sub_menu.active a {
   text-decoration: underline;		
}


#page_sub_sub_menu {
	float: left;
	margin-left: 20px;
	margin-top: 5px;
}

#page_sub_sub_menu a {
   color: #2474ec;
   text-decoration: none;		
}

#page_sub_sub_menu a:hover {
   text-decoration: underline;		
}

#page_sub_sub_menu.active a {
   text-decoration: underline;		
}

#content_3 ul {
  	margin-left: 40px;
}


#home_banner {
  z-index: 0;	
  
}

#home_banner li {
   list-style: none;	
}

#encouraging_banner {
   	width: 500px;
}