/******** Default Behaviour Tags ********/ /****************************************/ /* RESET STYLE */ * {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#555; outline:none;} body {font-size:0.625em; background:#fff url(../images/bgd_body.gif) 0 0 repeat-x} a {color:#e21621; text-decoration:none} a:hover {text-decoration:underline; color:#e21621;} select, input, textarea {font-family:Arial, Helvetica, sans-serif; color:#555; border-right:#d6dbde solid 1px; border-bottom:#d6dbde solid 1px; font-size:1em; border-left:#9b9b9b solid 1px; border-top:#9b9b9b solid 1px;} input {padding:1px 0 2px 3px; color:#555; height:14px;} h1{} h2, h3,h4{font-size:1.5em;} img, fieldset{border:0} /***********/ ol, ul{list-style-type:none;} ul{} ul li{} ol{} ol li{} dl{} dt{font-weight:bold; text-transform:uppercase;} dd{} /***********/ table{} th, td{text-align:left; padding:0;} th{} td{} thead{font-weight:bold;} thead th{} thead td{} tbody{} tbody th{} tbody td{} p{line-height:15px;} /********** Common Classes ********/ .clear{height:0; clear:both; padding:0; margin:0; line-height:0;} /********** Common Structure (for all templates) ********/ /********************************************************/ /* Styles that are used in all pages (there are the structure styles) The css tree must be ordered exactly as the same as HTML document No use of additional comments (if the css tree is well ordered, the code is clear) *//* main structure ***************************************/ #containerWrapper{width:100%; padding:0; margin:0 auto; font-size:1.1em; padding:0; background:url(../images/bgd_container.jpg) 50% 0 no-repeat;} #container {width:980px; padding:0 10px; margin:0 auto; background:#fff url(../images/bgd_container.gif) 0 100% no-repeat;} /********Header**********/ #header{width:980px; overflow:hidden; background:url(../images/bgd_header.jpg) 0 0 no-repeat; height:124px;} #header h1{display:block; float:left; padding:7px 0 0 0} .headerInfo{width:721px; float:right} .headerInfo p{width:100%; display:block; overflow:hidden; text-align:right; padding:3px 0 0 0} .headerInfo p img{margin:0 0 0 5px; border:#fff solid 1px} #nav{width:701px; padding:20px 0 0 20px} /* all menu links */ #nav a{text-transform:uppercase; color:#000; font-weight:bold; display:block; float:left; background:url(../images/ico_nav.gif) 0 1px no-repeat; padding:14px 27px 14px 27px; line-height:22px; font-size:1.091em;} #nav li a:hover, #nav .current a{color:#e21621; text-decoration:none;} #nav .last{margin:0;} #subMenusContainer a{display:block; padding:5px 10px 5px 23px; font-size:1.167em; line-height:19px; color:#fff; font-weight:normal;} #subMenusContainer a{font-weight:normal; display:block; padding:5px 7px 5px 7px;} #subMenusContainer li{overflow:hidden; padding:0; margin:0} #nav .first a{background:none; padding-left:0} /* Just sub menu links */ #subMenusContainer a, #nav li li a{text-align:left;} /* All menu links on hover or focus */ #nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{ color:#fff; text-decoration:none } /* sub menu links on hover or focus */ #nav a.mainMenuParentBtnFocused, #nav li a:hover, #nav li a:focus{color:#e21621; text-decoration:none} #subMenusContainer a:hover, #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused{color:#e21621; text-decoration:none; background-color:#efd2d6} /* Parent Sub Menu Links ---[javascript users only]*/ .subMenuParentBtn{ background: url(../images/ico_arrow_03.gif) 95% center no-repeat;} /* Parent Sub Menu Links on hover or focus ---[javascript users only]*/ .subMenuParentBtnFocused{ background: url(../images/ico_arrow_03.gif) 95% 50% no-repeat;} /* Parent Main Menu Links ---[javascript users only]*/ .mainMenuParentBtn{} /* Parent Main Menu Links on hover or focus ---[javascript users only]*/ .mainMenuParentBtnFocused{text-decoration:none;} /* ----[ OLs ULs, LIs, and DIVs ]----*/ /* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */ .smOW{ display:none; position: absolute; overflow:hidden;} /* All ULs and OLs */ #nav ol, #subMenusContainer ul, #subMenusContainer ol { padding: 0; margin: 0; list-style: none; line-height: 1em;} /* All submenu OLs and ULs */ #subMenusContainer ul, #subMenusContainer ol {background:#f595b4; left:0;} /* List items in main menu --[for non-javascript users this applies to submenus as well] */ #nav li {position:relative; display:block; float:left; padding:0; margin:0 2px 0 0} #nav .first{background:none; padding-left:0} /* main menu ul or ol elment */ #nav{display:block; z-index:5;} #subMenusContainer{ display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:visible; z-index:9999; font-size:11px;} #subMenusContainer li a{padding:5px 10px; width:200px; display:block; float:none; color:#fff; line-height:14px; border-bottom:#f9bfd2 solid 1px;} /* --------------------------[ The below is just for non-javscript users ]--------------------------*/ #nav li li{ float:none; } #nav li li a{ /* Just submenu links*/ position:relative; float:none;} #nav li ul { /* second-level lists */ position: absolute; width: 10em; margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ margin-top:2.2em; } /* third-and-above-level lists */ #nav li ul ul {margin: -1em 0 0 -1000em;} #nav li:hover ul ul {margin-left: -1000em; } /* lists nested under hovered list items */ #nav li:hover ul{margin-left: 0; } #nav li li:hover ul {margin-left: 10em; margin-top:-2.5em;} /* extra positioning rules for limited noscript keyboard accessibility */ #nav li a:focus + ul { margin-left: 0; margin-top:2.2em; } #nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;} #nav li li a:focus {left:0; margin-left:1000em; width:10em; margin-top:0;} #nav li li li a:focus {left:0; margin-left: 2010em; width: 10em; margin-top:-1em;} #nav li:hover a:focus{ margin-left: 0; } #nav li li:hover a:focus + ul { margin-left: 10em; } /********Flash**********/ #flash{width:100%; margin:0 0 10px 0; height:220px;} #flash img{display:block} /********main**********/ #main{width:100%; overflow:hidden; }/*background:url(../images/bgd_info.jpg) 210px 100% no-repeat;} /********content**********/ #content{width:560px; float:left; font-size: 12px; font-family: Verdana, Tahoma;} #content h2{background:url(../images/bgd_title.gif) 0 0 no-repeat; color:#d7002a; line-height:22px; padding:8px 0 12px 45px; margin:0 0 10px 0} #content h3{font-size:1.2em; color:#3b393a; margin:0 0 5px 0} #content h3 a{color:#3b393a;} #content h3 a:hover{color:#e21621;} #content p{margin:0 0 10px 0; } /*****intro********/ .intro{width:100%; margin:0 0 15px 0; overflow:hidden} #content .intro p{margin:0 0 10px 0} .intro img{display:block; float:left; margin:0 10px 0 0} .intro .more{text-align:right} .intro .more a{background:url(../images/ico_arrow_01.gif) 0 5px no-repeat; padding:0 0 0 10px;} /*****news********/ .news{width:100%; overflow:hidden; padding:0; margin:0} .news img{display:block; float:left; margin:0 10px 0 0; border:#d9dade solid 1px;} .news .date{color:#999;} #content .news p{margin:0 0 10px 0} .news ul{width:100%; overflow:hidden; padding:20px 0 0 0; clear:both} .news li{display:block; margin:0 0 5px 0; padding:0 0 0 10px; background:url(../images/ico_arrow_01.gif) 0 5px no-repeat; color:#aba9a9;} .news li a{color:#555;} .news li a:hover{color:#e21621;} .news .more{text-align:right} .news .more a{background:url(../images/ico_arrow_01.gif) 0 5px no-repeat; padding:0 0 0 10px;} .listNews{width:100%; overflow:hidden} .listNews div{width:106px; border:#d9dade solid 1px; float:left; margin:0 18px 0 0; padding:9px;} .listNews div img{display:block; margin:0 0 7px 0} .listNews h4{color:#ff5a00; font-size:1em; margin:0 0 3px 0} .listNews .detail{padding:10px 0 0 0} .listNews .detail a{display:block; background:url(../images/btn_detail.gif) 0 0 no-repeat; width:71px; line-height:16px; font-weight:bold; color:#000; padding:3px 5px 3px 30px;} .listNews .detail a:hover{text-decoration:none; color:#E51E41} .listNews .last{margin:0} #content .older{background:none; margin:0; text-transform:uppercase} #content .older li{background:url(../images/ico_li.gif) 10px 50% no-repeat; padding-left:20px; text-transform:none; font-size:12px; } #content .older .timestamp { font-size:11px; font-style:italic} /********lev**********/ #lev{width:200px; float:left; margin:0 10px 0 0} /**********/ .levInfo{width:198px; border:#d9dade solid 1px; margin:0 0 10px 0} .levInfo dl{padding:0 0 10px 0; background:#f8f8fa;} .levInfo dt{display:block; background:#fff url(../images/bgd_lev_01.gif) 0 0 no-repeat; padding:0 0 4px 0} .levInfo dt a{display:block; padding:8px 0 8px 40px; line-height:17px; color:#000; font-weight:bold; color:#000; font-size:1.091em; text-transform:uppercase} .levInfo dt a:hover{text-decoration:none; color:#000} .levInfo dd{} .levInfo dd li{display:block; border-bottom:#d9dadd solid 1px; background:url(../images/ico_arrow.gif) 10px 10px no-repeat; padding:5px 5px 5px 20px;} .levInfo dd li a{display:block; color:#000; font-weight:bold;} .levInfo dd li a:hover{color:#e21621; text-decoration:none} .levInfo dd .current a{color:#e21621;} .levInfo dd div{width:178px; border-bottom:#d9dadd solid 1px; padding:10px; overflow:hidden} .levInfo dd div img{display:block; float:left; margin:0 10px 0 0;} .levInfo dd div p{font-weight:bold} .levInfo dd div p a{color:#000} .levInfo dd div p a:hover{color:#e21621;} .levInfo dd .last{border-bottom:none} .levInfo dd li li{border-bottom:none; background:url(../images/ico_li.gif) 0 8px no-repeat; padding:3px 0 3px 14px; margin:0} .levInfo dd li .currentsub a{color:#e21621;} .levInfo dd li li a{font-weight:normal} #contextual .infoType li{background:url(../images/ico_arrow_01.gif) 10px 10px no-repeat;} #contextual .infoType li a{font-weight:normal} #contextual .more{ border-bottom:#d9dadd solid 1px; padding-bottom:10px} #contextual .weatherInfo div{padding:5px 0} #contextual .weatherInfo div img{border:#d9dadd solid 1px;} #contextual .weatherInfo div p{font-weight:normal} #contextual .weatherInfo .last{border:none; padding-bottom:0} .levInfo .more{padding:0 10px 0 0; text-align:right; font-weight:bold;} .levInfo .more a{text-decoration:underline} .levInfo .more a:hover{text-decoration:none} /*************photo gallery***********/ #photoGallery{width:180px; background:#fff; padding:9px; border-top:#d9dadd solid 1px;} #photoGallery p{text-align:center; margin:0 0 5px 0} #photoGallery p img{display:block;} .listPhoto{width:180px; overflow:hidden} .listPhoto div{width:171px; overflow:hidden; float:left} .listPhoto div ul{width:1000px; display:block; overflow:hidden; height:43px;} .listPhoto div li{display:block; float:left; margin:0 1px 0 0;} .listPhoto div li img{border:#fff solid 1px;} .listPhoto div li a:hover img{border:#e31f43 solid 1px;} .btnPrev{display:block; float:left; padding:20px 2px 0 0} .btnNext{display:block; float:left; padding:20px 0 0 1px} .listPhoto .current img{border:#e31f43 solid 1px;} .adv{width:100%;} .adv p{text-align:center; margin:0 0 10px 0} .flashVideo{width:100%; overflow:hidden; margin:0 0 10px 0} /********context**********/ #contextual{width:200px; float:right;} .btnType{width:165px; height:47px; padding:35px 0 0 35px; margin:0 0 10px 0; display:block; background:url(../images/bgd_btn.gif) 0 0 no-repeat;} .btnType a{font-weight:bold; color:#000; text-transform:uppercase} .btnType a:hover{text-decoration:none; color:#d7002a;} #contextual dl{padding:0} #contextual .infoType2{} .infoType2 table{background:#d9dadc;} .infoType2 table th{background:#757575; color:#fff; font-weight:normal; padding:3px 5px; text-align:left} .infoType2 table td{background:#fff; padding:3px 5px; text-align:left} /********Footer**********/ #footerWrapper{width:100%; background:#de2068 url(../images/bgd_footer_01.gif) 0 0 repeat-x; font-size:1.1em;} #footer{width:1000px; margin:0 auto; background:url(../images/bgd_footer_02.gif) 0 0 no-repeat; padding:38px 0 30px 0} #footer *{color:#fff} #footer p{padding:0 0 0 4px} #footer ul{float:right;} #footer li{display:inline; padding:0 8px; background:url(../images/bgd_lineFooter.gif) 100% 50% no-repeat;} #footer li.last{background:none; padding-right:5px} /*---------albums-------------*/ .contAlbums{width:540px; padding:10px 10px 0 10px; overflow:hidden;} .listAlbums{width:130px; float:left; margin:0 5px 10px 0} .listAlbums p{text-align:center; margin:0 0 7px 0} .listAlbums img{border:#ccc solid 1px;} .listAlbums span a{color:#901518;} .contAlbums .last{margin:0;} .detailAlbum{width:540px;} .detailAlbum p{margin:0 0 10px 0;} .detailAlbum a{color:#901518; text-decoration:underline} .detailAlbum a:hover{text-decoration:none} /*////////////// */ #layerAlbums {background:#fff; position:absolute; width:auto; top:100px; left:100px; visibility:hidden; z-index:999; border:#000 solid 1px;} #layerAlbumsFrame {background:#000; position:absolute; top:0; left:0; visibility:hidden; z-index:998;} /*//////////////////////////////*/ /* SLIMBOX */ #lbOverlay { position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #fff; } .lbLoading { background: #fff url(../images/loading.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%; } #lbBottom { font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(../images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { font-weight: bold; } /************News**********/ .newsType{width:100%;} .newsType div{width:100%; overflow:hidden; margin:0 0 15px 0; border-bottom:1px solid #D9DADD; padding:0 0 7px 0} .newsType img{display:block; float:left; margin:0 10px 0 0} .newsType h3{} .newsType h3 span{font-style:italic; font-size:0.912em; font-weight:normal} .newsType p{padding:0 0 10px 0} .more{text-align:right} #contactContent{width:468px; overflow:hidden; padding:5px 0 0 0} #contactContent fieldset{padding:0 10px 10px 10px;} #contactContent fieldset fieldset{background:none; padding:0 0 20px 0;} #contactContent fieldset p{width:100%; overflow:hidden; display:block; margin:0 0 0 0;} #contactContent fieldset label{display:block; width:120px; float:left; padding:2px 0 0 0} #contactContent fieldset input{float:left; width:180px; padding:2px; margin:0 5px 0 0; border:#9d9d9d solid 1px; float:left} #contactContent span{color:#ff9132; padding:0 3px 0 0} #contactContent fieldset .btn{padding:10px 0 0 120px; width:45%;} #contactContent fieldset .code{width:100px;} #contactContent fieldset .btn input{width:75px; height:17px; border:none; color:#0; font-weight:bold; cursor:pointer; text-transform:uppercase; font-size:0.91em;} /***************Form****************/ .formType{padding:0 30px;} .formType p{width:100%; overflow:hidden; display:block; margin:0 0 10px 0} .formType label{width:120px; display:block; float:left; margin:0 10px 0 0;} .formType input{float:left; width:250px;} .formType textarea{width:247px; height:100px; padding:2px 1px 1px 2px;} .formType .checkType{padding:0 0 0 130px; width:75%;} .formType .checkType label{width:auto; margin:0 10px 0 0} .formType .checkType input{width:13px; height:13px; border:none; padding:0; margin:0 5px 0 0;} .formType .btn{padding:0 0 0 130px; width:75%;} .formType .btn input{width:60px; margin:0 10px 0 0; padding:2px; height:22px; border:none; background:#de2068; color:#fff; font-weight:bold; cursor:pointer} /***********Latest news************/ .latestNews{width:100%; overflow:hidden; border-top:#d6dbde solid 1px; padding:10px 0 0 0} .latestNews h2{font-size:1.2em; margin:0 0 10px 0; color:#D7002A; text-transform:uppercase} .latestNews div{width:299px; float:left; margin:0 22px 0 0; padding:0 12px 0 0; overflow:hidden; border-right:#d6dbde solid 1px; min-height:95px; height:auto} *html .latestNews div{height:95px;} .latestNews .last{margin:0; border:none} .latestNews img{display:block; float:left; margin:0 5px 0 0; border:#d6dbde solid 1px; padding:1px;} .latestNews h3{font-size:1.1em; margin:0 0 5px 0} .latestNews h3 a{color:#333} #typeOpinion{width:452px; padding-top: 20px; } #typeOpinion form{padding:10px 0 0 0;} #typeOpinion p{width:452px; overflow:hidden; display:block; margin:0 0 5px 0;} #typeOpinion label{width:130px; display:block; float:left;} #typeOpinion input{width:300px; height:15px; float:left; border:#999 solid 1px; background:#e4e4e4; margin:0 3px 0 0} #typeOpinion input.code{width:64px;} #typeOpinion textarea{width:370px; height:120px; float:left; border:#999 solid 1px; background:#e4e4e4;} #typeOpinion input.btnSubmit{width:57px; height:25px; border:#999; padding:0; float:left; color:#0; font-weight:bold; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:0.92em; cursor:pointer; background:#e4e4e4} /* SLIMBOX */ #lbOverlay { position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #fff; } .lbLoading { background: #fff url(../images/loading.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%; } #lbBottom { font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(../images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { font-weight: bold; } /***************************/ .total{width:100%; padding:15px 0; overflow:hidden} #content .total p{padding:5px 20px; background:#6D6969; color:#fff; font-weight:bold; margin:0 0 0 0; float:right; display:inline} .total p span{color:#fff; padding:0 0 0 5px;}