/*Css style sheet - Style 1*/

/*no style file: removes all built-in default browsers styles*/

html {height: 100%;}

body {
padding: 0;
margin: 0;
text-align: center;
background-color: white;
}

a {
padding: 0;
margin: 0;
}

ul, ol, li {
margin: 0;
padding: 0
list-style-type: none;
}

p, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}

table, th, tr, td {
padding: 0;
margin: 0;
}

html {height: 100%;}

body {
padding: 0;
margin: 0;
text-align: center;
background-color: white;
}

hr {
color: #9acd32;
}
/*----------------------------------------------------------------------------------------------------------------------------------*/

/*main container*/
#main {
width: 750px;
margin: auto;
text-align: left;
border: 1px solid #9acd32;
}


/*-------------------------------------------------------------------------------------------------------------------------*/

/*Calendula Organics banner/billboard*/
#banner {
width: 740px;
text-align: center;
background-color: #228b22;
padding: 5px;
}

#banner h1{
font-family: serif;
font-weight: bold;
text-align: left;
color: #ffffff;
letter-spacing: .3em;
padding-top: 1.3em;
padding-left: .2em;
padding-right: .1em;
}

#banner h2{
font-family: georgia, cursive, sans-serif;
color: #ffffff;
text-align: right;
margin: .2em;
padding-top: 0.15em;
padding-bottom: 0.2em;
/*padding-left: 0.15em;*/
padding-right: 0.10em;
}

/*--------------------------------------------------------------------------------------------------------------*/

/*marigold separator*/
#separator {
width: 750px;
border-top: 1px inset #006400;
margin-top: -2px;
}

/*----------------------------------------------------------------------------------------------------------------------*/

/*main menu*/
#nav{
width: 750px; 
text-align: center;
border-bottom: 1px solid #9acd32;
border-top: 1px solid #006400;
background-color: #fffff0;
margin-top: -4px;
padding-top: 10px;
padding-bottom: 10px;
}

#nav a{
text-align: center;
display: inline; 
text-decoration: none;
color: #006400;
font-weight: 300;
font-size: 1em;
letter-spacing: .15em;
font-family: 'comic sans MS', sans-serif;
margin-left: 8px;
padding-right: 5px;
}

#nav a:hover{
color: #ffffff;
background-color: #228b22;
text-decoration: underline;
}

#nav a:visited{
color: #a52a2a;
background-color: #fffff0;
}

/*------------------------------------------------------------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------Next and Previous tabs---------------------------------------------------------------------*/
/*the next and previous tabs*/
#thirnav {      
width: 200px;
float: right;
text-align: right;
margin-top: 7px;
padding-right: 10px;
}

#thirnav a {
color: #228b22;
font-weight: 500;
font-size: .8em;
}

/*-------------------------Pageturner-----------------------------------*/




#crumbs {
float: left;
width: 740px;
margin-top: 0px;
padding-top: 7px;
padding-left: 8px;
padding-bottom: 7px;
border-bottom: 1px solid #9acd32;
background-color: #fffff0; 
}



#crumbs p{
text-align: left;
color:  #228b22;
font-size: .9em;
line-height: 1em;
}

#crumbs p .locate {
color: #a52a2a; 
font-weight: 600;
text-decoration: none;
line-height: 1.1em;
}

#crumbs p .here {
color: green;
font-weight: 600;
text-decoration: none;
line-height: 1.1em;
}

#crumbs a:hover{
color: #ffffff;
background-color: #228b22;
text-decoration: underline;
}

#crumbs a:hover .locate {
color: white;
background-color: #228b22;
}
#thirnav .fright {
width: 170px;
float: right;
text-align: right;
margin-top: -40px;
}



#thirnav .fright a {
color:  #228b22;
font-weight: 500;
font-size: .8em;
margin-right: 4px;
}

#thirnav a:hover{
color: #ffffff;
background-color: #228b22;
text-decoration: underline;
}


/*--------------------------------------------------------------Left Column-------------------------------------------------------*/

/*columns for the main info content*/

/*left hand column*/

#leftcol {
float: left;
width: 130px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 12px;
margin: -7px 4px 0 5px;
text-align: center;
position: relative;
left: -417px; /*-420px;*/
}

#leftcol img {
margin: 12px 14px 12px 12px;
}
 
#leftcol a {
color: #a52a2a;
text-decoration: none;
font-weight: bold;
font-size: .9em;
width: 120px;
line-height: 2.5em;
display: block;
}

#leftcol a:hover {
color: #ffffff;
background-color: #228b22;
text-decoration: underline;
}


#leftcol h4 {
color: #006400;
font-family: 'comic sans MS', sans-serif;
font-size: 1em;
font-weight: 500;
text-decoration: none;
text-align: center;
padding-bottom: 13px;
padding-top: 10px;
}

#leftcol p{
font-size: 90%;
font-family: 'comic sans MS', sans-serif;
font-weight: 500;
color: #2f4f4f;
text-align: center;
}

#leftcol pre {
font-family: 'comic sans MS', sans-serif;
font-weight: 500;
color: #2f4f4f;
line-height: 1.6em;
font-size: .8em;
text-align: center;
}

#leftcol pre a {
font-family: 'comic sans MS', sans-serif;
font-weight: 700;
font-size: .9em;
color: #006400;
line-height: 1.2em;
padding: 3px;
margin-top: 15px;
border: 1px solid green;
background-color: #ffd700;
}

#leftcol h4 p .shops{
line-height: .5em;
}

/*------------------------------------------------------Central Column-------------------------------------------------------*/
/*central column*/

#content{
float: left;
width: 390px; /*390px;*/
position: relative;
left: 166px; /*165px;*/
padding: 14px;
margin-bottom: 0px;
border-left: 1px solid #9acd32;
border-right: 1px solid #9acd32;
}

#content .topend {
color: #228b22;
}


#content p {
letter-spacing: 1px;
text-align: justify;
font-size: 90%;
font-family: 'comic sans MS', sans-serif;
font-weight: 500;
color: #2f4f4f;
padding: 6px;
}

#content h3 {
text-align: center;
font-family: 'comic sans MS', sans-serif;
letter-spacing: .1em;
color: #a52a2a;
margin-top: -20px;
font-weight: 400;
}

#content h3.title {
font-size: 1.8em;
}

#content .fleft {
float: left;
clear: both;
/*left: -47px;*/
margin-right: 15px;
margin-top: 20px;
padding: 10 20 7 7;
}

#content p.update {
font-size: .6em;
color: blue;
text-align: center;
}

#content th {
text-align: center;
font-family: 'comic sans MS', sans-serif;
letter-spacing: .1em;
color: #006400;
font-weight: 400;
}

#content table {
position: absolute;
left: 15px;
top: 170px;
border: 1px solid #228b22;;
}

#content table td {
border: 1px solid gold;
font-size: .9em;
font-family: 'comic sans MS', sans-serif;
color: #2f4f4f;
font-weight: 400;
}

#content table.diary {
width: 93%;
}

#content blockquote {
font-style: italic;
}

#content a {
 color: #228b22;
}

#content a:hover, #content a:hover .toright {
color: #ffffff;
background-color: #228b22;
text-decoration: underline;
}


#content a:visited .toright {
color: #228b22;
background-color: white;
}


#content a.toright {
float: right;
}

pre {
letter-spacing: 1px;
text-align: justify;
font-size: 90%;
font-family: 'comic sans MS', sans-serif;

color: #2f4f4f;
}

h4 {
color: #228b22;
font-family: 'comic sans MS', sans-serif;
font-weight: 500;
}
/*--------------------------------------------------------------------------Right Column--------------------------------------------------------------------*/
/*right hand column*/

#rightcol {
width:130px;  /*1px to allow for ie6 bug*/
float: right;
padding: 10px;
height: auto;
margin-right: 7px;
margin-top: -7px;
}



#rightcol  .news {
color: red;
font-style: italic;
font-size: 1.2em;
font-weight: 800;
text-decoration: underline;
text-align: center;
}

#rightcol h4 {
color: #006400;
font-family: 'comic sans MS', sans-serif;
font-size: .9em;
font-weight: 800;
text-decoration: underline;
text-align: center;
}

#rightcol p{
font-size: 90%;
font-family: 'comic sans MS', sans-serif;
font-weight: 500;
color: #2f4f4f;
text-align: center;}

#rightcol a {
color: #228b22;
text-decoration: none;
font-weight: bold;
}

#rightcol pre {
font-family: 'comic sans MS', sans-serif;
font-weight: 500;
color: #2f4f4f;
line-height: 1.5em;
font-size: .8em;
margin-bottom: 10px;
text-align: center;
}

#rightcol pre a {
font-family: 'comic sans MS', sans-serif;
font-weight: 600;
font-size: .9em;
color: #006400;
line-height: 1.3em;
padding: 3px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 7px;
margin-right: 7px;
border: 1px solid green;
background-color: gold;
}

#rightcol .topend {
font-size: .8em;
position: relative;
top: 10px;
right: 0px;
font-family: 'comic sans MS', sans-serif;
font-weight: 600;
color: #9acd32;
padding: 5px;
background-color: gold;
color: #006400;
border: 1px solid #006400;
}

#rightcol a:hover {
color: #ffffff;
background-color: #228b22;
text-decoration: underline;
}

#rightcol p img { 
float: right;
position: relative;
right: 28px;
}

#rightcol img#b2 {
float: right;
position: relative;
right: 9px;
} 

#rightcol a.bottom {
position: absolute;
bottom: -1100px;
right: 280px;
}

#rightcol .events {
text-align: center;
}

/*--------------------------------------------------------------------------Footer--------------------------------------------------------------*/

/*footer area with logos*/
#footer {
clear: both;
width: 750px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #9acd32;
background-color: #fffff0; 
color: #008b00;
text-align: center;
}

/*--------------------------------------------------------------------------------------------------------------------------------------*/