/* COLOR SCHEME #fff //sfondo #FFF //back container #CCC //nav2 #A30008 //nav (top) #e5e5e5 //news block #FB010D //orange line #E3351D // footer #E55447 //hover links in navigagion sub menus */ *{margin:0; padding:0;} body{ text-align:center; font-family: "Trebuchet MS","Lucida grande",verdana,helvetica,arial,sans-serif; font-size:12px; line-height:15px; background-color:#e6e6e6; } img {border:none;} h1{background-color:#A30008; padding:15px; text-transform:uppercase; font-size:20px; color:#fff; line-height:20px; font-weight:normal} h2{ font-size:25px; color:#000; font-weight:normal; line-height:25px;} hr {background-color:#FB010D; height:1px; border:0;} input, select { border:1px solid #ccc; padding:4px; font-size:14px;} ol {margin-left:20px;} label { display: block; font-size: 110%; padding-right: 20px; } a{color:#333; text-decoration:none;} a:hover{color:#800000; border-bottom:1px solid #800000;} #top,#nav{ background-color:#A30008;} #top{height:5px;font-size:5px;} #top-container{position:relative; margin:0 auto; text-align:left; width:950px;height:100px;} #nav{text-align:center;text-transform:uppercase; margin-left:250px; padding:5px; color:white; } #nav a{padding:5px; color:white;} #nav a:hover{color:#ccc; border:0;} #logo{background: url('../images/squola-logo.gif') no-repeat; margin-top:-20px; margin-left:10px; height:60px;} #logo p{margin-top:20px; margin-left:150px; padding:13px 5px; border-left:#FB010D 1px solid; text-transform:uppercase; color:#333;font-size:14px} #header{height:100px; background-color:#fff;} #nav2-container{margin-top:-5px;background-color:#CCC;} #nav2 { margin:5px auto; width:950px; text-align:right; padding:10px;} .ddmenu ul { display: block; list-style: none; z-index: 90} .ddmenu ul li { display:inline; list-style-type: none;} .ddmenu ul li a {padding:10px 5px;margin-top:15px; text-transform:uppercase;} .ddmenu ul li a:hover {color:white; border:0;} .ddmenu ul.level2, .ddmenu ul.level3 { position: absolute; margin-top: 10px; left: 0px; visibility: hidden; border:1px solid #fff; border-bottom:0; text-align:left; background-color:#CCC; } .ddmenu ul.level2 li, .ddmenu ul.level3 li { display:block; width: 180px;} .ddmenu ul.level2 li a, .ddmenu ul.level3 li a {display:block; margin:0; padding:5px; border-bottom: 1px solid #fff; } .ddmenu ul.level2 li a:hover,.ddmenu ul.level3 li a:hover {background-color: #A30008; color:#fff; } #container { margin: 0 auto; margin-top:-5px; padding-bottom:5px; width:950px; text-align:left; background-color:#FFF; } .small {font-size:11px;} .grey {color:#333;} .column {float:left;} .clean {clear:both;} .left {text-align:left;} .center {text-align:center;} .floatl{float:left;} .floatr{float:right;} .inline{display:inline;} .nobo {border:0;} .zero{margin:0; padding:0;} .prev{padding-left:4px;} .next{float:right; padding-right:4px;} #main{ /*background-color:#f7f9f6; */ position:relative; margin-top:5px; padding-top:20px; } .main-padded{padding:15px;} /****** INFO - BOX *******/ #infobox { /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */ position: absolute; left: 0px; top: 0px; width: 100%; font-weight: bold; } body > div#infobox { /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */ position:fixed; } #infobox {font-weight: bold; width: 100%; margin:0px; padding:5px; top:0px; left:0px; background: url('../images/stripes.png');text-align: left; font-size: 1em;} #infobox a{font-weight: bold; color: black;text-decoration: none;} .greenbrowser{color: green;} .redbrowser{color: red;} /****** Schools - MENU *******/ #schools-menu{position:absolute; float:right; right:94px; width:200px; border:1px solid #ccc; border-top:0; display:none;} #schools-menu li{list-style:none; font-size:120%; border-top:1px solid #ccc;} #schools-menu a{color:white; display:block; padding:5px; } #schools-menu a:hover{border:0;} #schools-menu small{font-size:11px;} .diva{background-color:#072267;} .fast{background-color:#FA006C;} .apicius{background-color:#FF7500;} /****** HOME PAGE LAYOUT *******/ #home-film{ margin:30px 5px 0 15px; width:80px; padding:3px;} #home-film a:hover{border:0;} #home-update{margin-left:5px;} #home-photo{ width:460px; height:460px; margin-top:10px; } #home-readmore{ margin:70px 15px; width:120px; font-size:11px;} #home-readmore p.head{border-top:1px #000 solid; border-bottom:1px #000 solid; padding:3px 0; margin-bottom:5px; font-weight:normal;} #home-news{width:200px; margin-top:15px;background-color:#e5e5e5; font-size:11px;} #home-message{position:absolute; right:250px; top:370px; background-color:#A30008; padding:8px; text-transform:uppercase; color:#fff; width:400px;} #home-message h3{font-size:22px; font-weight:normal; line-height:23px} #home-message div{font-size:11px; margin-left:5px;} #home-message a{color:white;} #home-message a:hover{border:0;} .home-block {border-top:5px solid #FB010D; padding:7px;} /****** TEMPLATE 1 LAYOUT (used in story, news) Right column with gallery + links ******/ #tmp1-content{width: 490px; float:left;} #tmp1-content p {margin:5px 3px; line-height:19px;} #tmp1-right{float:right; margin-left:15px; width:415px;} /****** TEMPLATE 2 LAYOUT (used in "the school") Left column (nav) + optional Right column with a photo ******/ #tmp2-left{width:220px; float:left;} #tmp2-content{float:left; margin:0 10px;} #tmp2-content p {margin:15px 3px; line-height:19px;} .tmp2-content-img{width:327px;} .tmp2-content-noimg{width:680px;} #tmp2-right{width:340px; float:right;} /****** TEMPLATE 3 LAYOUT (used in "CCIS") Central text + right column ******/ #tmp3-content{width:680px; float:left; margin:0 10px;} #tmp3-content p {margin:15px 3px; line-height:19px;} #tmp3-right{width:220px; float:right;} .tmp3-block {border-top:5px solid #A30008; padding:7px; background-color:#ea8077;} .tmp3-block li a{color:#000; text-transform:uppercase; font-weight:bold;} .tmp3-block li a:hover {font-size:13px;} /******** TEMPLATE 4 LAYOUT (Services) *************************/ #tmp4-left{width:295px; float:left;} #tmp4-content{float:left; margin:0 10px; width:600px;} #tmp4-content p {margin:15px 3px; line-height:19px;} .tmp4-block {border-top:5px solid #A30008; padding:7px; background-color:#ea8077;} /******* COMMON ELEMENTS ******/ h2 a:hover{border:0;} #middle{ margin-top:10px;} .mid{ width:288px; margin-left:10px;} .img-frame{border:8px solid #ccc;} /* BLOCKS OF LINKS */ .block-title{background-color:#A30008; padding:8px; margin-bottom:3px; text-transform:uppercase; color:#fff;} .block-title a{color:#fff;} .block-title a:hover{border:0; color:#ccc;} .block {margin-bottom:10px;} .block p.head{font-size:12px; text-transform:uppercase; margin-bottom:3px;} .block .img{width:70px; margin-top:10px;} .block .txt{width:107px; margin-left:20px; margin-top:10px;} .block .txt p, .block .txt-larger p{font-weight:bold; margin-bottom:4px;} .block .txt-larger{width:185px; margin-left:5px; margin-top:10px;} .block ol{margin:0;} .block li{list-style:none; margin-bottom:3px; } .block li a{display:block; padding:4px;} .block li a:hover{border:0;} .color {margin-bottom:15px;} .color li a{padding:7px; padding-left:20px; background-color:#E55447; } .color li a:hover{color:#fff;} .color li a.active{background-color:#EC8D77;} .disabled {display:inline;} .events { width:280px; } .events p{margin-top:10px;} .events a:hover{border:0;} #loading{background-image:url('/images/ajax-loading.gif'); margin-left:200px; margin-top:50px;} form div { clear: both; margin-bottom: 1em; padding: .5em; vertical-align: text-top; } form div.input { color: #444; } /**** GALLERY ****/ #gallery{margin-bottom:10px;} #gallery img{border:8px solid #ccc;} #gallery .viewall { font-size:14px; color:white; background-color: #ccc; padding:8px; display:block;} #gallery a:hover{border:0;} .gallery_edit {border-top:0; border-right: 1px solid #ccc;} .gallery_edit td{border:0;} .gallery_edit .input{margin:0px;} .gallery_edit .submit{margin:0px;} #footer{ clear:both; background-color:#A30008; margin:0 5px; padding:5px; text-align:center; color:white; font-size:11px; } #footer a{color:#fff;} .bolder{font-weight:bold;} .darker{color:#333;} #admlinks, .links{width:300px; float:left;} #admlinks input{ padding:1px; font-size:12px;} #admlinks .text {width:200px; display:inline;} #admlinks label{width:200px; display:auto;} .links li {list-style:none; padding:3px; padding-left:10px; background-color:#E55447; margin-bottom:3px; color:#fff;} .links li a {padding:0px 2px; color:#e5e5e5;} .links .x a {padding:0px 2px; background-color:#E3351D; font-weight:bold;} .links a:hover{border:0;color:#fff;} #gallery_images li {position:relative;} #gallery_images li .x{position:relative; float:right; margin-right:10px; top:10px;} .error, .message { margin: 0 0 16px 8px; border-width: 1px; border-style: solid; padding: 12px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color:#000; font-size:12px; } .error { background-color: #ffebe8; border-color: #c00; } .message { background-color: #ffffdd; border-color: #ffd700; } #lightwindow_overlay{display:none;visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100px;z-index:500;}#lightwindow{display:none;visibility:hidden;position:absolute;z-index:999;line-height:0;}#lightwindow_container{display:none;visibility:hidden;position:absolute;padding:0;margin:0;}* html #lightwindow_container{overflow:hidden;}#lightwindow_contents{overflow:hidden;z-index:0;position:relative;border:10px solid #fff;background-color:#fff;}#lightwindow_loading{height:100%;width:100%;top:0;left:0;z-index:9999;position:absolute;background-color:#f0f0f0;padding:10px;}#lightwindow_loading_shim{display:none;left:0;position:absolute;top:0;width:100%;height:100%;}#lightwindow_loading span{font-size:12px;line-height:32px;color:#444;float:left;padding:0 10px 0 0;}#lightwindow_loading span a,#lightwindow_loading span a:link,#lightwindow_loading span a:visited{color:#09F;text-decoration:none;cursor:pointer;}#lightwindow_loading span a:hover,#lightwindow_loading span a:active{text-decoration:underline;}#lightwindow_loading img{float:left;margin:0 10px 0 0;}#lightwindow_navigation{position:absolute;top:0;left:0;display:none;}#lightwindow_navigation_shim{display:none;left:0;position:absolute;top:0;width:100%;height:100%;}#lightwindow_navigation a,#lightwindow_navigation a:link,#lightwindow_navigation a:visited,#lightwindow_navigation a:hover,#lightwindow_navigation a:active{outline:none;}#lightwindow_previous,#lightwindow_next{width:49%;height:100%;background:transparent url(../images/blank.gif) no-repeat;display:block;}#lightwindow_previous{float:left;left:0;}#lightwindow_next{float:right;right:0;}#lightwindow_previous:hover,#lightwindow_previous:active{background:url(../images/prevlabel.gif) left 15% no-repeat;}#lightwindow_next:hover,#lightwindow_next:active{background:url(../images/nextlabel.gif) right 15% no-repeat;}#lightwindow_previous_title,#lightwindow_next_title{display:none;}#lightwindow_galleries{width:100%;position:absolute;z-index:50;display:none;overflow:hidden;margin:0 0 0 10px;bottom:0;left:0;}#lightwindow_galleries_tab_container{width:100%;height:0;overflow:hidden;}a#lightwindow_galleries_tab,a:link#lightwindow_galleries_tab,a:visited#lightwindow_galleries_tab{display:block;height:20px;width:77px;float:right;line-height:22px;color:#fff;text-decoration:none;font-weight:bold;cursor:pointer;font-size:11px;color:#ffffbe;background:url(../images/black-70.png) repeat 0 0 transparent;}* html a#lightwindow_galleries_tab,* html a:link#lightwindow_galleries_tab,* html a:visited#lightwindow_galleries_tab{background:none;background-color:#000;opacity:.70;filter:alpha(opacity=70);}a:hover#lightwindow_galleries_tab,a:active#lightwindow_galleries_tab{color:#ffffbe;}#lightwindow_galleries_tab_span{display:block;height:20px;width:63px;padding:0 7px 0 7px;}#lightwindow_galleries_tab .up{background:url(../images/arrow-up.gif) no-repeat 60px 5px transparent;}#lightwindow_galleries_tab .down{background:url(../images/arrow-down.gif) no-repeat 60px 6px transparent;}#lightwindow_galleries_list{background:url(../images/black-70.png) repeat 0 0 transparent;overflow:hidden;height:0;}* html #lightwindow_galleries_list{background:none;background-color:#000;opacity:.70;filter:alpha(opacity=70);}.lightwindow_galleries_list{width:200px;float:left;margin:0 0 10px 0;padding:10px;}.lightwindow_galleries_list h1{color:#09F;text-decoration:none;font-weight:bold;cursor:pointer;padding:10px 0 5px 0;font-size:16px;}.lightwindow_galleries_list li{margin:5px 0 5px 0;list-style-type:none;}.lightwindow_galleries_list a,.lightwindow_galleries_list a:link,.lightwindow_galleries_list a:visited{display:block;line-height:22px;color:#fff;text-decoration:none;font-weight:bold;cursor:pointer;padding:0 0 0 10px;font-size:11px;}.lightwindow_galleries_list a:hover,.lightwindow_galleries_list a:active{background:#000;color:#ffffbe;border-left:3px solid #ffffbe;padding:0 0 0 7px;}#lightwindow_data{position:absolute;}#lightwindow_data_slide{position:relative;}#lightwindow_data_slide_inner{background-color:#fff;padding:0 10px 10px 10px;}#lightwindow_data_caption{padding:10px 0 0 0;color:#666;line-height:25px;background-color:#fff;clear:both;}#lightwindow_data_details{background-color:#f0f0f0;padding:0 10px 0 10px;height:20px;}#lightwindow_data_author_container{width:40%;text-align:right;color:#666;font-style:italic;font-size:10px;line-height:20px;float:right;overflow:hidden;}#lightwindow_data_gallery_container{font-size:10px;width:40%;text-align:left;color:#666;line-height:20px;float:left;overflow:hidden;}#lightwindow_title_bar{height:25px;overflow:hidden;}#lightwindow_title_bar_title{color:#ffffbe;font-size:14px;line-height:25px;text-align:left;float:left;}a#lightwindow_title_bar_close_link,a:link#lightwindow_title_bar_close_link,a:visited#lightwindow_title_bar_close_link{float:right;text-align:right;cursor:pointer;color:#ffffbe;line-height:25px;padding:0;margin:0;}a:hover#lightwindow_title_bar_close_link,a:active#lightwindow_title_bar_close_link{color:#fff;}#lightwindow p{color:#000;padding-right:10px;}