/* TABLE OF CONTENTS 00 - Global Elements 01 - Typography 02 - Header 03 - Main Structure 04 - Main Content 05 - Sidebars 06 - Footer 07 - Forms */ /* 00 - GLOBAL ELEMENTS ----------------------------------------------*/ * { margin: 0; padding: 0;} html { min-height: 100%; overflow-y:scroll; } body { background:url(../images/bg.jpg) top repeat-x; margin:0; padding:0; font-family:Arial, Helvetica, Tahoma, sans-serif;font-size:13px;line-height:1.5; } /* 01 - TYPOGRAPHY ---------------------------------------------------*/ /* 02 - HEADER -------------------------------------------------------*/ .logo {float:left; margin:12px 0 0 0;} ul#smallnav { list-style:none; margin:15px 0 0 0; height:53px; padding:0; float:left; } ul#smallnav li { margin:0 10px 0 0; padding:0; float:left; font-size:0.9em; font-weight:normal; } ul#smallnav li a{ margin:0; padding:0; height:25px; display:block; float:left; text-decoration:none; color:#FFF; } ul#smallnav li a span {display:block; padding:3px 8px 5px 8px; } ul#smallnav li a:hover {background:url(../images/secondnavright.gif) no-repeat top right; } ul#smallnav li a:hover span { background:url(../images/secondnavleft.gif) no-repeat top left; } ul#smallnav li.current a {background:url(../images/secondnavright.gif) no-repeat top right; } ul#smallnav li.current a span { background:url(../images/secondnavleft.gif) no-repeat top left; } ul#mainnav { list-style:none; margin:0; height:60px; padding:0; float:left; } ul#mainnav li { margin:0 30px 0 0; padding:0; float:left; font-size:1.3em; font-weight:bold; } ul#mainnav li a{ float:left; color:#FFFFFF; padding:5px 10px; text-decoration:none; } ul#mainnav li a:hover{ background:url(../images/navbar.jpg) repeat-x; } ul#mainnav li.current a{ background:url(../images/navbar.jpg) repeat-x; } /* 03 - MAIN STRUCTURE -----------------------------------------------*/ .break {float:left; height:1px; width:100%; display:block;} .space {float:left; height:20px; width:100%; display:block;} .greybox { margin:0; padding:15px 10px 0 10px; position:relative; float:left;} .hitoppad { padding:35px 10px 0 10px;} .gb1 {width:190px; height: 220px; background:url(../images/gb1_top.gif) no-repeat;} .gb1News {width:190px; height: 200px; background:url(../images/gb1_top.gif) no-repeat;} .gb1Right {width:190px; height: 200px; background:url(../images/gb1_top.gif) no-repeat;} .gbBelowJoin {width:190px; height: 94px; background:url(../images/gb1_top.gif) no-repeat;padding-top:4px;} .gb1_bottom {width:210px; height:40px; float:left; background:url(../images/gb1_bottom.gif) no-repeat top;} .gbBelowJoin_bottom {width:210px; height:20px; float:left; background:url(../images/gb1_bottom.gif) no-repeat top;top:-20px;} .gb2 {width:430px; height: 200px; background:url(../images/gb2_top.gif) no-repeat;} .gb2_bottom {width:450px; height:40px; float:left; background:url(../images/gb2_bottom.gif) no-repeat top;} .gb3 {width:670px; background:url(../images/gb3_top.gif) no-repeat;} .gb3_bottom {width:690px; height:40px; float:left; background:url(../images/gb3_bottom.gif) no-repeat top;} .bluebox { margin:0; padding:15px 10px 0 10px; position:relative; float:left; background-color:blue} .bb1 {width:190px; background:url(../images/bb1_top.gif) no-repeat;} .bb1_bottom {width:210px; height:40px; float:left; background:url(../images/bb1_bottom.gif) no-repeat top;} .homepicbox {position:relative; width:450px; height:260px; float:left;} .homepicbox h2 a{color:#FFF; position:absolute; top:185px; left:20px; z-index:13; text-decoration:none; letter-spacing:-1px;} .homepicbox p a{color:#FFF; position:absolute; top:212px; left:20px; text-decoration:none; z-index:13;} .homepicbox a:hover{text-decoration:underline;} img.overlay {background:url(../images/overlay.png) no-repeat; position:absolute; left:0; top:0; z-index:12;} img.mainpic {position:absolute; left:0; top:0; z-index:11;} .orangefade {position:absolute; left:0; top:180px; z-index:12; background:#ED962D; float:left; height:60px; width:450px; opacity:.8;-moz-opacity:.8;filter:alpha(opacity=80);} .orangefade2 {position:relative; left:2px; top:200px; z-index:12; background:#ED962D; text-decoration:none; float:left; height:30px; width:436px; opacity:.8;-moz-opacity:.8;filter:alpha(opacity=80); font-family:Arial; font-weight:bold;color:White;padding-left:10px; padding-top:5px;} .horzline {width:100%; border-top:1px #ccc solid;} /* 04 - MAIN CONTENT -------------------------------------------------*/ .orangetitle {padding:0 4px 0 0; height:33px; background:url(../images/title_right.gif) no-repeat top right; position:absolute; left:-7px; top:-7px; z-index:20; } .orangetitle h3{ background:url(../images/title_left.gif) no-repeat top left; display:block; padding:6px 8px 9px 10px; font-size:1.1em; font-weight:bold; color:#FFF; margin:0; } a.joinus {padding:13px 0 0 0; height:68px; width:81px; background:url(../images/joinus.gif) no-repeat; position:absolute; left:160px; top:-15px; text-align:center; text-decoration:none; } a.joinus span {padding:0; margin:0; font-size:2.0em; line-height:1.1; font-weight:bold; color:#FFF; font-style:italic; } .datewrap { padding:5px 0; height:40px;} .datestamp {width:40px; height:36px; padding:5px 0 0 0; background:url(../images/datestamp.gif) no-repeat; text-align:center; color:#FFF; font-family:Georgia, serif; font-size:0.9em; line-height:1.2; float:left; margin:0 10px 0 0;} .greybox h4 {font-size:1.4em; line-height:1.3; font-weight:normal; margin:0;} .greybox h4 a {color:#666; text-decoration:none;} .greybox h4 span{font-size:60%;} .greybox h4 a:hover{text-decoration:underline;} .smallad {margin:5px 0;} a.continue_butt {text-decoration:none; color:#666666; font-size:0.8em;} .joingroup {} a.joinlist {width:200px; float:left;margin:2px 0; font-size:1.0em; line-height:1.3; color:#333; cursor:pointer;} a.twitter {width:200px; float:left; margin:2px 0; font-size:1.0em; color:#0099CC; cursor:pointer; padding:20px 0 0 0;} a.twitter img{margin:-20px 0 0 0;} .boxright {width:195px; float:right; border-left:1px solid #ccc; padding-left:10px;} .boxleft {width:450px; float:left;} p.quote {font-family:Georgia, serif; font-style:italic; font-size:1.5em; line-height:1.1; color:#666666; background:url(../images/quote.gif) no-repeat left; padding:10px; height:55px;} /* 05 - SIDEBARS -----------------------------------------------------*/ ul.sidelist {float:left; margin:0; padding:0; list-style:none;} ul.sidelist li{margin:0; float:left; padding:0; list-style:none; font-size:1.1em; font-weight:bold;} ul.sidelist li a{padding:5px 0; width:190px; float:left; text-decoration:none; color:#F6921E;font-weight:bold;} ul.sidelist li.last a{ border-top:1px solid #ccc;} ul.sidelist li a:hover{text-decoration:underline;font-weight:bold;} ul.sidelist ul li a{padding:5px 0 5px 10px; width:180px; float:left; font-size:80%; font-weight:normal; color:#666; border-top:1px solid #ccc;} ul.sidelist ul li.current a{font-weight:bold;} ul.sidelist li a.sub{ color:#060606;font-weight:normal;font-size:0.85em;margin-left:30px;margin-top:0px;padding-top:0px;padding-bottom:0px;width:150px; border:none;} /* 06 - FOOTER -------------------------------------------------------*/ .workingwithbt {float:left; width:160px; border-right:1px solid #ccc; margin:20px 50px 0 0;} .patrons {float:left; width:100%; margin:20px 0 0 0; padding:15px 0; background:#F9F9F9; border-top:1px #DDDDDD solid;} ul.patronslist {float:left; margin:0; width:660px; padding:0; list-style:none;} ul.patronslist li{float:left; margin:0 10px 0 0; padding:0; list-style:none;} ul.patronslist li.title{font-size:0.9em; color:#666; clear:both; width:600px;} .footer {float:left; width:100%; margin:0; padding:0 0 20px 0; background:#002B5D;} ul.footerlist {float:left; margin:0; padding: 0; list-style:none;} ul.footerlist li{margin:4px 0; padding:0; list-style:none; font-size:0.8em;} ul.footerlist li a{padding:2px 0; width:200px; float:left; text-decoration:none; color:#FFF;} ul.footerlist li a:hover{text-decoration:underline;} ul.footerlist li.title{font-size:1.1em; margin-top:20px; color:#FFF; font-weight:bold;} .footer h6 {margin:20px 0 0 0;} .footer p {margin:10px 0 0 0; color:#FFF; font-size:0.9em;} /* 07 - FORMS ---------------------------------------------------------*/ .icTextBox { width:150px; font-size:13px; color:#666; font-weight:normal; border:1px #ccc solid; padding:3px; display:inline; } .icTextBox[disabled] { width:150px; font-size:13px; color:#666; font-weight:normal; border:1px #ccc solid; padding:3px; display:inline;background-color:#eeeeee; } .icSelect { font-size:13px; color:#666; font-weight:normal; border:1px #ccc solid; padding:3px; display:inline; } .contactWrap {width:500px; height:60px; float:left; padding:0; vertical-align:top} .inputwrap {width:200px; height:60px; float:left; padding:0;} .submitwrap {width:200px; height:20px; float:left; padding:0;} label.homelabel {font-size:0.9em; color:#666;} .contactLabel {font-size:0.9em; color:#666; width:150px; font-weight:bold; text-align:right; vertical-align:top; padding-right:5px} input.inputfield{width:190px; height:25px; background:url(../images/forms/inputfield.gif) no-repeat;} .inputfield {font:0.9em Arial, Helvetica, sans-serif; color:#333; margin:3px; height:19px; border:solid 0 #fff; padding: 3px 8px; background: transparent url("../images/forms/inputfield.gif") no-repeat fixed; width:200px; voice-family: "\"}\""; voice-family:inherit; width:187px; } fieldset>input.textfield { background: transparent url("../images/forms/inputfield.gif") no-repeat;} x select.dropdown{width:190px; height:25px; background:url(../images/forms/dropdown.gif) no-repeat;} .dropdown {font:0.9em Arial, Helvetica, sans-serif; color:#333; margin:3px; height:19px; border:solid 0 #fff; padding: 3px 8px; background: transparent url("../images/forms/dropdown.gif") no-repeat fixed; width:200px; voice-family: "\"}\""; voice-family:inherit; width:187px; } fieldset>select.dropdown { background: transparent url("../images/forms/dropdown.gif") no-repeat;} input.submitbutt{width:91px; height:25px; background:url(../images/forms/submit.gif) no-repeat; cursor:pointer;} .submitbutt {margin:3px; border:solid 0 #fff; background: transparent url("../images/forms/submit.gif") no-repeat fixed; width:91px; cursor:pointer; } fieldset>input.submitbutt { background: transparent url("../images/forms/submit.gif") no-repeat; cursor:pointer;} .register {width:95px; height:26px; float:left; background:url(../images/forms/register.gif) no-repeat; cursor:pointer;} /* .search { border:0;outline:0;font-size:100%;vertical-align:baseline; margin: 40px 10px 0 0 !important; padding: 0 0 0 8px !important; width: 192px !important; height: 25px !important; display: block !important; background: transparent url(../images/forms/bluesearchfield.gif) no-repeat !important; float: right !important; } .search_field { color: #999; border: 0; margin: 0; padding: 0; font-size: 0.9em; width: 165px; background: none; } .search_butt { border: 0; background: none; margin: 5px 0 0 0; padding: 0; height: 15px; width: 15px; cursor: pointer; } */ input.placeVote{width:100px; height:25px; background:url(../images/forms/place_vote.gif) no-repeat; cursor:pointer;} .placeVote {margin:3px; border:solid 0 #fff; background: transparent url("../images/forms/place_vote.gif") no-repeat fixed; width:91px; cursor:pointer; } input.viewResults{width:100px; height:25px; background:url(../images/forms/view_results.gif) no-repeat; cursor:pointer;} .viewResults {margin:3px; border:solid 0 #fff; background: transparent url("../images/forms/view_results.gif") no-repeat fixed; width:91px; cursor:pointer; } input.voteNow{width:80px; height:25px; background:url(../images/forms/vote_now.gif) no-repeat; cursor:pointer;} .voteNow {margin:3px; border:solid 0 #fff; background: transparent url("../images/forms/vote_now.gif") no-repeat fixed; width:91px; cursor:pointer; } .contactTable { border-collapse:separate; border-spacing:0 10px; } .icErrorText {color:#CC3333; font-size:12px; margin:0; padding:0;} .icBoldText { font-weight:bold; font-size:12px; } /************* p **********/ .jqifade { position: absolute; filter:alpha(opacity=60); /* For IE6&7 */ background-color: #000000; opacity: 0.6; -moz-opacity: 0.6; cursor: wait; } div.jqi { width: 400px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; font-size: 11px; text-align: left; border: solid 1px #eeeeee; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 7px; } div.jqi .jqicontainer { font-weight: normal; } div.jqi .jqiclose { position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: #bbbbbb; font-weight: bold; } div.jqi .jqimessage { padding: 10px; line-height: 20px; color: #444444; } div.jqi .jqibuttons { text-align: right; padding: 5px 0 5px 0; /* border: solid 1px #eeeeee; background-color: #ccda93;*/ } div.jqi button { padding: 3px 10px; margin: 0 10px; background-color: #9898cb; border: solid 1px #f4f4f4; color: #ffffff; font-size: 12px; font-weight:bold; } div.jqi button:hover { background-color: #728A8C; } div.jqi button.jqidefaultbutton { background-color: #9898cb; } .jqiwarning .jqi .jqibuttons { background-color: #9898cb; } div.scroll { height: 200px; width: 300px; overflow: auto; border: 1px solid #666; background-color: #ccc; padding: 8px; } .icErrorMessage { padding: 15px 20px; margin: 10px 0; width: 500px; color: #CC3333; font-size: 14px; text-align: center; } .icErrorMessage span{margin:0; padding:0;} ul.galleryImage {float:left; margin:0; width:660px; padding:0; list-style:none;} ul.galleryImage li{float:left; margin:0 10px 0 0; padding:0; list-style:none;} ul.galleryImage li.title{font-size:0.9em; color:#666; clear:both; width:600px;} table.borders th {font-size:1.3em; font-weight:bold; color:#F6921E; padding:5px;} table.borders td { color:#333; font-size:0.86em; padding:3px;} table.borders span {font-size:1.3em; font-weight:bold; color:#F6921E;} table.borders tr { background:url(../images/bottom-border.gif) repeat-x bottom;} table.member th {font-size:1.3em; font-weight:bold; color:#F6921E; padding:10px;} table.member td { color:#333; font-size:0.9em; padding:3px;} table.member td.header {font-size:1.3em; font-weight:bold; color:#F6921E;} table.member tr { background:url(../images/bottom-border.gif) repeat-x bottom;} .header {text-align:left;} .tableFooter { background-color:white; } table.contactform {text-align:right;} .icMandatory { font-size:0.9em; color:#666; } .command { text-decoration:none; color:#333333 } .caption { float:right; margin:0 0 10px 10px; border:1px #ccc solid; padding:4px;} .caption span{font-size:0.8em; font-style:italic; margin-top:2px; text-align:center;} .priceTable td { border-style: solid; border-width: 0.5px; color: #666; border-top-color: #666; border-right-color: #666; border-bottom-color: #666; border-left-color: #666; padding:2px; text-align:center; } .FooterLinkHolder { width:130px; display:inline;float:left;margin-left:10px;margin-right:10px; } .FooterCopyRightHolder { width:300px; display:inline;float:left;margin-left:10px;margin-right:10px; } .gridFooter { width:130px; display:inline;float:left;margin-left:10px;margin-right:10px } .icGallerySmall { border-bottom: solid 4px white; border-left: solid 2px white; border-right: solid 2px white; cursor:pointer; } .icGallery { border: solid 2px white; } .icHomeLink {font-size:1.3em; line-height:1.3; color:#666; margin:0 0 10px 0; font-weight:normal;} .icLinkNoUnderline{text-decoration:none;color:#666; } .icRegister{color:#666; font-size:10pt; } .iconHolder {top:6px;left:190px;position:relative;} a.icSubSection {text-decoration:none; color:#060606;font-size:1.0em;margin-left: 30px;font-weight:normal;} .icFooterImage {left:-20px;position:relative;}