/* Layout */

body {
	font-family : Verdana;
	color : rgb(51,102,51);
	font-size : 14px;
	width: 100%;
	background-color: #ffffff;
}

html {
        height:102%;
        margin-bottom: 2px
}

#wrap {
	margin: 0 auto;
    max-width: 960px;
    padding-bottom: 30px
}

#topbar {
    background-color: #8ca37d;
    margin-top: 0px;
    margin-bottom: 30px;
    padding: 0px;
    height: 32px;
    width: 100%;
    box-shadow: 0px 2px 5px #999
 }

#contactdetails {
    top: 100px;
    float: right
} 
 
/* Text */

P {
    font-size: 14px;
    line-height: 18px
}

UL {
	font-size: 14px
}

OL {
	font-size: 14px
}

A {
	color: #447711;
	text-decoration : none
}

A:visited {
	color: #447711;
	text-decoration : none
}

A:active {
	color: #447711
}

H1 {
	color: rgb(255,255,255);
	font-family : Lucida Sans Unicode ;
	padding-top : 10px}

H2 {
	color: rgb(153,102,0);
	font-family : Verdana;
	font-size : 26px;
	font-weight : normal}
	
	
H2 A       {color: rgb(153,102,0);
	font-family : Verdana
	}
	
H2 A :visited  {color: rgb(153,102,0);
	font-family : Verdana
	}

H2 A :hover {color: rgb(0,102,255);
	text-decoration : none;
	font-family : Verdana
	}
	

.TextObject {
	font-size: 14px
}

H3 {font-size: 20px;
	color: rgb(153,102,0);
	font-weight : normal
}


H4 {font-size : 20px;
	color : rgb(51,102,51);
	font-weight : bold
}

H5 {color: rgb(153,153,102);
	font-size : 16px;
	font-weight : bold;
	font-family : Arial;
	font-style : italic;
	text-align : center;
	letter-spacing : 0px;
	line-height : 14px
}

H6 {font-size: 28px;
	color : rgb(153,153,102)
}


A:hover {
	color: rgb(0,102,255);
	text-decoration : none
}




UL {
	font-family: Verdana;
	font-size : 14px
}

OL {
	font-family: Verdana;
	font-size : 14px
}


.highlight  {
    color: #e7893c
}

#top    {
    margin-top:20px;
    clear: both;    
    margin-top: 10px;
    margin-bottom: 5px;
    overflow: hidden;
}

#logobox {
    float: left;
}

#rj {
    float: left;
    padding-top:50px;
    margin-left: 20px;
}

#contacts {
    float: right;
    padding-top:50px;
}

.message  {
    color : #e7893c;
    margin-top: 40px;    
}

.message  a {
    color : #e7893c;
	text-decoration : none
}

.message  a:visited {
    color : #e7893c;
	text-decoration : none
}

.message  a:hover {
    color: rgb(0,102,255);
	text-decoration : none
}

/*Top menu*/

.gridmain {
    width: 100%;
}

.gridright {
    width: 100%;
}

.gridbox {
    clear: both;
    margin: 0 auto;
    text-align: center;
    margin-bottom:10px;
    margin-top:10px; 
    margin-right: 0;  
    border-top: 1px solid rgb(153,153,153); 
    border-bottom: 1px solid rgb(153,153,153);
}



.menuitem {
    display: inline;
    padding-right: 5px;
    padding-left: 1px;    
    border-right: 1px;
    border-color: #447711;
    border-right-style: solid;
    cursor: pointer;
    font-size: 16px;
    color: #447711;

}


.menuitem a:link {
    color: #447711;
	text-decoration : none;      
}

.menuitem a:visited {
    display: inline block;
    color: #447711;
	text-decoration: none;
}

.menuitem a:hover {
    display: inline block;
    color: rgb(51,102,204);
	text-decoration: none;
}

.gridmenu {
    width: 100%;
    margin: 0%;
    margin-left:0px;
    padding: 0;
    cursor: pointer;
    font-size: 16px;
    padding-top:5px;
    padding-bottom: 5px;
}

#footer  {
    background-color: rgb(207,231,191); 
    background-image: url('./barbg.jpg'); 
    background-repeat: repeat-x;
    min-height: 255px;
}


.footlinks  {
    float:left;
    width: 30%;
	min-width: 260px;
	text-align: left;
    margin-left: 1%;
    margin-right: 1.08%;
    margin-bottom: 10px;
    margin-top: 65px;
}

.footercontacts  {
    float: right;
    margin-top: 65px;
}

/* Images */

.image-flower {
	width: 150px;
    height: 180px;
    background-color: transparent;
    border: 0px solid;
    border-color: #ffffff;
    box-shadow: 4px 4px 2px #A8976F
}

.image-ruth {
    background-color: transparent;
    border: 0px solid;
    border-color: #ffffff;
    box-shadow: 4px 4px 2px #A8976F
}

.image-450 {
	width: 450px;
    height: 267px;
    background-color: transparent;
    border: 0px solid;
    border-color: #ffffff;
    box-shadow: 4px 4px 2px #A8976F
}

.image-596 {
	width: 596px;
    height: 335px;
    background-color: transparent;
    border: 0px solid;
    border-color: #ffffff;
    box-shadow: 4px 4px 2px #A8976F
}

.image-riverside {
	width: 350px;
    height: 271px;
    background-color: transparent;
    border: 0px solid;
    border-color: #ffffff;
    box-shadow: 4px 4px 2px #A8976F
}
.bookcover {
	width: 166px;
    height: 250px;
    background-color: transparent;
    float: left;
    border: 0px solid;
    margin-right: 10px;
    margin-bottom:20px
}

/* Navigation */

#topmenu { 
   margin: 0; 
   padding: 0.3em 0 0.3em 0; 
   background: #FFFFFF;
   border-top-style: solid;
   border-top-width: 1px;
   border-top-color: #c3c3c3;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: #c3c3c3;
   display: block;
   float: left;
   width: 100%; 
   text-align: center 
} 

#topmenu ul { 
   list-style: none; 
   margin: 0; 
   padding: 0;
   color: #333333 
} 

#topmenu ul li           { 
   margin: 0; 
   padding: 0; 
   display: inline 
} 

#topmenu ul a :link{ 
   margin: 0; 
   padding: 0.3em 0.4em 0.3em 0.4em; 
   text-decoration: none; 
   font-weight: bold; 
   font-size: medium; 
   color: #004415 
} 

#topmenu ul a :visited{ 
   margin: 0; 
   padding: 0.3em 0.4em 0.3em 0.4em; 
   text-decoration: none; 
   font-weight: bold; 
   font-size: medium 
} 

#topmenu ul a :active{ 
   margin: 0; 
   padding: 0.3em 0.4em 0.3em 0.4em; 
   text-decoration: none; 
   font-weight: bold; 
   font-size: medium; 
   color: #227755 
} 

#topmenu ul a :hover{ 
   margin: 0; 
   padding: 0.3em 0.4em 0.3em 0.4em; 
   text-decoration: none; 
   font-weight: bold; 
   font-size: medium; 
   color: #f6f0cc 
}


#banner  {
    display: block;
    background-color: #8DA37C; 
    background-image: url('banner960.jpg'); 
    margin-bottom: 15px;
    min-height: 60px;
}

#page-content {
    width: 100%;
    max-width: 960px
}

.pub-content {
    display: inline-block;
    min-height: 280px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    border-width: 1px;
    padding-top: 5px;
}


#lh-col  {    
    float:left;
    width:65%;
}

#rh-col  {
    float:right;
    width:30%;
    margin-left:5%
}


.centertitle  {
    padding: 70px
    }

.blockitem {
    display: block;
    *display: block;
    height: auto;
    margin: auto;
}

.blockhighlight {
    display: block;
    background-color: #eeeeee;
    border-color: #333333;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-spacing: 2px;
    padding:3px;
    width: 100%;
}

.blockhighlightgreen {
    display: block;
    *display: block;
    background-color: #caf1ca;
    border-color: #008000;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-spacing: 2px;
    padding:3px;
    width: 100%;
}

#rightpanel {
    display: block;
    float:right;
	width: 30%;
	text-align: left;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 30px;
	margin-bottom: 10px;
	background-color: #fefefe;
	padding-right: 10px;
	padding-left: 10px;
	padding-top:5px;
	padding-bottom:5px;
	border-style:solid;
	border-width:2px;
	border-color: #cccccc;
	border-radius: 5px;
}

#rightpanel-noborder {
    display: block;
    float:right;
    width: 30%;
	text-align: left;
	margin-right: 8px;
	margin-left: 0px;
	margin-top: 30px;
	margin-bottom: 10px;
	background-color: #fefefe;
	padding-right: 10px;
	padding-left: 10px;
	padding-top:5px;
    padding-bottom:5px;
    border-color: #ffffff;
	border-radius: 5px;    
}

/* Slideshow */

#slideshow { 
float: right;
height: 300px; 
width: 300px; 
padding: 0; 
margin: 0;
border: 0px solid;
border-color: #ffffff;
box-shadow: 4px 4px 1px #A8976F 
} 

#slideshow2 { 
float: right;
height: 300px; 
width: 300px; 
padding: 0; 
margin: 0;
border: 0px solid;
border-color: #ffffff;
box-shadow: 4px 4px 1px #A8976F 
}


#slideshow3 { 
float: left;
height: 335px; 
width: 596px; 
padding: 0; 
margin: 0;
border: 0px solid;
border-color: #ffffff;
box-shadow: 4px 4px 1px #A8976F 
} 

#slideshow4 { 
float: left;
height: 240px; 
width: 956px; 
padding: 0; 
margin: 0;
border: 0px solid;
border-color: #ffffff;
box-shadow: 4px 4px 1px #A8976F 
}

#slideshow5 { 
float: left;
height: 265px; 
width: 320px; 
padding: 0;
margin: 0;
}

.pics img { 
padding: 0px; 
border: 1px solid #ffffff; 
background-color: #eeeeee; 
width: 300px; 
height: 300px; 
top: 0; 
left: 0 
} 

.blockhighlight {
    display: block;
    background-color: #eeeeee;
    border-color: #333333;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-spacing: 0px;
    padding:10px;
    width: 98%;
}

.blockhighlightgreen {
    display: block;
    *display: block;
    background-color: #caf1ca;
    border-color: #008000;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-spacing: 2px;
    padding:3px;
    width: 100%;
}

.clear {
    clear: both; 
}

A:hover {
	color: rgb(0,102,255);
	text-decoration : none
}


.TextNavBar {
	font-size: 16px;
	color : rgb(128,128,128);
	white-space : normal
}

/*---Sliders---*/


#gallery600 {
    max-width: 640px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;

}
#gallery960 {

    width: 100%;
    max-width: 960px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;

}

/*----Slider gallery with 4 images--->*/



@-webkit-keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%;}
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

@-moz-keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%;}
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

@-o-keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%;}
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider {
 width: 100%;
}

div#slider figure { 
position: relative;
width: 500%;
margin: 0;
left: 0;
text-align: left;
font-size: 0;
animation: 30s slidy infinite; 
}

/*---End of Sliders---*/