@import url('homepage.css');
@import url('menus.css');
@import url('infopage.css');
@import url('events.css');
@import url('directory.css');
@import url('gardens.css');
@import url('maps.css');
@import url('displayed.css');
/* All the CSS files above will be loaded from
   this single document. */

/*The next element contains all of the divs that are common to all pages.*/

body {
background-color: #ffffff;
font-size: 1em;
font-family: Arial, Verdana, Helvetica, sans-serif;
margin: 0em;
width: 96%;
color: #104008;}

#headcontent {
width: 100%;
background-color: #ffffff;
position: relative;
height: 200px;
}

#header {
background-color: #ffffff;
position: relative;
height: 200px;
padding-top: 2px;
}

p.header {font-family: Times, "Times New Roman", serif;
font-size: 1.1em;
font-style: italic;}

.strap {
font-family: Times, "Times New Roman", serif;
font-size: 3em;
font-weight: lighter;
vertical-align: middle;
color: green;}


#headright {
width: 14%;
height: 122px;
top: 0em;
left: 85%;
float: right;
position: absolute;
background-color: #ffffff;
color: green;
font-family: "Times New Roman", Times, serif;
font-size: 14pt;
text-align: center;
padding-top: 20px;}


#content {
position: relative;
padding-left: 20px;
padding-right: 10px;
width: 100%;
font-size: .85em;
padding-top: 5px;
height: auto;
}

.content {position: relative;
padding-left: 20px;
padding-right: 10px;
width: 95%;
font-size: .85em;
padding-top: 5px;
height: auto;}




h1 {
font-family: "Times New Roman", Times, serif;
color: green;
font-size: 3em;
font-weight: lighter;}

h2 {}

h3 {
font-size: 1.2em;
font-weight: bold;
font-style: italic;
font-family: Verdana, Helvetica, Arial, sans-serif;}

h4 {font-size: 1.2em;
font-weight: bold;
text-align: center;}

h5{}

h6{}

h7 {font-size: 1em;
font-weight: bolder;
}

#title {
width: 100%;
position: relative;
top: 0em;
font-size: 1.6em;
font-family: "Bradley Hand ITC","Comic Sans", "Lucida Handwriting Italic","Times New Roman", Times, serif;
font-weight: bolder;
padding-top: 5px;
padding-left: 2px;
padding-bottom: 5px;
border-bottom: 2px green solid;
color: #104008;}

p.footer {font-family: Arial, Verdana, Helvetica, sans-serif;
width: 100%;
border-bottom: 2px green solid;
text-align: center;
font-size: .8em;
position: relative;}

/*++++++++++++++++End of common content+++++++++++*/
#col10 {position: relative;
float: left;
width: 10%;
}
#col15 {position: relative;
float: left;
width: 15%;
padding-top: 10px;}
#col20 {position: relative;
float: left;
width: 20%;
padding-top: 20px;}
#col25 {position: relative;
float: left;
width: 25%;}
#col30 {position: relative;
float: left;
width: 30%;
}
.col20 {
width: 20%;
float: left;
padding-left: 5px;
padding-right: 5px;}
.col33 {position: relative;
width: 32%;
float: left;
padding-left: 5px;
padding-right: 5px;}
.col55 {
width: 55%;
float: left;
padding-left: 5px;
padding-right: 5px;}

.col60 {position: relative;
float: left;
width: 63%;
padding-right: 10px;
padding-top: 10px;
padding-left: 10px;}
#col33 {position: relative;
width: 32%;
float: left;
padding-left: 5px;
padding-right: 5px;}


#col35 {position: relative;
float: left;
width: 35%;
}
#col40 {position: relative;
float: left;
width: 40%;}
#col45 {position: relative;
float: left;
width: 45%;
padding-left: 5px;
padding-right: 5px;}
#col50 {position: relative;
float: left;
width: 50%;
}

#col80 {position: relative;
float: left;
width: 80%;
padding-right: 10px;
padding-top: 10px;}




/*===============Everything below here is old===========*/

#menu {
position: relative;
width: 100%;
z-index: 12;
}



#title a:link, #title a:visited {
font-size: .6em;
font-weight: bold;
}


/*This is the beginning of the elements for the directory pages.*/


#diritem {
width: 95%;
position: relative;
border-bottom: 1px green solid;
font-size: .85em;
margin-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
color: black;
height: 130px;}
#diritem200 {
width: 95%;
position: relative;
border-bottom: 1px green solid;
font-size: .85em;
margin-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
color: black;
height: 200px;}

#diritem50 {
width: 95%;
position: relative;
border-bottom: 1px green solid;
font-size: .85em;
margin-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
color: black;
height: 50px;}
#diritem80 {
width: 95%;
position: relative;
border-bottom: 1px green solid;
font-size: .85em;
margin-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
color: black;
height: 80px;}
#clubitem80 {
width: 95%;
position: relative;
border-bottom: 1px green solid;
font-size: .85em;
margin-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
color: black;
height: 80px;}


.itemhead {
font-size: 1.2em;
font-weight: bold;
font-style: italic;
text-decoration: underline;}



#diritem80 h3 {
line-height: 12px;}


/*Thiss is the end of the directory element*/

.item {
position: relative;
height: 30px;
float: left;
width: 50%;}

#pagecontent {
padding-left: 20px;
position: relative;
width: 95%;
height: 300px;}

img {
border-top: 2px white solid;
border-bottom: 2px white solid;
border-right: 3px white solid;
border-left: 1px white solid;}

.imgleft { 
  float: left;
  margin-left: 0;
}
.imgright {
float: right;
margin-right: 0em;}

img.center 
{display: block;
margin-left: auto;
margin-right: auto;}

div.h50 {
height: 50px;}

div.h60 {
height: 60px;}

div.h80 {
height: 80px;}
div.h110 {
height: 110px;}

div.h130 {
height: 130px;}

div.h150 {
height: 150px;}

div.h160 {
height: 160px;}



#pop {
position: relative;
background-color: green;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1em;
color: white;
margin-top: 50px;
margin-left: 100px;
padding: 20px;
width: 60%;
height: auto;}

#pop a:link, #pop a:visited {
color: yellow;}



#poplarge {
position: static;
background-color: green;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1em;
color: white;
margin-top: 50px;
margin-left: 100px;
padding: 20px;
width: 80%;
height: auto;}

#poplarge a:link, #pop a:visited {
color: yellow;}
#popleft {
position: relative;
top: 0em;
width: 60%;
background-color: green;
padding-left: 25px;
padding-right: 25px;
padding-top: 20px;
float: left;
height: auto;}

#popright {
position: relative;
width: 25%;
background-color: green;
float: left;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;}

.stylecenter {
	text-align: center;	
}
.udm {
}



#udm {
width: 100%;
text-decoration: none;}


#listings {
font-family: Times, "Times New Roman", serif;
color: green;
margin: 5px;}

#listings h2 {
font-size: 2.1em;
font-family: Times, "Times New Roman", serif;
font-weight: normal;}

#listtitle {
position: relative;
border: 3px green;margin: 5px;
width: 95%;
border-bottom: 3px green solid;
font-family: "Times New Roman", Times, serif;
font-size: 1.5em;
font-style: italic;}



#listcontainer {
position: relative;
width: 60%;
height: 600px;
float: left;}

#listcol1 {
position: relative;
float: left;
width: 50%;
padding-left: 7px;
padding-top: 5px;
padding-bottom: 5px;}
#listcol2 {
position: relative;
float: left;
width: 20%;
padding-left: 7px;
padding-top: 5px;
padding-bottom: 5px;}
#listcol3 {
position: relative;
float: left;
width: 30%;
padding-left: 7px;
padding-top: 5px;
padding-bottom: 5px;}

#listitem {
position: relative;
width: 100%;
color: green;
margin: 5px;
border-bottom: 1px white solid;
height: 10px;}

#listitem25 {
position: relative;
width: 100%;
color: green;
margin: 5px;
border-bottom: 1px white solid;
height: 25px;}

#listitem h3 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
font-style: italic;
height: 200px;}



.list25 {
position: relative;
top: 0px;
width: 30%;
padding-top: 10px;
float: left;
padding-left: 10px;
margin-top: +1px;
}


p.h1 {font-family: "Times New Roman", Times, serif;
font-size: 1.5em;
font-style: italic;
line-height: 2em;}

p.h3 {font-family: "Times New Roman", Times, serif;
font-size: 1.1em;
font-style: italic;
line-height: 1.2em;
font-weight: bold;}





#sidebarlg {
width: 15%;
position: relative;
float: left;
margin: 0em;
color: #00A05F;
padding: 5px;
margin-top: 10px;
font-size: .8em;
text-align: center;}



#colcontvert2 {
width: 66%;
position: relative;
float: left;
}
#colconthor {
width: 100%;
position: relative;
border-bottom: 3px green solid;}

#fullcontent 
{position: relative;
padding-left: 25px;
margin: 0em;
padding-top: 20px;
padding-bottom: 20px;
width: 95%;}



#col35 ul li {
display: list-item;
list-style-image: url(images/arrow.jpg);}



#sidebar {
position: relative;
top: 20px;
background-color: aqua;
border: 1px black solid;
color: black;
padding: 5px;
width: 20%;
right: 1%;
font-size: .9em;
float: left;}



#bodycontent {
position: relative;
margin: 0em;
width: 100%;
float: left;}



#ntheader {
position: relative;
width: 66%;
background-color: #000000;
height: 60px;
float: left;}

#ntheader1 {
position: relative;
width: 33%;
background-color: #000000;
height: 60px;
float: left;}

.style51 {font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.2em;
color: #ffffff;
font-weight: bold;
font-style: normal;
padding-left: 20px;
margin-top: 20px;}



#left {
position: relative;
top: 0px;
left: 0em;
width: 20%;
height: 40px;
z-index: 1;
height: 1px;
background-color: white;
padding-top: 2px;
float: left;}

#leftsubcol {
position: relative;
width: 95%;
padding: 5px;
background-color: #ccff99;
font-size: .8em;
color: black;
border: 1px black solid;}

#rightsubcol {position: relative;
width: 100%;
padding: 5px;
font-size: .9em;
border: 1px #000000 solid;
color: black;}



#middlesubcol {
position: relative;
width: 95%;
padding-left: 20px;
padding-top: 10px;
border: 1px black solid;
padding-right: 10px;}

#middlesubcol1 {position: relative;
width: 95%;
padding-left: 20px;
padding-top: 10px;
padding-right: 10px;}

#right {
z-index: 1;
position: relative;
width: 20%;
float: left;
background-color: white;
padding-top: 2px;
top: 0em;}

#leftlower {
position: relative;
border: solid;}





p.footer a:link, p.footer a:visited {
text-decoration: none;
color: green;}

.style18 {
font-size: 1.5em;
color: red;}



.head4 {
font-size: 1.1em;
font-weight: bolder;
font-style: italic;}

.head5 {font-size: 1em;
font-weight: bold;}
.italic {
font-style: italic;}





.style_bg {
	background-image: url(images/green_gradient.jpg);
color: white;
background-repeat: repeat;}

.style_bg a:link, .style_bg a:visited {
color: white;}

.stylebg2 {
	background-color: #FF99FF;
}
.style7{
font-size: 1.4em;}

.style8 {
	font-size: 2.6em;
	font-style: italic;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	padding-left: 20px;
	text-align: center;
}

.style11 {font-size: 2.6em; font-style: italic; font-weight: bold; font-family: "Times New Roman", Times, serif; text-align: center; padding-left: 50px; color: #FF0000; }

.timesheadint {
font-family: "Times New Roman", Times, serif;
text-align: center;
font-size: 4em;}

.timesheadword {
font-family: "Times New Roman", Times, serif;
text-align: center;
font-size: 3em;}
.stylecenter {
text-align: center;}


.hours{
position: relative;
float: left;
font-weight: bold;
line-height: 1.54em;
margin-left: 2em;}

#festival {
background-image: url(w-cress.jpg);
background-repeat: no-repeat;}

.keyword {
display: none;}



div.print {
display: inline;}