body {background: #677C2F url(images/background.jpg) repeat;
      color: #6C6C6C;
      font-size: 12px;
      font-family: "palatino linotype", "trebuchet ms", "times new roman";
      margin: 0;
      padding: 0;
      text-align: center;} /* Needed to center layout in old IE browsers. */

acronym, abbr {cursor: help;
               border-bottom: 1px dotted;}

h1, h2, h3, h4, h5, h6 {margin: 0 0 25px 0;
                        padding: 0 0 2px 0;
                        color: #8BA11D;
                        background-color: #FFF;
                        font-weight: normal;}

/*.bottom-border {border-bottom: 1px solid #E0E0E0;}*/

.headline {margin: 0 0 5px 0;
           padding: 0;
           font-size: 12px;}

ul {list-style-type: square;}

p {padding: 0;
   margin: 0 0 25px 0;
   line-height: 160%;}

p.clear-left {clear: left;}
/*
img {border: 0;
     margin: 0 0 25px 0;}*/
       
h1 {font-size: 24px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

a {color: #8BA11D; text-decoration: none; background-color: transparent;}
a:link {color: #8BA11D; background-color: transparent;}
a:visited {color: #677C2F; background-color: transparent;}
a:hover {color: #CC6633; background-color: transparent;}
          
#container {width: 860px;
            background-color: #FFF;
            color: #6C6C6C;
            text-align: left;
            padding: 0;            
            margin: auto;
            margin-top: 10px;
}

#header {width: 100%;
         background: #3D3D3D;
         color: #EEE;}

#header h1 {margin: 0;
            background: #3D3D3D;
            color: #EEE;
            padding: 0;}

#logo {display: block;
       margin: 0;
}

#sub-header {width: 860px;
             height: 218px;
             background: #FFF url(images/wheat_field.jpg) no-repeat center;
             color: #6C6C6C;
}

#content {
	margin: 0px;
	padding: 20px 8px; 
	text-align: left;
    background: transparent url(images/content_top.jpg) no-repeat;
    color: #6C6C6C;
    /*border: 1px solid #000000;*/
}

/* The right-column division is your main content division. */

#right-column {width: 468px;
               float: right;
               min-height: 350px;}

#left-column {width: 216px;
              padding: 0;
              margin-right: 504px;}

#footer {width: 860px;
         height: 78px;
         clear: both;
         margin: 0px auto;
         padding: 0;
         background: #FFF url(images/footer_background.jpg) no-repeat;
         color: #6C6C6C;
}

#footer-content {padding: 51px 20px 0;}

#footer-right {float: right;
               margin: 0;}

#footer p {margin: 0;}


.left {float: left;}

.right {float: right;}

.justify {text-align: justify;}

.clear {clear: both;}


#content-links {
	margin: 25px auto; 
    padding: 0;
    width: 650px;
}

#content-links ul {margin: 0;
                    padding: 0;
                    list-style-type: none;}

#content-links li {display: inline;
                    padding: 0 1px 0 0;}
/*
#content-links li a img {padding: 0;
                          margin: 0;
                          border: 2px solid #E0E0E0;}

#content-links li a:hover img {border: 2px solid #677C2F;}
**/
#content-links li img,
#content-links li:link img,
#content-links li:visited img {
	padding: 0;
    margin: 0;
    border: 2px solid #E0E0E0;
}
#content-links li:hover img {border: 2px solid #677C2F;}


/* Begin main navigation menu. */

ul.menu {
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:33px;
	font-size:1em;
	background:url(images/bg.png) repeat-x top left;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	border:0px solid #000;
	margin: 0px 7px;
	padding:0;	
}

ul.menu li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	/*background:url(images/bg.png) repeat-x top left;*/
}

ul.menu li a {
	float:left;
	color:#A79787;
	text-decoration:none;
	height:24px;
	padding:9px 15px 0;
	background:url(images/bg.png) repeat-x top left;
}


ul.menu li a:hover {
	color: #FFFFFF;
	/*background:url(images/bg.png) repeat-x top left;*/
}


/*GREEN*/
ul.menu.green{
	background-color:#629600;
}
ul.menu.green li a:hover{
	background-color: #D8E661;
}

body#sectionnone  ul.menu.green li#none  a,
body#sectionone   ul.menu.green li#one   a,
body#sectiontwo   ul.menu.green li#two   a,
body#sectionthree ul.menu.green li#three a,
body#sectionfour  ul.menu.green li#four  a,
body#sectionfive  ul.menu.green li#five  a,
body#sectionsix  ul.menu.green li#six  a {
	color: #D8E661;
	font-weight: 700;
	background-color:#D8E661;
}

/* End main navigation menu. */ 



span.key {
	float: left;
	width: 200px; 
	font-weight: bold;
	text-align: right;
	padding: 1px;
	margin: 0px 5px 5px 0px;
	border-bottom: 1px solid #000000;
	color: #555555;
	background-color: #EEEEEE;
}


span.values {
	float: left;
	width: 450px;
	color:#A79787;
	text-align: left;	
} 
  
  
#ta-links {
	float: left;
	width: 350px;
	background-color: transparent;
}
#ta-links .links {
	float: left;
	width: 50px;
	background-color: transparent;
}
#ta-links .info {
	float: right;
	width: 295px;
	text-align: left;
	color: #000000;
}

#ta-news {
	float: right;
	width: 350px;
	background-color: #00FF00;
}
#ta-news .date {
	float: left;	
	width: 80px;
	font-weight: bold;
	color: #000000;
}
#ta-news .news {
	float: left;
	text-align: left;
}


.loading { min-width:32px; min-height:32px; background:transparent url(images/loading.gif) no-repeat scroll 50% 50%; }


.social { font-family: verdana; font-size: 10px; font-weight: bold; color: #677C2F; background-color: transparent; margin: 5px 0px; }
.social-head { display: block; font-family: verdana; font-size: 10px; font-weight: bold; color: /*#D8E661;*/ #677C2F; background-color: /*#3D3D3D*/ transparent; text-align: center; margin: 5px 0px; }

#content-recipes-left { float: left; width: 140px; margin-right: 8px; padding: 0; }

#content-recipes-menu { /* float: left; width: 140px; margin-right: 8px;*/ display: block; padding: 0; }

#content-recipes-list { float: left; width: 200px; margin-right: 8px; padding: 0; background-color: #EEEEEE; }

#content-recipes { float: left; width: 475px;
	font-family:Verdana,Helvetica,Arial,sans-serif;	 
	padding:5px; 
	background-color: #EEEEEE; 
	color: #000000; 	 
	text-align: left;	
	line-height: 150%;
}

/* Menu verticale										*/
#vertical-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #333;
}
#vertical-menu li {
	font: 12px "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#vertical-menu a {
	background: #333;
	border-bottom: 1px solid #393939;
	color: #ccc;
	display: block;
	margin: 0;
	padding: 2px 12px;
	text-decoration: none;
	text-align: left;
}
#vertical-menu a:hover {
	background-color: #629600;
	color: #fff;
	padding-bottom: 2px;
}
/*.menu-hover	{ background-color: #629600; color: #fff; padding-bottom: 2px; }*/

ul.sub-vertical-menu {
	background-color: #333;
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 200px;
	margin-bottom:20px; /* per spaziare banner */
}
ul.sub-vertical-menu li { margin: 0; padding: 0; font: 10px "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; }
ul.sub-vertical-menu a {
	background-color: #629600;
	border-bottom: 1px solid #393939;
	color: #333;
	display: block;
	margin: 0;
	padding: 1px 6px;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
}
ul.sub-vertical-menu a:hover { background-color: #83C802; color: #fff; padding-bottom: 1px; }
/*a.recipe-active { background-color: #FF0000; color: #fff; padding-bottom: 1px; }*/

/*														*/
#content-recipes .title { border-bottom: 2px solid #000000; padding: 3px; background-color: #CCCCCC; display: block; }
#content-recipes .ingredients,
#content-recipes .process,
#content-recipes .source {
	display: block;
	margin-top: 20px;
	margin-bottom: 5px;
	padding: 3px;
	border-bottom: 2px solid #000000;
	background-color: #DDDDDD;
}
#content-contacts { margin-left: 150px; width:650px; background-color: transparent; }

/* stili per la definizione delle form */
form  { display: inline; position: static; }

div.row { clear: both; padding-top: 5px; }
div.row span.label, 
div.row span.label-err { float: left; width: 75px; text-align: left; padding: 0px 10px 5px 0; line-height: 28px; height: 28px; margin: 6px 0px 6px 0px; color: #8A8A8A; font-size: 11px; font-family: Verdana; }
div.row span.label-err { color: #FFFFFF; background-color: #FF0000; }
div.row span.formfield { float: left; width: 400px; text-align: left; }
div.spacer { clear: both; }

input[type=text], input[type=password], select, textarea {box-sizing: content-box; border: 1px solid #629600; background: white; font-size: 12px; color: #404040; line-height: 28px; min-height: 28px; width: 400px; font-family: Verdana;}
input[disabled] {background: #EBEBEB;}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { background: #d2ddf1; }

/*								*/
.pullquote {
    width: 300px;
    float: right;
    margin: 5px;
    margin: 0px: auto;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 200%;
    color: #A79787;
    text-indent: -1.3em;
}
 
.pullquote:before {
    content: "“ ";
    font-size: xx-large;
    font-weight: bold;
}
 
.pullquote:after {
    content: " �";
    font-size: xx-large;
    font-weight: bold;
}

/* jquery dialog */
.no-close .ui-dialog-titlebar-close { display: none; }

/* images gallery */
.photogroup { border: 0px solid #0000FF; margin-top: 5px; padding-left: 10px; text-align: left; vertical-align: top; overflow: hidden; }
.photogroup a,
.photogroup a:link,
.photogroup a:visited { text-decoration: none; }
.photogroup img { margin: 0px 10px 10px 0px; border: 0px; padding: 2px;	background-color: #629600; }
.photogroup img:hover {	background-color: #FFFFFF; }