#title{
background: url(bocca_verita_100b.jpg) left top no-repeat;
position: relative;
left: 2px;
top: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 600px;
height: 100px;
padding: 10px;
margin:  10px;
}
#title h1{margin-left: 170px;}
#title h2{font-size: 90%;margin-left: 170px;}

#main{
margin:0 auto;
position: relative;
width:768px;
}

#feeders {
float: right;
width: 244px;
}

#calendar{
clear: both;
}

#content {
margin:0 auto;
float: left;
text-align:center;
width: 524px;
}

.feedercontainer {
border: 1px solid #b8b8b8;
margin-bottom: 1em;
margin-left: 1em;
width: 244px;
}

.feedercontainer .innerdiv {
background: transparent url(media/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
text-align:left;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.curlycontainerBig{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
margin-left: 1em;
width: 512px;
}

.curlycontainerBig .innerdiv{
background: transparent url(media/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
text-align:left;
}

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
margin-left: 1em;
width: 300px;
}

.curlycontainer .innerdiv{
background: transparent url(media/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
text-align:left;
}

.menu{
padding: 0;
width: 100%;
border-top: 5px solid RoyalBlue; /*Highlight color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.menu ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.menu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.menu a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background-color: skyblue; /*Default menu color*/
border-bottom: 8px solid white;
}

.menu a:hover{
background-color: navy; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: RoyalBlue; /*Highlight red color theme*/
color: white;
}

.menu .current a{ /** currently selected menu item **/
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: navy; /*Highlight red color theme*/
color: white;
}