html
{		
margin: 0px;
padding: 0px;
background: #660066;
}

body
{
margin:0;
padding:0;
line-height: 1.8em;
font-family: verdana, arial, trebuchet, sans-serif;
background-color: #660066;
font-size: 0.8em;
color: #660066;
}

p
{
margin: 3ex 0 3ex 0;
}

em
{
color: #336633;
font-style: normal;
font-weight: bold;
}

hr
{
color: #003300;
height: 1px;
}

img
{
border: solid 1px #666666;
}


address
{
font-size: 0.9em;
text-align: center;
}

strong
{
color: #660066;
font-style: normal;
font-weight: bold;
}

#outercontainer
{
width: 980px; /*Width of main container*/
margin: 0 auto; 
background: url(childrens-play-farm-pics/farm-background_01.jpg) no-repeat;
}


#container
{
width: 903px; /*Width of main container*/
margin: 0 auto; 
background: url(childrens-play-farm-pics/container-new_09.jpg) repeat-y;
}

#slide
{
margin: 0px 0px 0 0;
float: left;
}

#print
{
float: left;
}

/*header-------------------------------------------------*/

#header
{
background: url(childrens-play-farm-pics/playdale-farm-park_02.jpg) no-repeat;
height: 314px; /*Height of top section*/
margin: 0;
padding: 0;
}

#header img
{
margin: 0;
padding: 0;
border: none;
}

#header h1
{

margin-top: 0;
height: 314px;
width: 811px;
margin-bottom: 0;

}

#header h1 span
{
display: none;
}

#header h2
{ 
margin: 0;
}

#header h2 span
{
display: none;
}


input
{
background-color: #e2ffff;
font-weight: bold;
color: #003300;
}
/*main-------------------------------------------------*/

#contentwrapper
{
clear: both;
float: left;
width: 100%;
background: url(childrens-play-farm-pics/container-new_07.jpg) repeat-y;
}

#main
{
width: 620px;
margin: 0px 0px 0px 250px; 
}

#main li
{
list-style: square;
}


#main h1
{
margin-top: 0;
margin-left: 0;
padding-left: 0;
padding-top: 0;
margin-bottom: 1.5ex;
font-size: 1.6em;
font-weight: bold;
color: #660066;
}

#main h2
{
font-weight: bold;
margin-top: 10px;
padding-top: 5px;
font-style: italic;
font-size: 1.3em;
color: #ffcc00;
}

#main h3
{
font-weight: bold;
margin-top: 0;
padding-top: 2ex;
font-size: 1.1em;
color: #660066;
}

#main a:link
{
color: #ff0000;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

#main a:visited
{
color: #ff0000;
font-style: normal;
font-weight: bold;

}

#main a:hover
{
color: #003300;
font-style: normal;
text-decoration: underline;
font-weight: bold;
}

#main a:active
{
color: #003300;
font-style: normal;
text-decoration: underline;
font-weight: bold;
}

#main li
{
list-style-image: url(design-print-photos/tick.gif);
}

#maininner
{
width: 530px;
padding: 20px 0px 0px 40px;
}



#maininner h1
{
margin-top: 0;
margin-left: 0;
padding-left: 0;
padding-top: 0;
margin-bottom: 1ex;
font-size: 1.5em;
font-weight: bold;
color: #660066;
}

#maininner h2
{
font-weight: bold;
margin-top: 10px;
padding-top: 5px;
font-style: italic;
font-size: 1.3em;
color: #ffcc00;
}

#maininner h3
{
font-weight: bold;
margin-top: 0;
padding-top: 2ex;
font-size: 1.1em;
color: #336633;
}

#maininner a:link
{
color: #ff0000;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

#maininner a:visited
{
color: #ff0000;
font-style: normal;
font-weight: bold;

}

#maininner a:hover
{
color: #003300;
font-style: normal;
text-decoration: underline;
font-weight: bold;
}

#maininner a:active
{
color: #003300;
font-style: normal;
text-decoration: underline;
font-weight: bold;
}



/*left panel-------------------------------------------------*/



#leftcolumn
{
float: left;
width: 250px; /*Width of left column in pixel*/
margin-left: 0px; /*Set margin to that of -(MainContainerWidth)*/
background: url(childrens-play-farm-pics/playdale-farm-park2_04.jpg) no-repeat;
color: #660066;
padding-left: 0px;
padding-right: 0px;
margin-right: 0px;
padding-top: 0px;
padding-bottom: 40px;
margin-top: 0;


}

#leftcolumn h1
{
margin-top: 0;
margin-left: 0;
padding-left: 0;
padding-top: 0;
margin-bottom: .5ex;
font-size: 1.3em;
font-weight: bold;
color: #ff0000;
}

#leftcolumn h2
{
margin-top: 0;
margin-left: 0;
padding-left: 0;
padding-top: 0;
margin-bottom: 0;
font-size: 1.2em;
font-weight: bold;
color: #ff0000;
}

#leftcolumn h3
{
padding: 0;
margin: 0;
font-size: 1em;
font-style: italic;
color: #003300;
}


#leftcolumn p
{
margin: 0;
padding: 0;
}


.nav li{
	list-style: none;

}

.nav li a{
	display: block;
	color:#ffcc00;
	text-decoration: none;
	font-family: trebuchet, arial, verdano, helvetica, sans-serif;
	height: 35px;
	font-weight: bold;
	line-height: 40px;
	cursor: pointer;	
	text-indent: 0;
	font-size: .95em;
		padding-left: 0;
	margin-left: 0;
}






.nav li a:hover
{
	background: url(childrens-play-farm-pics/cow.jpg) no-repeat left;
	padding-left: 26px;
	margin-bottom: 0;
	padding-bottom: 0;
		color: #ffffff;
}







.cssformhead
{
margin-top: 20px;
font-style: normal;
font-weight: bold;
font-size: 1.3em;
color: #339999;
}

.details
{
margin-top: 20px;
background-color: #e4f3ff;
padding: 10px;
border: 1px solid #999999;
width: 480px;
}

.cssform label{
font-weight: bold;
color: #003300;
float: left;
margin-left: 20px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}



.cssform select
{
margin-bottom: 20px;
margin-left: 155px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}




/*images-------------------------------------------------*/



#picgallery img
{
margin: 10px 10px 10px 0px;
border: solid 1px #666666;
display: inline;
}

.imagemain
{
float: right;
margin-top: 5px;
margin-right: 0px;
margin-left: 20px;
margin-bottom: 0px;
border:none;
}

.imageleft
{
float: left;
margin-top: 5px;
margin-right: 20px;
margin-bottom: 10px;
border: none;
}


.logo
{
border-top: solid 1px #ff9900;
padding-top: 30px;
padding-bottom: 5px;
}

.logo img
{
border: none;
margin-bottom: 0px;
padding-top: 20px;


}


.add p
{
margin: 0;
padding: 0;
}

/*bottom right-------------------------------------------------*/

#award
{
border: double #ffcc00 4px;
padding: 10px;
background: url(childrens-play-farm-pics/stars.jpg)repeat;
font-weight: bold;
text-align: center;
}

#award h2
{
color: #660066;
}


#footer
{
text-align: right;
font-size: .8em;
margin-top: 5ex;
margin-bottom: 5ex;
}

#footer a
{
color: #ffffff;
}


.innertube{
margin: 12px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 24px;
}

/*jquery slide-------------------------------------------------*/

#showhere
{
float: right;
margin: 0;
padding: 0;
border: none;
}


#imgstore
{
margin: 0;
padding: 0;
}

#rotator
{
margin: 0px;
padding: 0;
}

#myContent
{
margin: 0;
padding: 0;
}


.showbg/*for fadeout effect *This is optional*/
{

}


#list
{
margin: 0px;
padding: 20px;
width: 400px;
color: #ffffff;
background: #ff9900;
}



.address
{
border-top: 1px red solid;
margin: 50px 0 0 0;
line-height: 2.5ex;

padding: 0;
}


#rotator
{
float: left;
padding: 10px 20px 10px 0px;
}