/* SAJC site */ /* CSS ninjawork by Will Dayble, August 2008 */ body{background:#fff url(../images/layout/header-rep.jpg) repeat-x top; margin:0; padding:0; min-width: 966px;} a img{border: none;} a:focus{outline: none;} .clearPlz{height:1px; overflow: hidden; clear:both;} .centredText{text-align: center;} /* header */ #header{height: 145px; width:966px; margin:0 auto; background:url(../images/layout/blue-swirls.jpg) no-repeat top right; position: relative; padding: 0;} #header h1{margin:0; padding: 0; position: absolute; top:0; left:14px; width:237px; height: 144px;} #header h1 span{display: none;} #header{ z-index: 5000; } /* top right search form */ #headerSearch{margin:0; padding: 0; position: absolute; width:270px; top:105px; right:0; height: 40px;} #headerSearch fieldset{margin:0; padding: 0; border:none;} #headerSearchInput{width:132px; height: 24px; border:1px solid #999; padding: 0 25px 0 2px ; font-size: 18px; color: #666; background: #fff url(../images/layout/header-search-icon.jpg) no-repeat 98% 50%; float:left;} #headerSearchInput:hover{background: #fff url(../images/layout/header-search-icon-over.jpg) no-repeat 98% 50%; border:1px solid #555;} #headerSearchButton{width:92px; height:26px; background:url(../images/layout/header-search-button.jpg) no-repeat; border:none;float:left; margin: 0 0 0 4px; cursor: pointer;} #headerSearchButton:hover{background:url(../images/layout/header-search-button-over.jpg) no-repeat;} /* main menu */ #m1{width:966px; height: 41px; margin:0 auto;overflow: hidden; position: relative;} #m1 a{float:left; text-decoration: none; cursor: pointer; display: block;} #m1 a span{float:left; font-size: 13px; font-family: Georgia, Times, sans-serif; color: #fff; padding:13px 0; background: url(../images/layout/m1-split.jpg) no-repeat left; text-align: center; display: block;} #m1 a:hover{background: url(../images/layout/m1-over.jpg);} #m1Rightmost{position: absolute; top:0; right:6px; background: url(../images/layout/m1-split.jpg) no-repeat; width:2px; height: 41px; } /* due to pcs being horrible, we have to set the width for each menu item individually! */ #m1home span {width:73px} #m1about span {width:104px} #m1events span {width:98px} #m1func span {width:194px} #m1news span {width:149px} #m1member span {width:134px} #m1sponsors span {width:103px} #m1contact span {width:103px} /* main content */ #contentWrap{background: #fff url(../images/layout/content-top-rep.jpg) repeat-x top;} #content{width:968px; margin:0 auto; min-height: 100px;} /* footer */ #footer{height:154px; background: url(../images/layout/footer-rep.jpg) repeat-x top; position: relative; clear: both;} #footerSwirl{background: url(../images/layout/footer.jpg) no-repeat 50% 0; position: absolute; top:14px; left: 0; width: 100%; height: 140px; z-index: 100;} #footerContent{width:966px; margin: 0 auto; position: relative; z-index: 200;} #footerMiddle, #footerRight{position: absolute; top:50px; z-index: 150; border-left: 1px solid #fff; padding: 2px 0 0 37px; color: #fff; font-size: 11px; font-family: Arial, sans-serif;} #footer p{line-height: 170%; margin: 0; padding: 0 0 5px 0;} #footer a{color: #fff;} #footer a:hover{text-decoration: none;} #footerMiddle {left:250px; width:600px;} #footerRight {right:0; width:190px;} /* now some standard style stuff */ #leftSideMenuBacker{background: url(../images/sidebar/rep-leftside.jpg) repeat-y left; width:100%;} #topRightCornerFix{width: 8px; height:12px; background:url(../images/sidebar/top-right.jpg); position: absolute; top:0; overflow: hidden; z-index: 150;} #rightSidebar #topRightCornerFix{right:0px;} #leftSidebar #topRightCornerFix{right:-18px;} #sidebarFooterLeft, #sidebarFooterRight{height: 1px; position: relative; clear:both; background: #fff; z-index: 500;} #sidebarFooterLeft span{background:#fff url(../images/sidebar/bottom-leftside.jpg) no-repeat top left; position: absolute; top:-35px; left:0; display: block; width:285px; height: 36px;} #sidebarFooterRight span{background:url(../images/sidebar/bottom.jpg) no-repeat bottom right; position: absolute; top:-35px; right:0; display: block; width:353px; height: 36px;} /* sidebar */ #leftSidebar.sidebar{float:left; padding: 12px 0 30px 18px; width:250px;} #rightSidebar.sidebar{float:right; padding: 12px 28px 50px 0;width:310px; } * html #rightSidebar.sidebar{padding-right:20px;} .sidebar{position: relative; min-height: 200px; z-index: 100;} .sidebar a.borderd img{padding:3px; background: #fff; border: 3px solid #d5d5d5;} .sidebar a.borderd img:hover{border:3px solid #bbb;} .sidebar h3{font-size: 17px; font-family: Georgia, serif; height: 24px; color: #fff; margin: 0; padding: 4px 0 0 5px; font-weight: normal; width:316px;} .sidebar h3 a{color: #fff; text-decoration: none;} .sidebar h3.red{background:url(../images/sidebar/red-header.jpg) no-repeat top right; } .sidebar h3.yellow{background:url(../images/sidebar/yellow-header.jpg) no-repeat top right; } .sidebar h4{font-size: 18px; font-family: Georgia, serif; height: 24px; color: #fff; margin: 0; padding: 4px 0 0; font-weight: normal; color: #cc0000;} .sidebar h4.blue{color: #1266ab;} .sidebar p{font-family: Arial, Helvetica, sans-serif; color: #565656; line-height:160%; font-size: 13px; margin: 0; padding: 7px 7px 10px 0;} .sidebar p a{color:#ce0504;} .sidebar p a:hover{color:#ff0000; text-decoration: none;} .sidebar .splittery{ border:none; height:40px; display: block; margin:0 0 20px 0;} #rightSidebar.sidebar .splittery{background: url(../images/sidebar/fadey-splitter.jpg) no-repeat bottom;} #leftSidebar.sidebar .splittery{background: url(../images/sidebar/fadey-splitter-smaller.jpg) no-repeat bottom;} .extraSplittery{height:60px !important;} #rightSidebar.sidebar form{position: relative; background: url(../images/sidebar/roundy-box.jpg) no-repeat top; width:297px; height:103px; margin:20px auto ; display: block;} #rightSidebar.sidebar form fieldset{margin:0; padding: 15px 20px 0 15px; border: none;} #rightSidebar.sidebar .text, .sidebar label{display:block; font-size: 13px;} #rightSidebar.sidebar .text{background: #fff; border:1px solid #ccc; width:150px; height: 19px; color: #555;float: right; clear:right; margin: 5px 0;} #rightSidebar.sidebar label{border:1px solid #f0f0f0; width:90px; margin: 0; padding: 8px 0; color: #565656; font-family: Arial, Helvetica, sans-serif; clear:left; text-align: right;float: left;} #sidebarMailSubmit{position: absolute; bottom: -40px; right:30px; background: url(../images/sidebar/submit-button.jpg) no-repeat; width:91px; height: 25px; border:none; cursor: pointer;} /* left stuff */ #leftSidebar.sidebar h4{padding:5px 0 10px;} #leftSidebar.sidebar form{ background: url(../images/sidebar/roundy-box-smaller.jpg) no-repeat top; width:242px; height: 123px; position: relative; margin: 0 0 40px 0;} #leftSidebar.sidebar form fieldset{margin: 0; padding: 0; border:none; padding:8px 0 0 15px;} #leftSidebar.sidebar .text{background: #fff; border:1px solid #ccc; width:210px; height: 19px; color: #555; margin:0;font-size: 13px;} #leftSidebar.sidebar label{margin: 0; padding: 8px 0 3px; color: #565656; font-family: Arial, Helvetica, sans-serif; display: block; font-size: 12px;} #leftSidebar.sidebar #sidebarMailSubmit{right:15px;} .pdfLink {color: #cc0000; font-family: Arial; font-size: 13px; } .pdfLink span{display: block;text-decoration: underline;} /* sidebar menu */ #m2{padding:0 0 20px 0; position: relative; z-index: 100;} #m2 a{color: #198cca; display: block; text-decoration: none; border:1px solid #b2b2b2; padding: 1px; margin: 1px 0; font-size: 12px; font-weight: bold; font-family: Georgia, Times, serif;} #m2 a span{display:block; background:url(../images/sidebar/m2-arrow.gif) no-repeat 10px 50%; padding: 4px 5px 3px 27px; border:1px solid #fff; cursor: pointer; line-height: 22px; } #m2 a:hover, #m2 a.m2active, #m2 a.on{background: #e9e9e9; color: #d11615;} #m2 .sub{padding:5px 0 10px 25px; background: url(../images/sidebar/m2-submenu-backer.jpg) repeat-x top; z-index: 150; display: none; height: 0;} #m2 .sub a{border:0; font-weight: normal; text-decoration: none; padding: 5px; display: block; background: none; cursor: pointer;} #m2 .sub a.on{color:#cc0000;} #m2 .sub a em{text-decoration: underline; font-style: normal;} #m2 .sub span{display:none;} /* bordered image */ .bordered{padding: 2px; border:2px solid #d5d5d5;} /* right side */ #rightContent{position: relative; float: right; width:660px;} #rightContent h2.title{position: relative; font-size: 24px; font-family: Georgia, Times, serif; color: #ce0504; font-weight: normal; border-bottom: 1px dotted #ccc; margin:0 0 10px 0; padding: 20px 0 4px; } #rightContent h4{font-size: 17px; padding: 10px 0; margin: 0; color: #1266ab; font-family: Georgia, serif; font-weight: normal;} #rightContent h4.red{color: #ce0504;} #rightContent p, #rightContent li, #rightContent td, .articles-search {font-family: Arial, sans-serif; color: #707070; font-size: 13px; margin:0; padding: 5px 0 10px 0; line-height: 160%;} #rightContent span.blueGeorgia{font-family: Georgia, serif; font-size: 14px; color: #135fa2;} #rightContent ul, #rightContent ol {margin:0; padding: 10px 0 10px 25px;} #rightContent ol li{padding: 0 0 3px 0;} #rightContent ul li{list-style: square; padding: 0 0 3px 0;} #rightContent a{color: #ce0504;} .bannerImage img{padding:4px; border: 4px solid #d5d5d5; margin: 10px 0;} h3.blueBar, h3.redBar, h3.yellowBar{ font-size: 17px; font-family: Georgia, serif; padding: 6px 0 0 8px; height: 30px; margin: 30px 0 5px 0; font-weight: normal; color: #fff; position: relative; clear:both;} h3.blueBar span, h3.redBar span, h3.yellowBar span{position: absolute; text-align: right; top:6px; right:15px;} h3.blueBar{background: url(../images/calendar/blue-bar.jpg) no-repeat top left;} h3.redBar{background: url(../images/calendar/red-bar.jpg) no-repeat top left;} h3.yellowBar{background: url(../images/calendar/yellow-bar.jpg) no-repeat top left;} /* the floatey image */ .floatRightBordered{float: right; margin: 15px 0 10px 15px; padding: 2px; background: #fff; border:2px solid #d5d5d5;} .whiteHeadTable {font-size: 13px; font-family: Arial, sans-serif; color: #707070; width:100%;} .whiteHeadTable th{text-align: left; padding: 8px;} .whiteHeadTable td{background: #f8f8f8; padding: 10px 8px;} /* some icons */ .pdfLinkWhite{background: url(../images/calendar/pdf-icon-on-white.jpg) no-repeat left; display: block; padding: 20px 0 13px 60px;} .smallPdfLink{background: url(../images/calendar/pdf-icon-small.jpg) no-repeat left; padding: 0 0 3px 30px; color: #d63433 !important; } .smallPdfLink:hover {text-decoration: none; color:#ff0000;} .cameraIcon{background: url(../images/calendar/camera-icon.jpg) no-repeat top left; display: block; padding: 20px 0 23px 70px !important;} .bookingForm{background: url(../images/calendar/form-icon.jpg) no-repeat left; display: block; padding: 40px 0 23px 80px !important;} .viewPhotos{display:block; background: url(../images/calendar/view-photos-button.jpg) no-repeat; width:106px; height: 30px; text-decoration: none;} .viewPhotos:hover{background: url(../images/calendar/view-photos-button-over.jpg) no-repeat;} .viewPhotos span{display:none;} .dottedClear{display: block; height: 20px; border-top: 1px dotted #ccc; clear:both;} .topOfPage{display:block; font-family: Verdana, sans-serif; color: #1e6cb3; text-decoration: underline; font-size: 12px; padding: 0 14px 3px 0; text-align: right; background: url(../images/calendar/raquo-up.jpg) no-repeat right; margin: 0 10px;} .twoColumnItem{width:290px; float: left;} .twoColumnItem.tcLeft{padding:0 50px 40px 0; clear: left;} .twoColumnItem.tcRight{ padding: 0 0 40px 0;} /* specific to the home page -- see the plugin css for more style stuff */ #homeShow{width:599px; margin-left: 1px; height: 321px; background: #fff;} /* Used for displaying obvious error messages */ #rightContent .error { border: 1px solid #FF0000; background-color: #FFF4F4; color: #900000; font-weight: bold; padding: 3px 5px; margin: 5px 0px; } /* Used for displaying obvious warning messages */ #rightContent .warning { border: 1px solid #DDDD00; background-color: #FFFFE9; color: #909000; font-weight: bold; padding: 3px 5px; margin: 5px 0px; } /* Used for displaying obvious confirmation messages */ #rightContent .confirmation { border: 1px solid #00DD00; background-color: #F4FFF4; color: #009000; font-weight: bold; padding: 3px 5px; margin: 5px 0px; } /* pagination */ #rightContent .article_sets {margin:0; padding: 5px 0; height: 35px;} #rightContent .article_sets li {display: block; float: left; margin: 4px; border: 1px solid #ccc; width: 20px; text-align: center;} #rightContent .article_sets li.filler {display: block; visibility: hidden; float: none; clear: both; height: 0px; font-size: 0px; line-height: 0px;} #rightContent .article_sets li a {display: block; font-weight: bold; text-decoration: none; padding: 1px 4px 1px 4px; color: #666;} #rightContent .article_sets li a:hover {color: #c00; background-color: white;} #rightContent .article_sets li.on a:link, .article_sets li.on a:hover, .article_sets li.on a:active, .article_sets li.on a:visited {color:#c00;} /* CMS-driven content */ /* extra stuff to make h3s, hrs and tables work */ #rightContent h3{font-size: 17px; margin: 0; color: #1266ab; font-family: Georgia, serif; font-weight: normal; padding: 10px 0;} /* remember to reset these again */ #rightContent h3.blueBar, #rightContent h3.redBar, #rightContent h3.yellowBar{color: #fff;padding: 6px 0 0 8px;} #rightContent table{padding: 5px; font-family: Arial, Helvetica, sans-serif; color: #707070; font-size: 13px; margin:0;line-height: 160%;} #rightContent td{padding:3px;} #rightContent hr{border:none; border-top: 1px dotted #ccc; background: #fff; color: #fff; height: 1px; overflow: hidden; clear: both;} /* search bits */ #content #rightContent .result .breadcrumb{font-size: 12px; color: #777; font-family: Arial, Helvetica, san-serif;} #content #rightContent .searchForm{padding: 15px 0 0;} #content #rightContent .search-pages{height:55px;} #content #rightContent .search-pages a, #content #rightContent .search-pages span{background:#fff; padding: 3px; border: 1px solid #fff !important; margin: 0 2px 0 0; width:18px; text-align: center;} #content #rightContent .search-pages a.on{background:#f3f3f3; color: #333 !important; text-decoration: none; border: 1px solid #ddd;} #content #rightContent .search-pages a:hover{background:#f3f3f3; text-decoration: none;} #content #rightContent .search-pages span{padding-left: 0;} /* login */ #members-login { position: absolute; top: 0px; right: 12px; display: block; width: 200px; background: #233A7D; border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;border-left: 1px solid #CCC; } .login-toggle { display: block; width: 172px; padding: 10px 0 10px 0; color: #FFF; font-size: 14px; background: url(../images/login-inactive.png) center right no-repeat; margin: 0 auto; } .login-active { background: url(../images/login-active.png) center right no-repeat; } .login-toggle:link, .login-toggle:visited { color: #FFF; text-decoration: none; } .login-toggle:hover, .login-toggle:active { color: #FFF; text-decoration: none; } #login-panel { width: 172px; padding: 14px 14px 0 14px; display: none; } #login-panel p { width: 172px; margin: 0 0 8px 0; font-size: 12px; overflow: hidden; } #login-panel p label { display: block; margin: 0 0 2px 0; font-size: 12px; color: #FFF; font-family: Arial, sans-serif; } #login-panel p.login-panel-fld input { width: 166px; } #login-panel p.login-panel-btn { margin: 0 0 14px 0; } #login-panel p.login-panel-btn input { float: left; } #login-panel p.login-panel-btn a#login-fpass { float: right; display: block; width: 100px; text-align: right; color: #6AAADC; }