/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ html { height: 100%; } #nonFooter { position: relative; min-height: 100%; } * html #nonFooter { height: 100%; } body { height: 100%; text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:url(/images/bac.jpg) repeat-y #ffffff; font-family: Arial, Helvetica, sans-serif; } body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } #container_top { width:100%; height:492px; background:url(/images/pos_top.jpg) no-repeat #284473; position:absolute; left:0px; top:0px;} img { border:0px; margin:0px; padding:0px; } #container{ position:relative; padding:0px 0px 286px 0px; margin-top:0px; margin-left:108px; margin-right:auto; width:784px; } *html #container{ position:relative; padding:0px 0px 0px 0px; margin-top:0px; margin-left:108px; margin-right:auto; width:784px; } *+html #container{ position:relative; padding:0px 0px 0px 0px; margin-top:0px; margin-left:108px; margin-right:auto; width:784px; } #header { width:100%; height:175px; margin:0px; padding:0px; position:relative;} #header form {background:#00a9bc; width:225px; position:absolute; top:20px; right:0px; padding:10px;} *html #header form {width:240px;} *html #header button {background:#1b3258; border:0px; color:#ffffff; font-size:12px; padding:2px; margin:0px 0px 0px 3px;} *+html #header form {width:240px;} *+html #header button {background:#1b3258; border:0px; color:#ffffff; font-size:12px; padding:2px; margin:0px 0px 0px 3px;} #header input {border:1px solid #1b3258; width:170px;} #header button {background:#1b3258; border:0px; color:#ffffff; font-size:12px; padding:3px;} #logo { width:325px; height:80px; margin:0px; padding:0px; background:url(/images/logo.gif) no-repeat #ffffff; } #main { width:100%; margin:0px 0px 0px 0px; } #fl_ab { } *html #sidebar { width:324px; height:100%; float:left; margin:10px 0px 1px 13px; padding:0px; } *html #content {float:left; width:407px; margin:0px 0px 0px 13px; padding:10px 0px 0px 0px;} #sidebar { width:324px; height:100%; float:left; margin:10px 0px 1px 20px; padding:0px; } #sidebar img {border:2px solid #00a9bc;} #content {float:left; width:407px; margin:0px 0px 0px 20px; padding:10px 0px 0px 0px;} #content p {line-height:20px; margin:10px 0px 10px 0px;} #sidebar p {line-height:20px; margin:4px 0px 4px 0px;} #content_main { width:784px; margin:0px 0px 0px 0px; float:left; padding:0px; min-height:600px; height:auto !important; height:600px; background:#e1f2f5; } #footer { position:relative; width:126px; background:url(/images/fl_abs.jpg) no-repeat; height:286px; margin:-286px 0px 0px 0px; padding:0px; } .clear { clear:both; } #news_summary h1 {margin:0px; padding:0px 0px 0px 11px; color:#ffffff; } #news_summary {width:322px; height:224px; background:url(/images/news_bac.jpg) no-repeat; padding:10px 0px 0px 0px;} #news_summary a {background:#1090ab; width:275px; display:block; margin:3px auto 3px auto; padding:10px; font-weight:bold; font-size:14px; color:#ffffff;} #news_summary a:hover {text-decoration:none; background:#06505F;} #news_summary span {display:block; font-weight:normal; font-style:italic;} /*------------------------------------ news -----------------------------------------------------------*/ #news_main {width:549px; padding:0px 0px 0px 14px; float:left;} .news_main { margin:5px 0px 0px 0px;} .news_main a { width:100%; display:block; color:#ffffff; font-weight:bold; background:url(/images/news_arrow.jpg) no-repeat right #00abbb; height:21px; border:2px solid #1697ae; margin:0px 0px 3px 0px; padding:5px 0px 0px 10px; font-size:14px;} .news_main a:hover {background:url(/images/news_arrow.jpg) no-repeat right #1092AC; text-decoration:none; color:#ffffff;} .news_main h2 { font-style:italic; font-size:12px; font-weight:bold; color:#000000;} #news_main img {float:left; margin:0px 7px 4px 0px; border:solid 2px #00a9bc;} /*------------------------------------ news main -----------------------------------------------------------*/ .news_back { color:#ffffff; background:url(/images/arrow_back.jpg) no-repeat left #00abbb; font-size:12px; font-weight:bold; margin:15px 0px 15px 0px; padding:4px 0px 4px 30px; display:block; border:2px solid #1697ae; width:377px; } #Catel h1 { width:184px; display:block; color:#ffffff; font-weight:bold; background:url(/images/news_arrow.jpg) no-repeat right #00abbb; height:21px; border:2px solid #1697ae; margin:0px 0px 3px 0px; padding:5px 0px 0px 10px; font-size:14px;} #archives h1 { width:184px; display:block; color:#ffffff; font-weight:bold; background:url(/images/news_arrow.jpg) no-repeat right #00abbb; height:21px; border:2px solid #1697ae; margin:0px 0px 3px 0px; padding:5px 0px 0px 10px; font-size:14px;} #news_menu {width:196px; height:400px; float:right; display:block; margin:43px 5px 0px 0px;} *html #news_menu {width:196px; height:400px; float:right; display:block; margin:43px 2px 0px 0px;} #archives a {color:#000000; font-weight:bold;} #Catel a {color:#000000; font-weight:bold;} #Catel li {margin:10px 10px 10px 5px;} #archives li {margin:10px 10px 10px 5px;} /*------------------------------------ gallery-----------------------------------------------------------*/ #gal_spacer {height:350px; width:100%; display:block;} #gallery {width:784px; margin:10px 0px 0px 12px;} *html #gallery {width:772px; margin:10px 0px 0px 12px;} #gallery p {line-height:20px; margin:10px 40px 10px 0px;} #bigimage {width:435px; float:left; position:relative; margin-bottom:10px; } #bigimage img {border:solid 3px #00a9bc; } #side_gal2 {height:350px; display:block;} #side_gal {float:right; width:326px; height:350px; margin:0px 10px 0px 0px;} *html #side_gal {float:none; width:326px; margin:0px; position:absolute; top:188px; right:0px;} #side_gal img {border:solid 2px #00a9bc;} .side_gal {margin-bottom:4px;} #bigimage ul {margin:0px; padding:0px;} #bigimage li {margin:0px; padding:0px; position:absolute; top:2px;} .hidden {display:none;} #bigimage h1 {width:430px; color:#ffffff;font-size:19px; font-weight:bold; margin:0px; padding:2px; background:#00abbb; height:28px; border:2px solid #1697ae;} #nav_box {width:315px; background:#00abbb; height:32px; border:2px solid #1697ae;} .next {float:right; margin:-1px 0px 0px 0px;} .prev {float:left; margin:-1px 0px 0px 0px;} /*------------------------------------ nav-----------------------------------------------------------*/ #nav {width:100%; height:38px; background:url(/images/nav_rep.jpg) repeat-x; margin:50px 0px 0px 0px;} body:last-child:not(:root:root) #nav a { margin:0px 0px 1px 0px; height:28px; padding:10px 22px 0px 22px; display:block; float:left; color:#ffffff; font-weight:normal; font-size:14px;} #nav a { margin:0px 0px 1px 0px; height:28px; padding:10px 23px 0px 23px; display:block; float:left; color:#ffffff; font-weight:normal; font-size:14px;} #nav a:hover { text-decoration:none; background:#01ABBC; color:#ffffff; } .bord {background:url(/images/bord_right.jpg) no-repeat right center;} /*------------------------------------- General Text & Colours & backgrounds---------------------------------------*/ .cont_bga { background:#0000FF;} .cont_bgb { background:#990033;} .cont_bgc { background:#33FF66;} .cont_bgd { background:#FF33CC;} .cont_bge { background:#3300CC;} .cont_bgf { background:#CCCCCC;} h1{ font-size:19px; color:#00a6b8; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h2{ color:#00a9bc; font-size:19px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3{ color:#000000; font-style:italic; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4{ color:#ffffff; background:#00abbb; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:2px; border:2px solid #1697ae; } h5 { color:#000000; font-style:italic; font-size:18px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } ul { margin:0px; padding:0px;} ul li { margin:10px 0px 10px 0px; padding:0px 0px 0px 20px; font-size:12px; background:url(/images/pearl.jpg) left center no-repeat; list-style:none; } ol li{font-size:12px; list-style:decimal;} a { color:#333399; text-decoration:none; } a:hover { color:#333399; text-decoration:underline; } p { font-size:12px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } #footer p { font-size:11px; color:#FFFFFF; }