body {
	background-color: #c5efa5;     /* green */
	margin-top: 0px;
}

#wrapper {
	background-color: #6c61bc;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
/*	min-height: 600px;   */
	width: 776px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	position: relative;
	overflow: visible;
}

#banner {
	float: left;
	height: 120px;
	width: 776px;
}

#roofline {
	background-color: #CCCCCC;
	margin: 0px;
	padding: 0px;
	clear: left;
	float: left;
	height: 30px;
	width: 776px;
}

/* The following 3 divs hold the white window images which go down the page depending on the
	amount of content in any of the columns - all 3 columns are the same length  */
#windowtop {
	margin: 0px;
	padding: 0px;
	clear: left;
	float: left;
	height: 35px;
	width: 776px;
	background-color: #6c61bc;
	background-repeat: no-repeat;
	background-image: url(../images/column3_v1_top.gif);
}

#windowmid {
	background-image: url(../images/column3_v1_mid.gif);
	background-repeat: repeat-y;
	clear: left;
	float: left;
	height: auto;
	width: 776px;
	background-color: #6c61bc;
}

#windowbot {
	background-color: #6c61bc;
	clear: left;
	float: left;
	height: 24px;
	width: 776px;
	background-image: url(../images/column3_v1_bot.gif);
	background-repeat: no-repeat;
}

/*  The following 5 divs control the 3 columns across the page and space out the content.  
	ie6windowleft div is the same as the windowleft except for the margins and padding and 
	is only needed for the Internet Explorer 6 browser as is ie6windowright. */
#windowleft {
	float: left;
	height: auto;
	width: 130px;
	margin-top: 0px;
	margin-left: 19px;
	margin-right: 1px;
	background: transparent;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
}

#ie6windowleft {
	float: left;
	height: auto;
	width: 130px;
	margin-top: 0px;
	margin-left: 10px;
	background: transparent;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
}

#windowcentre {
	float: left;
	height: auto;
	width: 390px;
	margin-left: 20px;
	background: transparent;
	padding-right: 15px;
	padding-left: 10px;
	line-height: 18px;
}

#windowright {
	float: left;
	height: auto;
	width: 132px;
	margin-left: 20px;
	background: transparent;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 15px;
	text-align: center;
	font-size: 11px;
}

#ie6windowright {
	float: left;
	height: auto;
	width: 132px;
	margin-left: 20px;
	background: transparent;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 0px;
	text-align: center;
	font-size: 11px;
}

/*  Additional divs used to control the display of content in the columns  */
#newsletter {
	background-image: url(../images/newsletters.gif);
	float: left;
	height: 127px;
	width: 110px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	background-repeat: no-repeat;
	text-align: center;
}

#horse {
	background-image: url(../images/calculator.gif);
	float: left;
	height: 127px;
	width: 110px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	background-repeat: no-repeat;
	text-align: center;
}

#search {
	margin: 0px;
	padding: 0px;
	height: 140px;
	width: 132px;
}


/* The following divs control the footer and its contents   */
#footer {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #6C61BC;
	clear: left;
	float: left;
	height: 31px;
	width: 746px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#footertext {
	float: left;
	height: 15px;
	width: 380px;
}
#webdesigner {
	float: left;
	height: 22px;
	width: 150px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}

#validate1 {
	float: right;
	height: 31px;
	width: 90px;
}
#validate2 {
	float: right;
	height: 31px;
	width: 90px;
	clear: none;
}

/* The following div is required for Google maps on the contact and our area pages */
#map {
	width: 390px;
	height: 322px;
}
#area {
	float: left;
	height: 700px;
	width: 390px;
}

/* The following div is required for the koala movie on the koala page */
#movie {
	float: left;
	height: 291px;
	width: 342px;
	padding-left: 24px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 24px;
}

/* The following 3 divs hold the white big window images which go down the page depending on the
	amount of content in the column */
#bigtop {
	margin: 0px;
	padding: 0px;
	clear: left;
	float: left;
	height: 35px;
	width: 776px;
	background-color: #6c61bc;
	background-repeat: no-repeat;
	background-image: url(../images/column1_big_v1_top.gif);
}
#bigmid {
	background-image: url(../images/column1_big_v1_mid.gif);
	background-repeat: repeat-y;
	clear: left;
	float: left;
	height: auto;
	width: 776px;
	background-color: #6c61bc;
}
#bigbot {
	background-color: #6c61bc;
	clear: left;
	float: left;
	height: 24px;
	width: 776px;
	background-image: url(../images/column1_big_v1_bot.gif);
	background-repeat: no-repeat;
}

/* Divs for the info in the big column  */
#bigcol {
	float: left;
	height: auto;
	width: 710px;
	background: transparent;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 18px;
	margin: 0px 0px 0px 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#buttons {
	margin-left: 60px;
	float: left;
	width: 209px;
	height: 158px;
	margin-top: 15px;
}


/*  The following control the way text is displayed on the screen  */
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
/*/*/a{}
body p {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body p {
  font-size: small;
}
/* */


/*  horizontal rule  */
hr {
	color: #CCCCFF;
}

th {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

ul {
	line-height: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	list-style-type: square;
}

ul ul {
	line-height: 17px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	list-style-type: circle;
}

ul ul ul {
	line-height: 17px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	list-style-type: disc;
}

#bigcol table {
	width: 100%;
}
#bigcol th {
	font-weight: bold;
	color: #000000;
	background-color: #c5efa5;
}
#bigcol td {
	font-weight: normal;
	background-color: #E2F8D3;
}


#buttons table {
	width: 100%;
}
#buttons td {
	font-weight: normal;
	background-color: #ffffff;
}

a:link {
	color: #009999;
	text-decoration: underline;
	font-weight: bold;
}
a:visited {
	color: #009999;
	text-decoration: underline;
}
a:hover {
	color: #ed0503;
	text-decoration: underline;
}
a:active {
	color: #009999;
	text-decoration: underline;
}

#footer a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer a:hover {
	color: #000000;
	text-decoration: underline;
}
#footer a:active {
	color: #FFFFFF;
	text-decoration: underline;
}



.bold {
	font-size: 12px;
	font-weight: bold;
}
.smaller {
	font-size: 11px;
	line-height: 13px;
}

.phone {
	font-size: 14px;
	font-weight: bold;
	color: #ed0503;
}

.skiplink {
	display:none}





/* ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Add a margin and a relative position with a high z-index to make it appear over any element below */
#menu_container {
	margin:0px 0px 0px 0px;
	position:relative;
	width:776px;
	height:25px;
	z-index:100;
	clear: left;
	float: left;        /*  grey   */
	background-color: #dedede;
}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {
	display:block;
	width:96px;
	font-size:11px;
	color:#000;
	height:24px;
	line-height:23px;
	text-decoration:none;
	text-align: center;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dedede;
	border-right-color: #dedede;
	border-bottom-color: #dedede;
	border-left-color: #dedede;
}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
#pmenu li {
	float:left;
	background-color: #dedede;   /* grey */
	background-image: url(../images/nav_v10_slice_v2.jpg);
}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}

/* Make the hovered list color persist */
#pmenu li:hover > a {
	background:#ccccff; color:#000;   /* mauve and black*/
	background-image: url(../images/nav_hover_slice_v1.jpg);
	}

/* Set up the sublevel lists with a position absolute for flyouts and overrun padding.  */
#pmenu li ul {display:none;}

/* For Non-IE and IE7 make the sublevels visible on list hover. The transparent gif is for IE to work */
#pmenu li:hover > ul {
	display:block;
	position:absolute;
	top:-10px;      /* change  if the sublevels are too high or display in a line in Netscape  */
	left:67px;                            /* change this value if the sublevels don't overlap  */
	background:transparent url(../transparent.gif);
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	width: 96px;
}

/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:15px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {
	position:relative;
	background:#ccccff; color:#000;   /* mauve and black*/
	background-image: url(../images/nav_hover_slice_v1.jpg);
} 

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#6c61bc; color:#fff;}   /* purple & white */

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */
* html #pmenu li ul {
	visibility:hidden; 
	display:block; 
	position:absolute; 
	top:-10px;                      /* change  if the sublevels are too high/low  */ 
	left:67px;                      /* change this value if the sublevels don't overlap  */
	padding:10px 30px 30px 30px; 
	background:transparent url(../transparent.gif);
}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{visibility:hidden;}

/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{visibility:hidden;}

/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{visibility:hidden;}

/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {visibility:hidden;}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
	visibility:visible; 
	left:-31px; 
	top:14px; 
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{
	visibility:visible; 
	top:-11px; 
	left:66px;
}

/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul {visibility:visible;}

/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;}

/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;}

/*================================ end of cssplay.com ==============================================*/