/* the original body.css in progress is in the development area  */




*/

/*  Top Menu (template)  */


.top-menu-container {
  position:relative; 
  }
.top-menu {
  text-align:center; 
  position:relative; 
  height:8em;
  }
.box {
  position:relative; 
  float:left; 
  top:30px;
  }
.top-menu a, .top-menu a:visited {
  position:relative; 
  text-decoration:none; 
  background-color:#CCFF99;
  color:#000; 
  display:block; 
  width:90px; 
  height:15px; 
  font-size:18px; 
  padding:7px;
  margin:0 2px;
  }

.top-menu a:hover {
  background-color:#000; 
  color:#fff;
  }
.top-menu a:hover .topleft {
  border-right:10px solid #000; 
  border-top:10px solid #fff;
  }
.top-menu a:hover .topright {
  border-left:10px solid #000; 
  border-top:10px solid #fff;
  }


/*  Side Menu   */

.side-menu {padding:5px;}
.side-menu a, #menu a:visited {
  text-decoration:none; 
  text-align:center; 
  background-color:#ffcc00; 
  color:#cc0000; 
  font-weight:bold; 
  display:block; 
  width:4em; 
  border-top:4px solid #fff;
  border-left:2px solid #def;
  border-right:2px solid #89a;
  border-bottom:2px solid #345; 
  margin:0.5em;
  }
.side-menu a:hover {
  color:#000;
  border-bottom:4px solid #fff;
  border-right:2px solid #def;
  border-left:2px solid #89a;
  border-top:2px solid #345; 
  }




/* Flower Walks */


.fwk ul
{
float:left;
width:100%;
padding:0;
margin:0;
margin-bottom:1em;
list-style-type:none;
clear:both;
}


.fwk a.nav, a.nav:link, a.nav:visited {display:block; width:150px; height:25px; background:#ccff99; border:1px solid #000; margin-top:2px; text-align:center; text-decoration:none; font-family:verdana, arial, sans-serif; font-size:12px; color:#000; line-height:25px; overflow:hidden; float:left;}
a.nav:hover {color:#fff; background:#00cc66;}
a.nav:active {color:#fff; background:#c00;}


.fwk li
{
display:inline;
float:left;
width:15em;
text-decoration:none;
border-right:1px solid white;
}


.chosen {color:#fff; background:#c00;}


.fwk h2
{
color:red;
clear:both;
}





/*  "Two Step" photo gallery  */

ul.gallery {
  padding:0; 
  margin:0; 
  width:448px; 
  height:336px; 
  position:relative; 
  list-style-type:none; 
  background: url(../Images/bgd.jpg);
  }
.gallery li {
  width:64px; 
  height:48px; 
  float:left; 
  z-index:100;
  }
.gallery li.lft {
  float:left; 
  clear:left;
  }
.gallery li.rgt {
  float:right; 
  clear:right;
  }
.gallery a {
  position:relative; 
  width:64px; 
  height:48px; 
  display:block; 
  float:left; 
  z-index:100; 
  cursor:default;
  }
.gallery a img {
  position:relative; 
  width:62px; 
  height:46px; 
  border:1px solid #888; 
  z-index:100;
  }
.gallery a:hover {
  width:160px; 
  height:120px; 
  padding:108px 144px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:20;
  }
.gallery a:hover img {
  background:#eee; 
  position:relative; 
  width:160px; 
  height:120px; 
  border:0; 
  z-index:20;
  }
.gallery a:active, .gallery a:focus {
  background:transparent; 
  width:320px; 
  height:240px; 
  padding:48px 64px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
  }
.gallery a:active img, .gallery a:focus img {
  background:#eee; 
  position:relative; 
  width:320px; 
  height:240px; 
  border:0; 
  z-index:10;
  }
/* hack for Internet Explorer */
.gallery li.pad {
  height:0; 
  display:block; 
  margin-top:-2px; 
  width:448px; 
  font-size:0;
  }
a:visited {
  color:#000;
  }
 /* hack for Opera 7+ */
@media all and (min-width:0px){
.gallery a:hover {
  background:#888; 
  width:320px; 
  height:240px; 
  padding:48px 64px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
  }
.gallery a:hover img {
  background:#aaa; 
  position:relative; 
  width:320px; 
  height:240px; 
  border:0; 
  z-index:10;
  }
}






/*  Links Page  */

.link-menu {
  padding:0;
  margin:0;
  /* width:0; */
  }
.link-menu li {
  list-style-type:none;
  margin:0 0 0.25em 0;
  }
.link-menu a, .link-menu a:visited {
  position:relative;
  display:block;
  width:13em;
  border:1px solid #808;
  font-family:arial, verdana, sans-serif;
  font-size:0.8em;
  text-align:center;
  text-decoration:none;
  background:#CCFF99; 
  color:#3333cc; 
  padding:0.25em;
  }
.link-menu a span {
  display:none;
  }
.link-menu a:hover {
  background:#ddd;
  color:#808;
}
.link-menu a:hover span {
  display:block;
  text-align:left;
  position:absolute; 
  left:14em; 
  top:0; 
  padding:0.5em; 
  width:35em;
  background-color:#eee;
  color:#000; 
  border:1px solid #808;
  }
.link-menu a:hover span:first-line {
  font-weight:bold; 
  font-size:1.2em;
  color:#808;
  }
.link-menu img {
  border:1px solid #000; 
  float:left; 
  margin:0.25em 1em 0.5em 0;
  }


/*  Pullquotes  */

.pullquote-r  {
  width: 145px;
  background:gold;
  color:black;
  float: right;
  border:1px solid maroon;
  font-size:1em;
  font-weight:bold;
  line-height:110%;
  padding:5px;
  margin-left:5px
  }

.pullquote-l  {
  width: 145px;
  background:gold;
  color:black;
  float: left;
  border:1px solid maroon;
  font-size:1em;
  font-weight:bold;
  line-height:110%;
  padding:5px;
  margin-right:5px
  }

.pullquote-l, .pullquote-r  span {
  color:maroon;
  font-size:x-small;
  }


.pullquote-gen  {
  width:75%;
  align:center;
  text-align:center;
  color:maroon;
  background:#0099FF;
  border:1px #0099FF;
  padding:10px;
  margin:10px 12% 10px 12%;
}

.pullquote-gen a {
  font-weight:bold;
}



/*  General  */

h1  {
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: larger;
  font-weight: bold;
  font-style: italic;
  font:#000000;
}

p, li {
  font-family: Georgia, Times New Roman, Times, serif;
  font:#000000;
}

a {
  color:blue;
  text-decoration:none;
  }

a:visited  {
  color:blue;
  text-decoration:none;
  }

.container {
  overflow: auto;
  left:10%
  width: 100%
  }


.twocol ul
{
float:left;
width:40%;
padding:0;
margin:0;
margin-bottom:1em;
list-style-type:none;
clear:both;
}



.twocol li
{
display:inline;
float:left;
width:50%;
text-decoration:none;
border-right:1px solid white;
}
  
  
  /*
  a:hover {
  background:#ffff66;
  }