/* Valley View Little Animal Farm */
body{
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #6633cc;
	text-align: center;
	min-width: 850px;
}
* html body {
	text-align: left;
}/*	--------- */
	

#wrap {
	width: 850px;
	margin-left: auto; 
	margin-right: auto;
	background-color: #6633cc;
	 /*border: 10px solid #FFF;--------- */
		
	
}
* html div.wrap {
	text-align: center;
}
#container {	
	width: 850px;
	/*border: 1px solid #000; --------- */	
}
#header {	
	width: 850px;	
	background-color: transparent;
	/* border: 1px solid #000;--------- */	
}
#header div.header-top{
	/*border: 1px solid #f00;--------- */
	background: url(../images/heading.jpg) #6633cc left top no-repeat;
	height: 183px;
	width: 850px;
}

#header div.header-menu{
	clear: both;
	width: 850px;
	height: 41px;
	background: url(../images/main-menu-bkg41.gif) #6633cc left top repeat-x;
}/*--------- */
#main-menu {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#main-menu li {
	float: left;
	padding: 10px 25px 5px 25px;

}
#main-menu li a {
	color: #ffff00;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;

}
#main-menu li.on-page {	
	color: #e6c;
	font-size: 12pt;
	font-weight: bold;
}
#main-menu li.on {
	background-color:  #36c;
	margin-top: 2px;
	padding: 0px 20px 3px 20px;
	border-top:  2px solid #000;
	color: #aee;
	font-size: 11pt;
	font-weight: bold;
}
#main-menu li a:hover {
	color: #4affe0;/*38ebfb*/
	text-decoration: underline;

}

#content {
	clear: both;/*--------- */
	background: #6633cc;
	padding: 0px;
	margin: 0px;
	/*border: 1px solid #f00; --------- */
}
#content p{
	margin: 0px;
	padding: 3px 20px 3px 20px;
	/* border: 1px solid #0f0;--------- */
}


div.left-nav195 {
	float: left; /*--------- */
	background-color: transparent;
	width: 195px;
	margin: 0px;
	padding: 0px; /*border: 1px solid #00f; --------- */
}

div.left-col250 {
	float: left;/*--------- */
	background-color: transparent;
	width: 250px;
	margin: 0px;
	padding: 0px;
	
	/*border: 1px solid #00f; --------- */
}
div.two-col650 {
	float: right;
	width: 650px;
	margin: 0px;
	padding: 0px; /*border: 1px solid #fff;--------- */
	background-color: transparent;
}
div.centre320 {
	float: left;
	width: 320px;
	padding: 0px;
	margin : 0px;
	/*border: 1px solid #ff0; --------- */
}
div.right280 {
	float: right;/*--------- */
	width: 280px;
	padding: 0px;
	margin : 0px;
	border: 2px solid #ff0; /*--------- */


}

#bottom {
	clear: both;
	width: 850px;
	border-top: 5px solid #6f0;
	background: #6633cc;
}

ul.left-nav-list {
	width: 195px;
	list-style: none;
	margin: 0px;
	padding:0px;
}
ul.left-nav-list li{
	height: 90px;
	font-size: 12pt;
	color: #ff0;	
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	/*border: 1px solid #fff;--------- */
}
ul.left-nav-list li div.on{
	display: block;
	padding: 15px 0px 0px 85px;
	text-decoration: none;
	color: #e6c;	
	/*border: 1px solid #fff;--------- */
}

ul.left-nav-list li a{
	display: block;
	padding: 15px 0px 0px 85px;
	text-decoration: none;
	color: #ff0;	
/*	border: 1px solid #ff0;--------- */
	
}
ul.left-nav-list li a:hover{
	text-decoration: underline;
	color: #4affe0;
	
}
ul.left-nav-list li.play{
	background: url(../images/lft_play.jpg) #6633cc left top no-repeat;
}

ul.left-nav-list li.barn{
	background: url(../images/lft_barn.jpg) #6633cc left top no-repeat;
}
ul.left-nav-list li.walk{
	background: url(../images/lft_walk.jpg) #6633cc left top no-repeat;
}
ul.left-nav-list li.train{
	background: url(../images/lft_train.jpg) #6633cc left top no-repeat;
}
ul.left-nav-list li.museum{
	background: url(../images/lft_museum.jpg) #6633cc left top no-repeat;
}
ul.left-nav-list li.bparty{
	background: url(../images/lft_bparty.jpg) #6633cc left top no-repeat;
}
/*floated lists for content layout - starts*/
/*activities page - starts*/
ul.activities-cols {
	/*border: 1px solid #fff;--------- */
	list-style: none;
	margin: 0px 10px 5px 10px;
	padding:0px;
	background: transparent;
}
ul.activities-cols li {
	/*border: 1px solid #fff;--------- */
	float: left;
	width: 270px;
	margin: 0px;
	padding:0px;
}
ul.activities-cols li p{
	margin: 0px;
	padding: 5px 10px 10px 10px;
}
ul.activities-cols li h2{
	margin: 0px;
	padding: 10px 10px 15px 10px;
}
/*activities page - ends*/

/*bookings page - starts*/
ul.bookings-cols {
	/*border: 1px solid #fff;--------- */
	list-style: none;
	margin: 0px 10px 5px 10px;
	padding:0px;
	background: transparent;
}
ul.bookings-cols li {
	/*border: 2px solid #ff0;--------- */
	float: left;
	width: 410px;
	margin: 0px;
	padding:0px;
}
ul.bookings-cols li p{
	margin: 0px;
	padding: 5px 10px 10px 10px;
}
ul.bookings-cols li h2{
	margin: 0px;
	padding: 10px 10px 15px 10px;
}

ul.bookings-cols li h3{
	margin: 0px;
	padding: 10px 10px 5px 10px;
}
ul.simple-bookings{
	/*border: 1px solid #fff;--------- */
	margin: 10px 10px 5px 15px;
	padding: 0px 0px 0px 30px;
	background: transparent;
	list-style: disc outside none;
}

ul.simple-bookings li {
	/*border: 1px solid #fff;--------- */
	float: none;
	width: auto;
	margin: 0px;
	padding: 0px;
}
ul.bookings-cols li div.booking-pdf {
	border: 3px solid #ff9;
	margin: 10px 20px 10px 20px;
	padding: 10px 10px 10px 10px;
	text-align: center;
	font-size: 14pt;

}
ol.upper-alpha {
	margin: 10px 10px 5px 25px;
	padding: 0px 0px 0px 30px;
	background: transparent;
	list-style: upper-alpha outside;
}
ol.upper-alpha li {
	/*border: 1px solid #fff;--------- */
	float: none;
	width: auto;
	margin: 0px;
	padding: 0px;
}
ul.lunches{
	border: 1px solid #fff;/*--------- */
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 0px 10px;
	background: transparent;
	list-style: none;
}
ul.lunches li{
	border: 1px solid #f00;/*--------- */
	float: left;
	margin: 0px;
	padding: 0px;
	
}
/*bookings page - ends*/
/*directions page - starts*/
ul.directions-cols {
	/*border: 1px solid #fff;--------- */
	list-style: none;
	margin: 0px 0px 15px 0px;
	padding:0px;
	background: transparent;
}
ul.directions-cols li {
	/*border: 2px solid #ff0;--------- */
	float: left;
	margin: 0px 30px 0px 0px;
	padding:0px;
}
ul.directions-cols li p{
	margin: 0px;
	padding: 5px 10px 10px 10px;
}
ul.directions-cols li h2{
	margin: 0px;
	padding: 10px 10px 15px 10px;
}

ul.directions-cols li h3{
	margin: 0px;
	padding: 10px 10px 5px 10px;
}
/* directions page ends*/

/*cafe page - starts*/
ul.cafe-cols {
	/*border: 1px solid #fff;--------- */
	list-style: none;
	margin: 0px 0px 0px 10px;
	padding:0px;
	background: transparent;
}
ul.cafe-cols li {
	/*border: 2px solid #ff0;--------- */
	float: left;
	margin: 0px 5px 0px 0px;
	padding:0px;
}
ul.cafe-cols li.up155 {
	position: relative;
	top: -155px;
}

ul.cafe-cols li.width460 {
	/*border: 1px solid #ff0;--------- */
	width: 460px;
	margin: 0px;
	padding:0px;
}
ul.cafe-cols li.width360 {
	/*border: 2px solid #ff0;--------- */
	width: 360px;
	margin: 0px;
	padding:0px;
}

ul.cafe-cols li.width300 {
	border: 1px solid #ff0;/*--------- */
	width: 300px;
	margin: 0px;
	padding:0px;
}

ul.cafe-cols li.width280 {
	/*border: 1px solid #ff0;--------- */
	width: 280px;
	margin: 0px;
	padding:0px;
}
ul.cafe-cols li.width280clear {
	/*border: 1px solid #ff0;--------- */
	clear: both;
	width: 280px;
	margin: 10px 0px 0px 0px;
	padding:0px;
}
ul.cafe-cols li.width250 {
	/*border: 2px solid #ff0;--------- */
	width: 250px;
	margin: 0px;
	padding:0px;
}
ul.cafe-cols li.width200 {
	/*border: 2px solid #ff0;--------- */
	width: 250px;
	margin: 0px;
	padding:0px;
}

ul.cafe-cols li.width185 {
	/*border: 1px solid #ff0;--------- */
	width: 185px;
	margin: 0px;
	padding:0px;
}

ul.cafe-cols li.width165 {
	/*border: 1px solid #ff0;--------- */
	width: 165px;
	margin: 0px;
	padding:0px;
}
ul.cafe-cols li.width150 {
	/*border: 1px solid #ff0;--------- */
	width: 150px;
	margin: 0px;
	padding:0px;
}
ul.cafe-cols li p{
	margin: 0px;
	padding: 5px 0px 5px 0px;
}
ul.cafe-cols li h2{
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

ul.cafe-cols li h3{
	margin: 0px;
	padding: 5px 0px 5px 0px;
}
ul.cafe-cols li img.up{
	position: relative;
	top: -30px;
	/*border: 1px solid #ff0;--------- */
}
ul.cafe-cols li img.up-cookies{
	position: relative;
	top: -90px;
	left: 130px;
	/*border: 1px solid #ff0;--------- */
}
ul.cafe-cols li img.moverightup{
	position: relative;
	top: -20px;
	left: 20px;
	/*border: 1px solid #ff0;--------- */
}
/* cafe page ends*/

/*floated lists for content layout - ends*/


.spacer10 {
	clear: both;
	height: 10px;
}
.spacer20 {
	clear: both;
	height: 20px;
}
.spacer100 {
	clear: both;
	height: 100px;
}
.spacer150 {
	clear: both;
	height: 150px;
}
.spacer200 {
	clear: both;
	height: 200px;
}
.spacer250 {
	clear: both;
	height: 250px;
}
.spacer300 {
	clear: both;
	height: 300px;
}
.spacer {
	clear: both;
	height: 0px;
}
.spacer-menu {
	clear: both;
	height: 0px;
}