/* ------------------------------------------------------- Container elements ------------------------------------------------------- */ #pagecontainer{height:100%; top:0px; margin: 0 auto; position:relative; width:990px; font-size:1.2em;} .separator {clear:both;} #pageback {position:relative; top:0px; left:0px; width:980px; background-color:#d0d0d0; padding:0px 5px 5px 5px;} /* ------------------------------------------------------- top of page ------------------------------------------------------- */ #toppage {position:relative; top:0px; left:0px; height:220px; width:980px; background-image:url(../images/topback.jpg); background-position:left top; background-repeat:no-repeat;} #logo {position:absolute; top:26px; left:33px;} #searchbox {position:absolute; top:125px; left:35px; width:154px; height:23px; background-image:url(../images/search_back.gif); background-position:left top; background-repeat:no-repeat;} #searchtitle {position:absolute; top:-20px; left:0px;} #searchbox label {color:#bd1517;} #inputfield {position:absolute; top:3px; left:5px;} #inputfield input {width:110px; height:17px; border:0px;} #searchbutton {position:absolute; top:1px; left:127px;} #searchbutton input {width:25px; height:21px; padding-left:0px;} #twitterbox {position:absolute; top:0px; left:555px; width:425px; height:175px; color:#840202; background-image:url(../images/twitterback.jpg); background-position:left top; background-repeat:no-repeat;} #tweet {position:relative; top:38px; left:120px; width:265px; height:67px; font-size:1.2em;} #tweet a {color:#840202; font-weight:bold;} .twitterdate {position:absolute; left:0px; top:65px; color:#840202; font-size:0.8em;} #twitterlink {position:absolute; top:115px; left:285px; width:117px;} #twitterlink a {color:#840202; font-weight:normal;} /* ------------------------------------------------------- ToolBar ------------------------------------------------------- */ #toolbar {position:absolute; left:0px; top:175px; width:980px; height:45px; font-family:Arial, Verdana, Helvetica, sans-serif; background-image:url(../images/toolbar.jpg); background-position:left top; background-repeat:repeat-x;} #barpos {position:absolute; left:0px; top:0px; font-size:1.1em;} #toolbar a {color:#e5bec7; font-weight:bold;} .tool {float:left; padding-top:14px; padding-bottom:10px; padding-left:18px; padding-right:18px;} .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_on.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:950px; padding:25px 15px 25px 15px; line-height:1.4em; background-color:#e5e5e5; background-image:url(../images/pageback.jpg); background-position:left top; background-repeat:repeat-x;} #leftcol {float:left; position:relative; top:0px; left:0px; width:335px; margin-right:15px;} #rightcol {float:left; position:relative; top:0px; left:0px; width:600px;} #whitebox {position:relative; top:0px; left:0px; width:538px; padding:30px; background-color:#ffffff; border:1px solid #d8d8d8;} .separator {clear:both;} /* ------------------------------------------------------- breadcrumb and fontsize ------------------------------------------------------- */ #breadcrumb {position:relative; z-index:100; top:0px; left:0px; font-size:0.9em; width:530px; 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:#0882b1;} #breadtext a {color:#0882b1; padding-right:0px; text-decoration:underline; padding:3px; font-weight:normal;} #breadtext a:hover {color:#0882b1; text-decoration:underline; padding:3px;} /* ------------------------------------------------------- page ------------------------------------------------------- */ .pagetitleline {position:relative; top:0px; left:0px; width:538px; height:6px; background-image:url(../images/pagetitle.gif); background-position:left top; background-repeat:no-repeat; margin-bottom:5px;} #copybox {position:relative; top:0px; left:0px; width:530px; padding-top:15px;} #copyboxleft {float:left; width:250px; margin-left:10px; margin-right:30px;} #copyboxright {float:left; width:250px; } #promo {position:relative; top:0px; left:0px; width:293px; padding:20px; background-color:#ffffff; border:1px solid #d8d8d8; margin-bottom:15px;} /* ------------------------------------------------------- Level 2 naviagtion ------------------------------------------------------- */ .rightbox {position:relative; top:0px; left:0px; width:293px; padding:20px; background-color:#ffffff; border:1px solid #d8d8d8; margin-bottom:15px;} .hometitle {color:#404040; font-size:1.6em; margin-bottom:8px; line-height:1.2em;} .rightline {position:relative; top:0px; left:0px; width:293px; height:6px; background-image:url(../images/rightline.gif); background-position:left top; background-repeat:no-repeat; margin-bottom:15px;} #level2 {position:relative; left:0px; top:0px; width:293px; margin-bottom:10px;} #level2 ul {background-color:transparent; margin:0px; padding:0px; border:0px;} #level2 li {display:block; width:260px;} #level2 a {color:#404040; display:block; padding-top:8px; padding-bottom:8px; padding-left:5px; text-decoration:none; margin:0px; width:288px; font-weight:normal; border-bottom:solid 1px #d3d8d9;} #level2 a:hover {color:#404040; text-decoration:underline; width:260px;} #menu2 {} #menu2 a {color:#ac0f11; padding-left:5px; padding-top:8px; padding-bottom:8px; margin:0px; width:260px; font-weight:bold;} #menu2 a:hover {color:#ac0f11; 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:#b72222; padding-left:40px; padding-top:5px; padding-bottom:5px; margin:0px; width:210px; background-image:none;} #menu3 a:hover {color:#b72222; text-decoration:underline; background-image:none;} /* ------------------------------------------------------- Related ------------------------------------------------------- */ #related {position:relative; left:0px; top:0px; margin-bottom:30px; width:293px; padding:0px; margin-top:20px;} #related ul {background-color:transparent; margin:0px; padding:0px; border:0px;} #related li {display:block; width:260px; list-style:none;} #related li a {color:#4c575e; display:block; padding-top:4px; padding-bottom:12px; padding-left:25px; text-decoration:none; margin:0px; width:268px; 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:260px;} #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 #d8d8d8; margin-top:15px;} .newsitem {margin-bottom:20px; border-bottom:solid 1px #d8d8d8; padding-bottom:10px; width:500px;} .newsdate {float:left; position:relative; top:0px; left:0px; width:120px; color:#404040;} .newscontent {float:left; position:relative; top:0px; left:0px; width:380px;} .newstitle {font-size:1.4em; margin-bottom:5px;} .newstitle a {text-decoration:none; color:#404040;} .newstitle a:hover {text-decoration:underline;} .newslink {text-align:left; margin-top:10px;} .newslink a {text-decoration:underline; color:#9f2121;} .newslink a:hover {text-decoration:underline;} .link {padding-left:16px; padding-bottom:3px; text-decoration:none; background-image:url(../images/homelink.gif); background-position:left 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:#9f2121; 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 #9f2121; background-color:#9f2121;} /* ------------------------------------------------------- footer ------------------------------------------------------- */ #footertext {clear:both; position:relative; left:0px; top:0px; height:80px; width:980px; font-size:0.9em; margin-top:10px;} #copyright {position:relative; left:10px; top:0px; color:#9b9b9b; width:400px; line-height:1.4em;} #footlinks {position:absolute; left:480px; top:0px; color:#bababa; width:280px; text-align:right;} #footlinks a {color:#9b9b9b; text-decoration:none; font-weight:normal;} #footlinks a:hover {color:#9b9b9b; text-decoration:underline;} #hbr {position:absolute; left:918px; top:0px;} /* ------------------------------------------------------- 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-bottom:20px; border-bottom:solid 1px #d8d8d8; padding-bottom:10px;} .searchitem a {font-size:1.4em;} .searchtitle {position:relative; top:0px; left:0px; margin-bottom:8px;} /* ------------------------------------------------------- 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:130px; margin-right:20px; margin-bottom:20px; height:150px;} .folderlinks {position:absolute; top:115px; left:0px; font-weight:bold;} .folderdate {position:absolute; top:95px; left:0px;} .galimagebox {float:left; position:relative; margin-right:10px; margin-bottom:20px; height:150px;} .galimage {background-color:#ffffff; padding:6px; border:solid 1px #d8d8d8;} .galimage img {border:solid 1px #cccccc;} /* ------------------------------------------------------- video ------------------------------------------------------- */ #videosearch {position:relative; top:0px; left:0px; width:540px; margin-top:20px;} #display2 {position:relative; top:0px; left:0px; width:540px;} #mainvideobox2 {position:relative; top:0px; left:0px; width:540px; margin-bottom:20px;} #mainvideo {position:relative; top:0px; left:0px; border:solid 1px #d8d8d8; padding:9px; background-color:#ffffff; width:400px;} #maintext {position:relative; top:0px; left:0px; margin-top:10px;} #videotitle {color:#ae0718; font-size:1.4em; font-family: Arial, Helvetica, Verdana, sans-serif;} #videoloading {position:absolute; top:170px; left:190px;} .videoitem {float:left; position:relative; top:0px; left:0px; width:170px; height:180px; margin:0px 10px 10px 0px; font-size:0.9em;} .videothumb {position:relative; top:0px; left:0px; width:120px; height:90px; padding:6px; border:solid 1px #d8d8d8; background-color:#ffffff;} .videothumb input {width:120px; height:90px; border:0px; margin:0px; padding:0px;} .videotitle {position:relative; top:0px; left:0px; margin-top:5px; width:160px;} .videolink {position:relative; top:0px; left:0px;}