/* Start of CMSMS style sheet 'flora_style' */
/*======================================
      CUSTOM STYLESHEET
	  last modified: 18/04/09
======================================*/
 
/* FIX for png on IE 
/*img, div { behavior: url(js/iepngfix.htc) }*/
*/

/*************************************/
/*              COLOR SCHEME               */

.red_flora {color:#C7161D;}
.yellow_flora {color:#FFCC00;}
.blue_flora {color:#003399;}
.green_flora {color:#339900;}

/* Typo */
body {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#666;
}

strong, em, b, i {
   font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, address {
   font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

}


/******** LINKS ********/

a {color:#335DA1; text-decoration:underline;}
a:hover  {color:#C7161D; text-decoration:none}
a:hover h2 {font-weight:bold;}
#action a, img a {text-decoration:none;}


/**************************************/
/*              SIDE COLUMN               */
/**************************************/

.infobox  {
        float:right:
        display:inline;
        margin-bottom:10px;
	width: 288px;
        border:1px solid #aaa;
        background:#F7FCF0 url(images/layout/box_header_green.png) repeat-x 0 0
}

.gal .infobox {margin-left:0;} /* small correction for gallery template */

.infobox {padding: 0 10px 10px 10px;}
.infobox p {margin-bottom:5px;}
.infobox h3 {padding:5px 0 0 0;color:white;font-size:1.3em;}
.infobox h3 span{padding-left: 5px;}
.infobox ul {padding-left:10px;}

#sidecol {padding-top:20px;margin:0;}


/**** action buttons ***********/
#action {padding-left:20px;margin-top:10px;}
.act  {color:#666; font-size:1.3em;}
.act span {position:relative; top:-15px; margin-left:10px;}

/****** Top Slogan ********/

#slogan {
            background: url(images/layout/green-bg.jpg) repeat-x ;
            height:80px; 
            color: white;
            border-bottom:8px solid #C7161D;
            width:100%;  
            margin:0; 
}

#slogan span.nature {
          float:left;
          padding: 20px 0 0 140px;
}

#slogan span.nature p {
          font-size:2em;
          font-family:  "Trebuchet MS", sans-serif;  
          font-style:oblique;
          letter-spacing: 0.05em;
}

 span.repdom {
          float:right;
          margin: 45px 0 0 0;
          font-size:1.4em;
          font-family:  "Trebuchet MS", sans-serif;  
          font-style:normal;
          letter-spacing: 0.05em;
          color:#fff;
          }

.logo {margin:0;}

.thumbnails {
     float:right;
     display:inline;
     margin:7px 0 0 5px;
     border:1px solid #000;
}

img {border:none;}

 .imgFloat {
    float:left;
    margin:10px 10px 10px 0;
    border:1px solid #000;
}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/

#content {margin-top:20px; }
.contentText {padding-right:0 20px 20px 0;}

#content p {margin-bottom:10px;}

/* Language flags ******/
#langText {
    position: relative;
    top:0;
    float:left;
    display:inline;
}
#langText img { padding-right:3px; width:22px; height:15px;margin-top:7px;}

#photo_gallery {padding:20px 0;}
#gallery_slide {float:left;margin:10px 10px 0 0;}

 
/*******GUESTBOOK*********/
.next {float:right;margin:20px;}
.previous {float:left;margin:20px 0 0 35px;}

.comment {
     margin-left:40px;
     border:1px solid #ddd; 
     width:240px;
     padding:5px; 
     background:#F7FCF0;
}
.bubble {position:relative; top: 35px; }

/**************************************/
/*               FOOTER               */
/**************************************/
#footer {
   text-align:center;
   border-top:3px solid #C7161D;
   padding:5px 0 5px 0;
   margin-top:20px;
}

 /*************************************/
/*             serialScroll              */

#screen{
	position:relative;
	width:550px;
	margin-bottom:20px;
        background:#fff;
}
	#screen .next, #screen .prev{
		position:absolute;
		top:100px;
	}
	#screen .prev{
		left:5px;
	}
	#screen .next{
		right:5px;
	}

/******** ACCORDION ********/
	
#accordion {margin-top:20px;margin-bottom:20px;}
	
#sections{
	overflow:hidden;
	background-color:white;
	width:490px;
	/* height:369px; */
	clear:left;
	margin-left:20px;
}
	
	#sections ul{
		width:3660px;
	}
	
		#sections li{
			float:left;
			padding:11px 30px;
		}
			#sections li.fallen{
				margin-top:369px;
			}
			
			#sections p{
				width:450px;
				margin:16px 0;
				font-size:85%;
				line-height:1.4em;
			}
			
			#sections h2{
				color:#993333;
				margin:10px 0pt;
			}
			


/* End of 'flora_style' */