body {margin: 0; padding: 0; text-align: center;
  color: #000; background: #FFF url(../garden/images-site/applebgr.jpg) no-repeat top left; behavior: url(/file-bin/csshover.htc);} /*05-04-22*/
acronym {border: none;}

div#content {width: 700px; margin: 75px auto 0; padding: 0;
  position: relative; text-align: left;}
div#content a {text-decoration: none;}
div#content a:link {color: rgb(179,63,96);}
div#content a:visited {color: rgb(90,32,48);}
div#content a:link:hover{text-decoration: underline;}
div#content a:visited:hover {text-decoration: underline;}
code, pre {color: rgb(107,153,139); font: italic 1em georgia, serif;}
.small {font-size: .9em;}

#pageHeader {background: url(../garden/images-site/pageHeader2.jpg) 0 0 no-repeat;
  height: 157px; width: auto; }

#pageHeader h1 span {visibility: hidden;}
#pageHeader h2 {position: absolute; z-index: 102;
  top: 134px; right: 140px; margin: 0; padding: 0;
  color: rgb(91,131,104);
  text-transform: lowercase; letter-spacing: 0.2em;
  font: bold italic 1.3em/1em Times, serif; text-align: right;}
#pageHeader h2 acronym {text-transform: uppercase;}

/*summery center*/
#quickSummary {font: italic 1em/2 Times, "Times New Roman", serif;
  background: white url(quickSummary.jpg) 0 100% no-repeat;
  color: rgb(94,98,96);
  margin: 1px 0; padding: 1em 50px 1.5em 1.5em;}
#quickSummary p {display: inline;}
#quickSummary p.p2 {margin-left: 0.25em;}
#quickSummary p.p2:after {content: ".";}
/*summery left*/
#quickSummary-left {
	clear:both; 
	margin: 20px 20px 20px 10px; 
	width: 200px; 
	float: left;
	}
#quickSummary-left p {color: rgb(25%,25%,20%);
	font: italic 10pt/22pt georgia, serif; 
	text-align:center;
	}
#preamble p, #supportingText p {font-size: 90%; line-height: 1.66em;
   margin: 0 1.5em; padding: 0.5em 0; color:rgb(25%,25%,20%);}
#preamble h3, #supportingText h3 {letter-spacing: 0.1em;
  font: italic 1.2em Times, "Times New Roman", serif;
  color: rgb(107,153,139); margin: 1em 0 0.5em 0.5em;}
#preamble {border-top: 0px solid rgb(184,214,194);}

#preamble, #explanation, #participation, #benefits, #requirements {
 
  padding-top: 1px; padding-bottom: 1px;}
#requirements {border-bottom: 1px solid rgb(184,214,194);
  background: url(../garden/images-site/main.jpg) 100% 100% no-repeat;
  padding-bottom: 100px;}
#footer {margin: 0px 0px 0 0; height: 123px;
  background: #FFF url(../garden/images-site/footer2.jpg) 100% 1px no-repeat;
  padding: 60px 1em 0 0.5em;}
#footer a {color: rgb(207,216,214); line-height: 1em;   font-size: 1.25em; font-weight: 100;}


div#footercop {clear: both; padding-top: 1em;
  font: 70% Verdana, sans-serif; color: rgb(179,63,96);}

  /*Subscribe box float right on Cembra*/ 
#wrapper {
	margin-right:138px;
	padding-top: 5px; }

/*** Tan hack for IE. Only IE browsers see this selector.
      ***/

* html #wrapper {
	width: 100%; /*** IE5.5 needs this value to eliminate a horizontal scrollbar ***/
	w\idth: auto; } /*** resets the value for IE6 and IE5-Mac ***/

.left {
	float: left;
	margin-left: 6px;
	width: 45%;
	padding: 5px 5px 5px 10px;
	background: #fff;
	border: 3px double rgb(170,187,170);}
/*slut subscrinbe*/



  
  #map {margin: 0px 0px 0 20px; height: 123px;
  background: #FFF  100% 1px no-repeat;
  padding: 60px 1em 0 0.5em; color:rgb(25%,25%,20%);}
 
#map a {color: rgb(207,216,214); line-height: 1em;   font-size: 1.15em; font-weight: 100;}
/*main navigation*/
div#nav {float: left; margin:-1px 0 0 0;
  background: #FFF; border: 1px solid #AAA; }
div#nav ul {margin: 0; padding: 0; background: white;
  border: 1px solid #CCC; border-width: 0 1px;}
div#nav li {position: relative; list-style: none; margin: 0;
  float: left; width: 7.2em; line-height: 1em;}
div#nav li:hover {background: #EBB;}
div#nav li.submenu {background:  url(../garden/images-site/dropmenu.gif) 95% 50% no-repeat;}
div#nav li.submenu:hover {background-color: #EDD;}
div#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; width: 6.5em;}
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; width: 7em;
  display: none;}
div#nav ul ul li {border-bottom: 1px solid #CCC;}
div#nav li.submenu li.submenu {background:  url(../garden/images-site/submenu.gif) 95% 50% no-repeat;}
div#nav li.submenu li.submenu:hover {background-color: #EDD;}
div#nav li.submenu li.submenu:hover {background-color: #EDD;}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2 {top: 1.5em; left: -1px;}
div#nav ul.level3 {top: -1px; left: 7em;
  border-top: 1px solid #CCC;}
   /*pullquote*/
  div.pullquote {float: right; width: 155px; color: #A09080;
   border: solid #908070; border-width: 3px 0;
   font: bold 0.9em Arial, Helvetica, Verdana, sans-serif;
   padding: 3px 2px; margin: 1px 7px;}
   div.pullquote  small {font: 0.75em Arial, Helvetica, Verdana, sans-serif; float: right; color: #A09080;}
  
  /*blogs*/
  #weblog h4.title, #weblog h5.date {margin: 0; padding: 0;
  font-family: Arial, Verdana, sans-serif; line-height: 1em;
  letter-spacing: 0;}
#weblog h4.title { color: rgb(15%,30%,15%); font-size: 1em; text-align: right;
  padding: 5px 25px 0 0; margin: 0 45% -1px 0;
  background: url(../garden/images-site/leaf-up.gif) 100% 0 no-repeat;
  border-bottom: 1px solid rgb(50%,66%,50%);}
#weblog h5.date {font-size: 0.9em; text-align: left;
  padding: 0 0 5px 25px; margin: 0 0 0 45%; 
  background: url(../garden/images-site/leaf-down.gif) 0 100% no-repeat;
  border-top: 1px solid; color: rgb(50%,66%,50%);}
#weblog .moreinfo {margin: 0; padding: 0;
  text-align: right; font-style: italic;
  border-right: 1px solid rgb(50%,66%,50%);
  color: rgb(50%,66%,50%);}
#weblog .moreinfo li {display: inline; list-style: none;
  border-left: 1px solid rgb(65%,75%,65%);
  padding: 0 0.5em;}
#weblog .moreinfo a {color: rgb(50%,66%,50%); font-style: normal;}
#weblog .moreinfo .categories {font-weight: bold;}
#weblog p {font-size: 90%; line-height: 1.3em;
   margin: 0 1.5em; padding: 0.5em 0; color:rgb(25%,25%,20%);}
#weblog .pic {float: right; margin: 1em 0 1em 2em;}
#weblog .border {border: 3px double #666; background: #ABA;}
 /*small capitals*/
div.notes {font-variant: small-caps; text-align: center;
           margin-right: 10px; padding: 0.125em 0; }
		  /*vanlig lista*/
	div.lista{  line-height: 1.66em;
 color:rgb(25%,25%,20%); list-style-image: url(red_shadowbullet.gif); font-size: 90%;}
 /* 200*200 inklusive geemensamma*/

div.pic200 {float: left; height: 250px; width: 200px;
  padding: 0 15px; margin: 5px 3px;}
div.pic200 img {border: 3px double #666; background: #ABA;}
div.sq150 img {height: 150px; width: 150px; margin: 0 16px;}
div.sq200 img {height: 200px; width: 200px; margin: 0 16px;}
div.pic200 ul {margin: 0.25em 0 0; padding: 0;
  font:110% monospace; color:rgb(94,98,96) }
li.title {display: block; text-align: center;}
li.catno { display: none; text-align: center;}
li.price {display: none;}
/* 200*250 ls*/
div.picls200 {float: left; height: 250px; width: 255px;
  padding: 0 15px; margin: 5px 3px;}
div.ls200 img {height: 200px; width: 275px; margin: 32px 0 0;}
div.picls200 img {border: 3px double #666; background: #ABA;}
div.picls200 ul {margin: 0.25em 0 0; padding: 0;
  font:110% monospace; color:rgb(94,98,96) }
  /* 128*158 ls and pt sq 150*/
 div.pic {float: left; height: 200px; width: 145px;
  padding: 0 15px; margin: 5px 3px;}
div.pic img {border: 3px double #666; background: #ABA;}
div.ls img {height: 128px; width: 158px; margin: 32px 0 0;}
div.pt img {height: 158px; width: 128px; margin: 0 16px;}
div.sq img {height: 150px; width: 150px; margin: 0 16px;}
div.pic ul {margin: 0.25em 0 0; padding: 0;
  font:110% monospace; color:rgb(94,98,96) }	   
	
  /*tester*/
  .floatright
{
float: right;
width: 200px;
margin: 0 0 10px 10px;
background-color: #fff;
padding: 10px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
}

div.floatright img
{
border-top: 1px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
}

p { margin-top: 0; }

 .floatrightthb
{
float: right;
margin: 8px 0 10px 10px;
clear: right;
border: 3px double #666; background: #ABA;
}
.containingbox p { margin-top: 0;}

p { margin-top: 0; }
#extraDiv1 {
	background: #000; 
	position: absolute; 
	top: 40px; 
	right: 0px; 
	width: 148px; 
	height: 110px;
	}
	/* Floating tumbnails*/
div.float {float: left; padding: 10px;}
div.float p {text-align: center;}
div.float b {text-align: center;}
div.container {background-color: #22232F; border: 2px dashed #22232F;}
div.spacer {clear: both;}
/*  Slut Floating tumbnails*/