body { font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size: 82%; background: #FDF39C url("../img/background.jpg") repeat-x top left; }

#Header { position: relative; min-height: 87px; height: auto !important; height: 87px; background: #7D0E07 url("../img/header.jpg") repeat-x bottom left; border-bottom: 2px solid #FFF }
#HeaderContent { position: relative; width: 938px; margin: 0 auto; }

h1 { width: 365px; height: 87px; background: url("../img/Zonta_D30.jpg") no-repeat top left; }
h1 span { display: none; }

.clearer { clear: both; }
.red { color: #990000; }
strong { font-weight: bold; }

#flash { position: absolute; left: 50%; margin-left: -490px; width: 980px; height: 169px; top: 89px; z-index: 30 }

#HeaderMenu { position: absolute; bottom: 10px; right: 0; z-index: 10 }
#HeaderMenu li { float: left; color: #FFF; padding-top: 3px; margin-right: 8px;  }
#HeaderMenu li.ultimo { border-right: 0; margin: 0; padding: 0; }
#HeaderMenu li a { color: #FFF; text-decoration: none; padding-right: 7px; border-right: 1px solid #FFF  }
#HeaderMenu li a { position: relative; top: -1px  }

#HeaderMenu li a:hover { text-decoration: underline; }
#HeaderMenu li input { vertical-align: middle; border: 1px solid #FFF; margin: 0; padding: 0; padding-top: 1px; }
#HeaderMenu li .searchButton { position: relative; left: -4px; }

#LoginUsername { position: absolute; top: 10px; right: 0px; color: #FFF; }
#LoginUsername a { color: #FFF; text-decoration: none; }
#LoginUsername a:hover { text-decoration: underline; }

#Content { width: 973px; color: #333; margin: 0 auto; padding: 230px 7px 0 8px; background: url("../img/sfondo_body.png") repeat-y top left; min-height: 405px; height: auto !important; height: 405px; }
#Content a { color: #990000; }
#Content a:hover { color: #CC0000; }

#ContentInside, #ContentInsideRight { z-index: 1; position: relative; width: 908px; color: #333; margin: 0 auto; padding: 230px 40px 20px 40px; background: url("../img/sfondo_body.png") repeat-y top left; min-height: 365px; height: auto !important; height: 355px; }
#ContentInside h2, #ContentInsideRight h2  { border-bottom: 1px solid #CCADAA; margin-bottom: 5px; padding-bottom: 0px}
#ContentInside a, #ContentInsideRight a { color: #990000; }
#ContentInside a:hover, #ContentInsideRight a:hover  { color: #CC0000; }
#ContentInside p, #ContentInsideRight p { line-height: 1.3; margin-bottom: 20px }
.boxleft { width: 630px; }
#ContentInside ul, #ContentInsideRight ul { margin-left: 30px; }
#ContentInside ul li, #ContentInsideRight ul li  { list-style-type: disc; line-height: 1.3  }
#ContentInside ul li, #ContentInsideRight ul li  { margin-top: 10px; margin-bottom: 10px; }


.absoluteBottom { position: absolute; bottom: -11px; right: 10px; }
.back { display: block; margin-top: 40px; }

ul#leadership li { margin-top: 10px; }

#Right { width: 370px; float: right; margin-left: 20px; }

#Menu { position: absolute; z-index: 10; top: 258px; left: 0; width: 100%; min-height: 52px; height: auto !important; height: 52px; background: url("../img/sfondo_menu.png") repeat-x bottom left; }
#MenuContainer { width: 980px; margin: 0 auto; background: #FFF; height: 27px }
#NavigationMenu { position: relative; top: 2px; width: 912px; margin: 0 auto;   }
#NavigationMenu li { float:left; margin-right: 20px;  }
#NavigationMenu li a { display:block; padding: 6px 10px; text-decoration: none; color: #7D0E07; }
#NavigationMenu li:hover, #NavigationMenu li.active { background: url("../img/menu_dx.jpg") no-repeat right top; }
#NavigationMenu li:hover a, #NavigationMenu li.active a { color: #FFF; background: url("../img/menu_sx.jpg") no-repeat left top;  }
#NavigationMenu li.last { margin-right: 0; }

#SecondMenu { width: 950px; margin: 0 auto; margin-top: 3px }
#SecondMenu li { float: left; margin-right: 20px; }
#SecondMenu a { text-decoration: none; color: #FFF; font-size: 100%; }
#SecondMenu a.active { color: #FFFF99; }
#SecondMenu a:hover { color: #FFFFCC; }

#News { float: left; padding: 15px; width: 323px; height: 139px; background: url("../img/box_news_home.jpg") no-repeat top left }
#Agenda { float: left; padding: 15px; width: 217px; height: 139px; background: url("../img/box_agenda_home.jpg") no-repeat top left; }

#ReservedArea { float: left; padding: 15px; width: 165px; height: 139px; background: url("../img/box_reserved_home.jpg") no-repeat top left; }
#ReservedArea input { border: 1px solid red; margin-bottom: 3px; }
#ReservedArea label { display: block; color: #7D0E07; margin-bottom: 3px; font-weight: bold; }

#ReservedAreaLogin { float: left; padding: 15px; width: 165px; height: 139px; }
#ReservedAreaLogin input { border: 1px solid red; margin-bottom: 3px; }
#ReservedAreaLogin label { display: block; color: #7D0E07; margin-bottom: 3px; font-weight: bold; }
#ReservedAreaLogin p { margin: 0; line-height: 1; }
.lock { position: absolute; bottom: -11px; right: 4px; }

#Coffee { position: relative; float: left; padding: 10px; width: 150px; height: 64px; background: url("../img/box_coffee_home.jpg") no-repeat top left; }
#Coffee .linkFullCoffee { display: block; width: 160px; height: 74px; z-index: 10; position: absolute; top: 5px; left: 5px; }
#Coffee .linkFullCoffee span { display: none; }

#Shop { position: relative; float: left; padding: 10px;  width: 150px; height: 64px; background: url("../img/box_store_home.jpg") no-repeat top left; }
#Shop .linkFullShop { display: block; width: 160px; height: 74px; z-index: 10; position: absolute; top: 5px; left: 5px }
#Shop .linkFullShop span { display: none; }

#News span, #Agenda span, #ReservedArea span, #Coffee span, #Shop span { display: none; }

#News h2 { height: 34px; background: url("../img/tit_news_home.png") no-repeat top left; border-bottom: 1px solid #CCADAA; margin-bottom: 5px }
#Agenda h2 { height: 34px; background: url("../img/tit_agenda_home.png") no-repeat top left; border-bottom: 1px solid #CCADAA; margin-bottom: 5px }
#ReservedArea h2 { height: 34px; background: url("../img/tit_reservedA_home.png") no-repeat top left; border-bottom: 1px solid #CCADAA; margin-bottom: 5px }
#Coffee h2 { height: 47px; background: url("../img/tit_coffee_home.png") no-repeat top left; }
#Shop h2 { height: 47px; background: url("../img/tit_store_home.png") no-repeat top left; }

#BottomBoxes { position: relative; height: 330px; clear: left;  }

#Governor, #Foundation, #UN { height: 98px; overflow: auto; padding: 10px; padding-bottom: 0px; width: 424px; border-bottom: 1px dotted #7D0E07 }
#Scolarships, #Conference { height: 98px; overflow: auto; padding: 10px; padding-bottom: 0px; width: 424px; border-bottom: 1px dotted #7D0E07 }

#Convention { background: url("/img/international-convention.png") no-repeat right 10px;  height: 98px; overflow: auto; padding: 10px; padding-bottom: 0px; width: 424px; border-bottom: 1px dotted #7D0E07 }

#Governor h2, #Foundation h2, #UN h2, #Scolarships h2, #Conference h2, #Convention h2 { position: relative; left: -7px; }
#Governor h2 span, #Foundation h2 span, #UN h2 span, #Scolarships h2 span, #Conference h2 span, #Convention h2 span { display: none; } 
#Governor p, #Foundation p, #UN p, #Scolarships p, #Conference p { padding-left: 60px; font-size: 90%; margin-top: 5px; }
#Convention p { padding-right: 60px; font-size: 90%; margin-top: 5px; }

#Governor p img, #Foundation p img, #UN p img, #Scolarships p img, #Conference p img, #Convention p img { vertical-align: middle }

#Governor { background: url("../img/img_governor_2010_home.jpg") no-repeat 5px 40px; position: absolute; top: 0; left: 30px; }
#Governor h2 { background: url("../img/tit_governor.jpg") no-repeat top left; height: 27px; }
#Governor p {  }

#Foundation { background: url("../img/img_foundation_home.jpg") no-repeat 5px 40px; position: absolute; top: 0; right: 30px; }
#Foundation h2 { background: url("../img/tit_foundation.jpg") no-repeat top left; height: 27px; }
#Foundation p {  }

#UN { background: url("../img/img_un_home.jpg") no-repeat 5px 40px; position: absolute; top: 110px; left: 30px; }
#UN h2 { background: url("../img/tit_un.jpg") no-repeat top left; height: 27px; }
#UN p {  }

#Scolarships { background: url("../img/img_scolarship_home.jpg") no-repeat 5px 40px; position: absolute; top: 110px; right: 30px;  }
#Scolarships h2 { background: url("../img/tit_scolarship.jpg") no-repeat top left; height: 27px; }
#Scolarships p {  }

#Conference { background: url("../img/img_distr_conf_home.jpg") no-repeat 5px 40px; position: absolute; top: 220px; left: 30px; } 
#Conference h2 { background: url("../img/tit_distr_conf.jpg") no-repeat top left; height: 27px; }
#Conference p {  }

#Convention { position: absolute; top: 220px; right: 30px; }
#Convention h2 { background: url("../img/tit_int_conv.jpg") no-repeat top left; height: 27px; }
#Convention p {  }

#RoundedBottom { width: 988px; margin: 0 auto; background: url("../img/footer_body.png") no-repeat top left; height: 15px; }

#Footer { clear: both; position: relative; top: 11px; width: 650px; min-height: 28px; height: auto !important; height: 28px; margin: 0 auto; background: url("../img/footer.png") no-repeat top left; }
#FooterMenu { padding-top: 5px; width: 435px; margin: 0 auto; }
#FooterMenu li { float: left; }
#FooterMenu li a { color: #FFF; text-decoration: none; display: block; border-right: 1px solid #FFF; padding-right: 5px; margin-right: 5px; }
#FooterMenu li a:hover { text-decoration: underline;  }
#FooterMenu li a.last { border: none; padding: 0; margin: 0; }



.calendarioAgenda { width: 100%; color: #666}
.calendarioAgenda thead th { padding: 0 5px; color: #7D0E07 }
.calendarioAgenda tbody tr td { padding: 0 7px; text-align: center } 
.calendarioAgenda tbody tr td a {color: #7D0E07; text-decoration: none } 
.calendarioAgenda .titolo { color: #7D0E07}

#tabFoundation { width: 500px; }
#tabFoundation th, #tabFoundation td { padding: 3px }
#tabFoundation th { font-weight: bold; }
#tabFoundation thead { color: #7D0E07; }
#tabFoundation tbody tr.dispari { background: #FFFFCC; }
#tabFoundation tbody tr.pari  { background: #FFFFFF; }
#tabFoundation tfoot { color: #7D0E07; }


ul#ActivitiesMap { position: relative; background: url("../img/fiveareas_mappa.jpg") no-repeat top left; height: 213px; width: 916px; margin: 0 auto; }
ul#ActivitiesMap li {list-style-type: none; }

ul#ActivitiesMap #Area1 { position: absolute; top: 65px; left: 230px;  }
ul#ActivitiesMap #Area2 { position: absolute; top: 2px; left: 450px;  }
ul#ActivitiesMap #Area3 { position: absolute; top: 95px; left: 437px;  }
ul#ActivitiesMap #Area4 { position: absolute; top: 41px; left: 443px;  }
ul#ActivitiesMap #Area5 { position: absolute; top: 60px; left: 692px;  }
ul#ActivitiesMap a { text-decoration: none; font-size: 120%; font-weight: bold; }

#BottomActivities { margin-top: 20px; min-height: 290px; }

ul#ActivitiesMenu {  margin: 0; padding: 0; width: 120px; float: left; }
ul#ActivitiesMenu li { list-style-type: none; margin: 0; padding: 0; font-size: 120%; font-weight: bold; }
ul#ActivitiesMenu li a { text-decoration: none; padding-right: 15px; }
ul#ActivitiesMenu li a.active { background: url("../img/arrow_red_on.jpg") no-repeat right 5px; color: #FF0000 }

#AreaDirector { width: 370px; margin-left: 120px; }
#AreaDirector h3 { margin-bottom: 10px; }
#AreaDirector img.imgDirector { float: left; margin-right: 5px; }
#AreaDirector .nomeDirector { display: block; font-size: 120%; font-weight: bold; margin-left: 85px; margin-top: 20px; margin-bottom: 8px; color: #666 }
#AreaDirector .nomeClub { font-weight: bold; color: #666; margin-left: 6px; }
#Club1 { margin-left: 120px; clear: left; width: 300px; float: left;  }
#Club2 { width: 300px; margin-left: 460px; }
#ActivitiesBox { width: 770px; margin-left: 120px; }
#Club1 h3 { margin-bottom: 10px; }
#Club1 ul { margin: 0; padding: 0; }
#Club1 ul li, #Club2 ul li { list-style-type: none; margin: 0; margin-bottom: 15px; }
#Club1 ul li, #Club2 ul li { background: url("../img/square.jpg") no-repeat left 8px; padding-left: 10px; }
#Club2 ul { margin-top: 55px; }

#Club1 a, #Club2 a { text-decoration: none; }
#Club1 a:hover, #Club2 a:hover {text-decoration: underline } 
#Club1 .web:hover, #Club2 .web:hover { text-decoration: none; color: #990000; } 
#Club1 .web, #Club2 .web { font-weight: bold; }
#Club1 .webactive, #Club2 .webactive { font-weight: bold; text-decoration: underline }

#Services_International { width: 30%; float: left; }
#Services_Scholarship { width: 30%; margin-left: 3%; float: left; min-height: 50px; }
#Services_ZClub { width: 30%; margin-left: 3%; float: left;  min-height: 50px; }

#Services_International h3, #Services_Scholarship h3, #Services_ZClub h3 { position: relative; left: -5px; }
.fundingtitle { color: #990000; font-weight: bold; font-size: 120%; margin-bottom: 10px; margin-top: 10px; }
.funding { color: #990000; text-align: right; margin-bottom: 10px; }
.fundingsmalltitle { color: #990000; font-weight: bold; margin-bottom: 5px; }

/* Reserved */
#ContentInside div.reservedLeft { margin-top: 35px; float: left; width: 250px; }
#ContentInside div.reservedLeft ul { list-style-type: none; margin: 0; padding: 0; }
#ContentInside div.reservedLeft ul li { list-style-type: none; margin: 0; padding: 0; }
#ContentInside div.reservedLeft ul li {font-weight: bold; padding-right: 15px; color: #333; }

#ContentInside div.reservedLeft ul ul { margin-left: 10px; }
#ContentInside div.reservedLeft ul ul ul li { list-style-type: disc; list-style-position: inside }

#ContentInside div.reservedLeft ul li a { text-decoration: none; margin-bottom: 10px; font-weight: bold; padding-right: 15px;  }
#ContentInside div.reservedLeft ul li a.active { background: url("../img/arrow_red_on.jpg") no-repeat right 5px; color: #FF0000 }

#ContentInside div.reservedContent { margin-left: 260px; min-height: 700px; }

#ContentInside div.reservedContent .governorMessage, #ContentInside .boxNews { border-bottom: 1px dotted #990000; margin-bottom: 30px; padding-bottom: 10px;  }
#ContentInside div.reservedContent .governorMessage h2 { color: #990000; font-size: 140%; border-bottom: 0; }
#ContentInside div.reservedContent .governorMessage .firma { text-align: right; }

#ContentInside div.reservedContent .boardMessage { border-bottom: 1px dotted #990000; margin-bottom: 30px; padding-bottom: 10px;  }
#ContentInside div.reservedContent .boardMessage h2 { color: #990000; font-size: 140%; border-bottom: 0; }


#ContentInside div.reservedContent .modules h3 { margin-top: 0px; font-size: 140%; color: #990000; }

#ContentInside div.reservedContent #AddingNews ul { list-style-type: none; margin: 0; padding: 0; }
#ContentInside div.reservedContent #AddingNews ul li { list-style-type: none; margin: 0; padding: 0; }

#ContentInside .coffeeAdvice { border-bottom: 1px solid #990000; }
#ContentInside .coffeeAdvice h3 { color: #990000; font-weight: bold; font-size: 120%; margin-bottom: 10px; margin-top: 10px; }
#ContentInside .coffeeAdvice .author { font-style: italic; text-align: right; }

#ContentInside .reservedContent .modules .grdModules tbody th { color: #7D0E07; font-weight: bold; }
#ContentInside .reservedContent .modules .grdModules tbody tr.pari { background: #FFFFCC; }
#ContentInside .reservedContent .modules .grdModules tbody tr.dispari{ background: #FFFFFF; }
#ContentInside .reservedContent .modules .message { margin-top: 20px; font-weight: bold; }

#ContentInside .reservedContent .modules .grdModules tbody td, #ContentInside .reservedContent .modules .grdModules tbody th { padding: 10px; }

#ContentInside .reservedContent .table thead a { color: #FFFFFF; }
#ContentInside .reservedContent .table tbody { background: #FFFFCC; }
#ContentInside .reservedContent .table tbody .alternatingitem { background: #FFFFFF; }

#ContentInside #BottomActivities #ActivitiesBox .activityBox { border-bottom: 1px solid #990000; padding: 10px; margin-bottom: 10px; }

/* RICERCA */
.result { margin-bottom: 30px; border-bottom: 1px solid #666; width: 90%; }
.result h3 { color: #0000CC; font-size: 90%; }
.address { color: #008000 }

/* PROFILE */
#ContentInside .reservedContent #Profile { margin-top: 15px; }
#ContentInside .reservedContent #Profile label { display: block; width: 150px; float: left; }
#ContentInside .reservedContent #Profile p { clear: left; }
#ContentInside .reservedContent #Profile input { width: 200px; border: 1px solid #999999; }
#ContentInside .reservedContent #Profile legend { font-size: 120%; font-weight: bold; margin-bottom: 30px; }
#ContentInside .reservedContent span.messageOk { display: block; text-align: center; border: 1px solid #666; padding: 10px; font-weight: bold; }

/* MEMBERS LIST */
#ContentInside .reservedContent fieldset.searchMembers { border: 1px solid #990000; padding: 10px; margin-bottom: 15px; }

/* CALENDAR */
.detailCalendario { background: url("../img/window_agenda.jpg") no-repeat top left; padding-top: 70px; padding-left: 20px; width: 462px; height: 135px; position: absolute; top: 300px; left: 300px; z-index: 100 }
.btnChiudi { position: absolute; top: 0; right: 0; }
#ContentInside .agenda { padding: 10px; border-bottom: 1px solid #990000; margin-bottom: 10px; }
#ContentInside .agenda h3 { font-weight: bold; font-size: 120%; }
#ContentInside .agenda p { margin: 0; padding: 0; line-height: 1.5; }
#ContentInside .agendaTitle { margin-top: 30px; }

#ContentInside #Agenda1 { border-collapse: collapse; }
#ContentInside #Agenda1 th { background: #990000; color: #FFF; }
#ContentInside #Agenda1 td, #ContentInside #Agenda1 th { border: 1px solid #CCC; padding: 5px; }
#ContentInside #Agenda1 td strong { font-weight: normal; color: #990000; }

/* ZONTA SHOP */
.zontastore-item { border-bottom: 1px solid #7D1006; margin-bottom: 10px; padding-bottom: 10px; min-height: 220px; height: auto !important; height: 220px; }
.zontastore-item h3 { font-size: 120%; margin-bottom: 10px;  }
.zontastore-item .photo { float: left; width: 300px; text-align: center; margin-right: 20px }



/* logo Zonta90 */

#logoZonta90 {position: absolute; top :0px; left:400px; background: url("../img/zonta_90.png") no-repeat top left; width:192px; height:87px;}

#homeYoutubeVideo { left:250px; position:absolute; top:8px;}

.yearHeader { font-weight: bold; color: #990000; }