/* ------------------------------------------------------- Container elements ------------------------------------------------------- */ #pagecontainer{height:100%; top:0px; margin: 0 auto; position:relative; width:970px; font-size:1.1em;} .separator {clear:both;} #toppage {position:relative; top:0px; left:0px; height:120px; width:970px;} #toppageback {position:absolute; top:0px; left:0px; height:73px; width:970px; background-image:url(../images/header_back.jpg); background-position:left top; background-repeat:no-repeat;} /* ------------------------------------------------------- Tool Set ------------------------------------------------------- */ #logo {position:absolute; top:24px; left:32px;} #working {position:absolute; top:113px; left:22px;} #searchbox {position:absolute; top:40px; left:618px; width:225px;} #searchtitle {position:absolute; top:3px; left:0px;} #searchbox label {color:#98304b;} #inputfield {position:absolute; top:0px; left:60px;} #inputfield input {width:135px; height:17px; border:0px;} #searchbutton {position:absolute; top:2px; left:203px;} #searchbutton input {width:27px; height:17px; padding-left:0px;} #fontsize {position:absolute; top:39px; left:889px;} #fontsize input {width:19px; height:19px; padding-left:0px;} /* ------------------------------------------------------- ToolBar ------------------------------------------------------- */ #toolbar {position:absolute; left:0px; top:73px; width:968px; height:45px; font-family:Arial, Verdana, Helvetica, sans-serif; background-image:url(../images/tool_back.jpg); background-position:left top; background-repeat:repeat-x; border:solid 1px #ba677d;} #barpos {position:absolute; left:0px; top:0px;} #toolbar a {color:#e5bec7; font-weight:bold;} .tool {float:left; padding-top:14px; padding-bottom:10px; padding-left:18px; padding-right:18px; background-image:url(../images/toolbarleft.jpg); background-position:left top; background-repeat:no-repeat;} .toolselected {float:left; height:40px; padding-top:14px; padding-bottom:0px; padding-left:18px; padding-right:18px; margin-right:0px; background-image:url(../images/toolbar_highlight.jpg); background-position:left top; background-repeat:repeat-x;} #toolbar .toolselected a {color:#ffffff;} /* ------------------------------------------------------- Page container elements ------------------------------------------------------- */ #innerbox {position:relative; top:0px; left:0px; margin-top:0px; width:968px; background-image:url(../images/pagebackground.jpg); background-position:left top; background-repeat:repeat-x; border-left:solid 1px #c5ced9; border-right:solid 1px #c5ced9; border-bottom:solid 1px #c5ced9;} #innerpage {position:relative; top:0px; left:0px; margin-top:0px; width:968px; line-height:1.4em; background-image:url(../images/inner_page2.jpg); background-position:left top; background-repeat:repeat-x;} #leftcol {float:left; width:324px; margin:0px; border:0px; padding:0px; background-image:url(../images/menu_back.jpg); background-position:left top; background-repeat:repeat-x;} #rightcol {float:left; width:644px; margin:0px; border:0px; padding:0px; background-image:url(../images/pagetop.jpg); background-position:left top; background-repeat:repeat-x;} #whitebox {padding:40px 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:#525252; font-family: Arial, Helvetica, Verdana, sans-serif;} #breadtext {position:relative; top:0px; left:0px; padding-top:0px; width:500px; color:#4382b1;} #breadtext a {color:#4382b1; padding-right:0px; text-decoration:underline; padding:3px; font-weight:normal;} #breadtext a:hover {color:#4382b1; 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:19px; top:0px; padding-left:20px; font-size:1.6em; color:#4c575e; padding-bottom:30px; border-bottom:solid 1px #d3d8d9; width:260px; margin-top:30px;} #level2 {position:relative; left:19px; top:0px; margin-bottom:60px; width:286px; padding:0px;} #level2 ul {background-color:transparent; margin:0px; padding:0px; border:0px;} #level2 li {display:block; width:260px;} #level2 a {color:#4c575e; display:block; padding-top:8px; padding-bottom:8px; padding-left:20px; text-decoration:none; margin:0px; width:260px; font-weight:normal; border-bottom:solid 1px #d3d8d9;} #level2 a:hover {color:#4c575e; text-decoration:underline; width:260px;} #menu2 {} #menu2 a {color:#4382b1; padding-left:20px; padding-top:8px; padding-bottom:8px; margin:0px; width:260px; font-weight:normal;} #menu2 a:hover {color:#4382b1; 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:#4c575e; display:block; padding-top:5px; padding-bottom:5px; padding-left:40px; text-decoration:none; margin:0px; width:210px; background-image:none; border-bottom:none;} #level3 a:hover {color:#4c575e; text-decoration:underline; background-image:none;} #menu3 {} #menu3 a {color:#4382b1; padding-left:40px; padding-top:5px; padding-bottom:5px; margin:0px; width:210px; background-image:none;} #menu3 a:hover {color:#4382b1; 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 #d3d8d9; 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:#0882b1;} .newscontent {float:left;} .newstitle {font-size:1.4em; margin-bottom:5px;} .newstitle a {text-decoration:none; color:#0882b1; font-weight:bold;} .newslink {text-align:left; margin-top:10px;} .newslink a {text-decoration:none; color:#ca0c1e;} .link {color:#2a8fbd; 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:#2a8fbd; 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 #2a8fbd; background-color:#2a8fbd;} /* ------------------------------------------------------- footer ------------------------------------------------------- */ #footertext {clear:both; position:relative; left:0px; top:0px; height:45px; width:970px; margin-bottom:20px; font-size:0.9em;} #copyright {position:relative; left:13px; top:12px; color:#99a3a5; width:700px;} #footlinks {position:absolute; left:530px; top:12px; color:#99a3a5; width:320px; text-align:right;} #footlinks a {color:#99a3a5; text-decoration:none; font-weight:normal;} #footlinks a:hover {color:#99a3a5; text-decoration:underline;} #footertext2 {position:relative; left:0px; top:0px; height:80px; width:960px; margin-left:13px;} #hbr {position:absolute; left:910px; top:8px;} /* ------------------------------------------------------- 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;} /* ------------------------------------------------------- Data list ------------------------------------------------------- */ #datalist {margin-top:20px; margin-bottom:20px;} #datalist ul {background-color:transparent; margin:0px; padding:0px; border:0px;} #datalist li {display:block; width:490px; list-style:none;} #datalist li a {color:#4c575e; display:block; padding-top:2px; padding-bottom:12px; padding-left:25px; text-decoration:none; margin:0px; width:465px; font-weight:normal; background-image:url(../images/chart.gif); background-position:left top; background-repeat:no-repeat;} #datalist li a:hover {color:#4c575e; text-decoration:underline; width:465px;} #datalist li.nonorder {border-top:solid 0px #bbc2c4;} /* ------------------------------------------------------- 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;} #mapbox ol {margin:0px 0px 0px 35px; padding:0px; border:0px;} #mapbox li {color:#4c575e; } #mapbox li a {color:#4c575e;} #map {position:absolute; top:20px; left:170px; width:405px; height:470px; 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:97px; left:221px; visibility:hidden; z-index:50;} #map2 {position:absolute; top:132px; left:71px; visibility:hidden; z-index:50;} #map3 {position:absolute; top:117px; left:153px; visibility:hidden; z-index:50;} #map4 {position:absolute; top:176px; left:298px; visibility:hidden; z-index:50;} #map5 {position:absolute; top:134px; left:255px; visibility:hidden; z-index:50;} #map6 {position:absolute; top:43px; left:112px; visibility:hidden; z-index:50;} #map7 {position:absolute; top:339px; left:299px; visibility:hidden; z-index:50;} #map8 {position:absolute; top:8px; left:3px; visibility:hidden; z-index:50;} #map9 {position:absolute; top:149px; left:170px; visibility:hidden; z-index:50;} #map10 {position:absolute; top:43px; left:229px; visibility:hidden; z-index:50;} #map11 {position:absolute; top:218px; left:190px; visibility:hidden; z-index:50;} #map12 {position:absolute; top:48px; left:180px; visibility:hidden; z-index:50;} #map13 {position:absolute; top:249px; left:273px; visibility:hidden; z-index:50;} #map14 {position:absolute; top:299px; left:292px; visibility:hidden; z-index:50;} #map15 {position:absolute; top:101px; left:134px; visibility:hidden; z-index:50;} #map16 {position:absolute; top:152px; left:132px; visibility:hidden; z-index:50;} /* ------------------------------------------------------- blog ------------------------------------------------------- */ .blogbox {position:relative; top:0px; left:0px; padding-bottom:20px; border-bottom:solid 1px #d3d8d9; margin-bottom:0px;} .commentbox {position:relative; top:0px; left:0px; padding-bottom:10px; border-bottom:solid 1px #d3d8d9; margin-bottom:20px;} .commenttitle {color:#0882b1; font-size:1.4em; font-weight:500; margin-bottom:8px;} .commentposted {margin-top:8px;} /* ------------------------------------------------------- disclaimer ------------------------------------------------------- */ .disclaimer {background-color:#fdf8f8; color:#ab3434; border:solid 1px #e19a9a; width:400px; padding:10px; margin-bottom:10px; padding-left:40px; background-image:url(../cmsimages/warning_icon.gif); background-position:left top; background-repeat:no-repeat;} .disclaimer a {text-decoration:underline;} #videosearch {position:relative; top:0px; left:0px;} #mainvideobox2 {position:relative; top:0px; left:0px; width:420px; color:#9f9f9f; margin-bottom:20px;} #mainvideo {position:relative; top:0px; left:0px; border:solid 8px #9aa4a6; width:400px;} #maintext {position:relative; top:0px; left:0px; margin-top:10px;} #videoloading {position:absolute; top:170px; left:190px;} .videoitem {float:left; position:relative; top:0px; left:0px; width:160px; height:180px;} .videothumb {position:relative; top:0px; left:0px; width:120px; height:90px; border:solid 8px #9aa4a6;} .videothumb input {width:120px; height:90px; border:0px; margin:0px; padding:0px;} .videotitle {position:relative; top:0px; left:0px;} .videodate {position:relative; top:0px; left:0px;} .videolink {position:absolute; top:0px; left:100px;}