/* ------------------------------------------------------- Container elements ------------------------------------------------------- */ #pagecontainer{height:100%; top:0px; margin: 0 auto; position:relative; width:982px; font-size:1.1em;} #whitepage {position:relative; top:0px; left:0px; width:950px; background-color:#ffffff; padding:15px; border:solid 1px #dfdfdf; margin:20px 0px 20px 0px;} .separator {clear:both;} #toppage {position:relative; top:0px; left:0px; height:159px; width:950px;} /* ------------------------------------------------------- Tool Set ------------------------------------------------------- */ #logo {position:absolute; top:0px; left:0px;} #hero {position:absolute; top:-32px; left:260px;} #searchbox {position:absolute; top:71px; left:706px; width:225px;} #searchtitle {position:absolute; top:3px; left:0px;} #searchbox label {color:#c3bea9;} #inputfield {position:absolute; top:0px; left:60px;} #inputfield input {width:135px; height:17px; border:solid 1px #dfdfdf;} #searchbutton {position:absolute; top:2px; left:203px;} #searchbutton input {width:27px; height:17px; padding-left:0px;} #fontsize {position:absolute; top:2px; left:869px;} #fontsize input {width:19px; height:19px; padding-left:0px;} /* ------------------------------------------------------- ToolBar ------------------------------------------------------- */ #toolbar {position:absolute; left:0px; top:108px; width:950px; height:36px; font-family:Arial, Verdana, Helvetica, sans-serif; background-color:#297d2b; background-image:url(../images/toolbar.jpg); background-position:left top; background-repeat:repeat-x;} #barpos {position:absolute; left:0px; top:0px;} #toolbar a {color:#ffffff; font-weight:bold;} .tool {float:left; padding-top:10px; padding-bottom:7px; padding-left:14px; padding-right:14px; } .toolselected {float:left; padding-top:10px; padding-bottom:7px; padding-left:14px; padding-right:14px; margin-right:0px;} #toolbar .toolselected a {color:#ffffff;} /* ------------------------------------------------------- Page container elements ------------------------------------------------------- */ #innerbox {position:relative; top:0px; left:0px; margin-top:0px; width:950px;} #innerpage {position:relative; top:0px; left:0px; margin-top:0px; width:950px; line-height:1.5em;} #leftcol {float:left; width:330px; margin:0px; border:0px; padding:0px; background-image:url(../images/menu_back2.jpg); background-position:left top; background-repeat:repeat-x; padding-bottom:30px; margin-bottom:15px;} #rightcol {float:left; width:620px; margin:0px; border:0px; padding:0px; background-image:url(../images/pagetop.jpg); background-position:left top; background-repeat:repeat-x;} #whitebox {padding:20px 16px 16px 30px;} .separator {clear:both;} /* ------------------------------------------------------- breadcrumb and fontsize ------------------------------------------------------- */ #breadcrumb {position:relative; z-index:100; top:0px; left:0px; font-size:0.9em; width:500px; margin-top:4px; margin-bottom:20px; margin-left:0px; text-align:left; text-decoration:none; color:#63b441; font-family: Arial, Helvetica, Verdana, sans-serif;} #breadtext {position:relative; top:0px; left:0px; padding-top:0px; width:500px; color:#63b441;} #breadtext a {color:#63b441; padding-right:0px; text-decoration:underline; padding:3px; font-weight:normal;} #breadtext a:hover {color:#63b441; text-decoration:underline; padding:3px;} /* ------------------------------------------------------- page ------------------------------------------------------- */ #copybox {position:relative; top:0px; left:0px; width:540px; padding-top:15px; padding-bottom:22px;} #copyboxleft {float:left; width:260px; margin-left:10px; margin-right:20px;} #copyboxright {float:left; width:260px; } /* ------------------------------------------------------- Level 2 naviagtion ------------------------------------------------------- */ #menutitle {position:relative; left:10px; top:0px; padding-left:10px; font-size:1.6em; color:#3c454b; padding-bottom:20px; width:260px; margin-top:30px;} #level2 {position:relative; left:10px; top:0px; margin-bottom:60px; width:300px; padding:0px;} #level2 ul {background-color:transparent; margin:0px; padding:0px; border:0px;} #level2 li {display:block; width:260px;} #level2 a {color:#4d4d4d; display:block; padding-top:8px; padding-bottom:8px; padding-left:10px; text-decoration:none; margin:0px; width:280px; font-weight:normal; border-bottom:solid 1px #dfdfdf;} #level2 a:hover {color:#4d4d4d; text-decoration:underline; width:280px;} #menu2 {} #menu2 a {color:#297d2b; padding-left:10px; padding-top:8px; padding-bottom:8px; margin:0px; width:280px; font-weight:bold;} #menu2 a:hover {color:#297d2b; text-decoration:underline; width:260px;} /* ------------------------------------------------------- Level 3 naviagtion ------------------------------------------------------- */ #level3 {position:relative; left:0px; top:0px; width:240px; margin-top:5px; margin-bottom:10px;} #level3 ul {background-color:transparent; margin:0px; padding:0px; border:0px;} #level3 li {display:block; width:210px; background-image:none;} #level3 a {color:#4d4d4d; display:block; padding-top:5px; padding-bottom:5px; padding-left:20px; text-decoration:none; margin:0px; width:210px; background-image:none; border-bottom:none;} #level3 a:hover {color:#4d4d4d; text-decoration:underline; background-image:none;} #menu3 {} #menu3 a {color:#297d2b; padding-left:20px; padding-top:5px; padding-bottom:5px; margin:0px; width:210px; background-image:none;} #menu3 a:hover {color:#297d2b; text-decoration:underline; background-image:none;} /* ------------------------------------------------------- Related ------------------------------------------------------- */ #linkstitle {position:relative; left:0px; top:0px; font-size:1.5em; color:#be211a; margin-bottom:10px;} #related {position:relative; left:19px; top:0px; margin-bottom:60px; width:249px; padding:16px; margin-top:20px; border:solid 1px #dfdfdf; background-color:#ffffff;} #related ul {background-color:transparent; margin:0px; padding:0px; border:0px;} #related li {display:block; width:225px; list-style:none;} #related li a {color:#4c575e; display:block; padding-top:4px; padding-bottom:12px; padding-left:20px; text-decoration:none; margin:0px; width:225px; font-weight:normal; background-image:url(../images/import.gif); background-position:left top; background-repeat:no-repeat;} #related li a:hover {color:#4c575e; text-decoration:underline; width:240px;} #related li.nonorder {border-top:solid 0px #bbc2c4;} /* ------------------------------------------------------- news ------------------------------------------------------- */ #news {position:relative; top:0px; left:0px; color:#9c9c9c; margin-top:30px; width:145px; padding-left:11px;} .newsdiv {width:145px; height:19px; border-top:solid 1px #d3d8d9; margin-top:15px;} .newsitem {margin-bottom:20px; border-bottom:solid 1px #d3d8d9; padding-bottom:10px;} .newsdate {float:left; width:500px; color:#63b441;} .newscontent {float:left;} .newstitle {font-size:1.4em; margin-bottom:5px;} .newstitle a {text-decoration:none; color:#3f9333; font-weight:bold;} .newslink {text-align:left; margin-top:10px;} .newslink a {text-decoration:none; color:#63b441;} .link {color:#3f9333; padding-right:19px; padding-bottom:3px; text-decoration:none; background-image:url(../images/link_icon.gif); background-position:right top; background-repeat:no-repeat;} .linkgrey {padding-right:19px; padding-bottom:3px; text-decoration:underline; background-image:url(../images/link_icon.gif); background-position:right top; background-repeat:no-repeat;} /* ------------------------------------------------------- record paging ------------------------------------------------------- */ #pagingnav {position:relative; top:0px; left:0px; width:450px; font-weight:bold; font-size:0.9em;} #pagingnav ul{margin:0px; padding:0px; list-style-image: none; list-style-type: none; text-indent:0px; text-align: left;} #pagingnav li{display: inline; line-height:22px;} #pagingnav li a {color:#63b441; font-weight:bold; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px; margin-right:6px;} #pagingnav li a:hover {text-decoration:underline;} * html #pagingnav ul {margin-left:-10px; padding-left:10px;} .pagingon {color:#ffffff; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px; margin-right:6px; border:solid 1px #63b441; background-color:#63b441;} /* ------------------------------------------------------- footer ------------------------------------------------------- */ #footertext {clear:both; position:relative; left:0px; top:0px; height:92px; width:948px; margin-top:15px; border:solid 1px #dfdfdf; background-image:url(../images/footer_back.jpg); background-position:left top; background-repeat:repeat-x; } #copyright {position:relative; left:13px; top:22px; color:#9f9f9f; width:700px; font-size:0.9em;} #footlinks {position:absolute; left:600px; top:22px; color:#9f9f9f; width:320px; text-align:right; font-size:0.9em;} #footlinks a {color:#9f9f9f; text-decoration:none; font-weight:normal;} #footlinks a:hover {color:#9f9f9f; text-decoration:underline;} #footertext2 {position:relative; left:0px; top:0px; height:80px; width:950px; margin-left:13px;} #hbr {position:absolute; left:890px; top:55px;} /* ------------------------------------------------------- site map ------------------------------------------------------- */ #sitemap {} #sitemap li {list-style-type:none;} ul#sitemap > li {margin-bottom:10px;} #sitemap ul li {list-style-image:url(../images/l2_normal.gif);} #sitemap ul ul li {list-style-image:url(../images/l3_normal.gif);} #sitemap ul li.firstfollow {list-style-image:url(../images/l2_first_follow.gif);} #sitemap ul li.last {list-style-image:url(../images/l2_last_item.gif);} #sitemap ul ul li.firstfollow {list-style-image:url(../images/l3_first_follow.gif);} #sitemap ul ul li.last {list-style-image:url(../images/l3_last_item.gif);} #sitemap ul ul li.last2 {list-style-image:url(../images/l3_last_item2.gif);} #checkboxes {} #checkboxes input {background-color:Transparent; border:none; margin:0px; padding:0px;} #checkboxes label {font-weight:normal;} /* ------------------------------------------------------- image caption ------------------------------------------------------- */ .captionbox {float:left; position:relative; top:0px; left:0px;} .captionimage {position:relative; top:0px; left:0px; margin-right:10px;} .captioncopy {position:relative; top:0px; left:0px; margin-bottom:10px; font-size:0.9em; font-weight:bold; width:100%;} .captionbox2 {float:right; position:relative; top:0px; left:0px;} .captionimage2 {position:relative; top:0px; left:0px; margin-left:10px;} .captioncopy2 {position:relative; top:0px; left:0px; margin-left:10px; margin-bottom:10px; font-size:0.9em; font-weight:bold; width:100%;} /* ------------------------------------------------------- search results ------------------------------------------------------- */ .searchitem {position:relative; top:0px; left:0px; margin-top:10px; padding-bottom:20px; border-bottom:solid 1px #d3d8d9; margin-bottom:20px;} .searchitem a {font-size:1.4em; font-weight:bold;} /* ------------------------------------------------------- gallery ------------------------------------------------------- */ #gallerybox {position:relative; top:0px; left:0px; padding-top:20px;} .folderbox {float:left; position:relative; width:103px; margin-right:20px; margin-bottom:20px; height:128px;} .folderlinks {position:absolute; top:95px; left:0px; font-weight:bold;} .galimagebox {float:left; position:relative; margin-right:10px; margin-bottom:20px; height:150px;} .galimage img {border:solid 5px #9aa4a6;} /* ------------------------------------------------------- map ------------------------------------------------------- */ #mapbox {position:relative; top:0px; left:0px; height:490px; font-size:0.9em; padding-top:20px;} #maptitle {position:absolute; top:12px; left:10px; z-index:80;} #mapwards {position:absolute; top:230px; left:20px; z-index:80;} #mapbox ol {margin:0px 0px 0px 25px; padding:0px; border:0px;} #mapbox li {color:#3f9233; } #mapbox li a {color:#3f9233;} #map {position:absolute; top:10px; left:160px; width:460px; height:380px; z-index:10; background-image:url(../images/map.gif); background-position:left top; background-repeat:no-repeat;} #mapoverlay {position:absolute; top:0px; left:0px; z-index:100;} #map1 {position:absolute; top:79px; left:1px; visibility:hidden; z-index:50;} #map2 {position:absolute; top:50px; left:78px; visibility:hidden; z-index:50;} #map3 {position:absolute; top:4px; left:146px; visibility:hidden; z-index:50;} #map4 {position:absolute; top:1px; left:267px; visibility:hidden; z-index:50;} #map5 {position:absolute; top:71px; left:27px; visibility:hidden; z-index:50;} #map6 {position:absolute; top:154px; left:96px; visibility:hidden; z-index:50;} #map7 {position:absolute; top:40px; left:225px; visibility:hidden; z-index:50;} #map8 {position:absolute; top:176px; left:97px; visibility:hidden; z-index:50;} #map9 {position:absolute; top:168px; left:224px; visibility:hidden; z-index:50;} /* ------------------------------------------------------- promo ------------------------------------------------------- */ #promo1 {position:relative; top:0px; left:0px; border:solid 0px #cccccc; width:290px; height:195px;} /* ------------------------------------------------------- diary appointments ------------------------------------------------------- */ #appoint {position:relative; left:0px; top:0px;} #appoint ul {list-style-image:none; list-style-type:none; background-color:transparent; margin:0px; padding:0px; border:0px;} #appoint li {display:block; border:none; margin-top:6px; padding-left:0px; padding-bottom:6px; background-image:url(../images/appointment.gif); background-position:left top; background-repeat:no-repeat; border-bottom:solid 1px #eeeeee;} /* ------------------------------------------------------- useful links ------------------------------------------------------- */ .linkcat {position:relative; top:0px; left:0px; margin-bottom:20px;} .linkcattitle {position:relative; top:0px; left:0px; font-size:1.3em; color:#3c454b; margin-bottom:10px;} .linkitem {margin-bottom:10px;} .linkimage {float:left; position:relative; top:0px; left:0px; width:10px; margin-right:0px;} .linktext {float:left; position:relative; top:0px; left:0px; width:520px;}