@import url(styleps1.css); @import url(styleinlines.css); /* Start of basic set of tags for article */ BODY, body { font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; font-weight : normal; font-size: 70%; width : 955px; margin : auto; } /* For 'textarea', 'input', 'option' and 'select' tags the font family is not inherited from the tag and so has to be re-stated. */ TEXTAREA, textarea, INPUT, input, SELECT, select, option, OPTION { font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; /* For IE (it doesn't inherit the font size from the body class). This will set the font size of IE's form items to the font size in the BODY tag */ font-size: 100%; } TEXTAREA, textarea{font-size : 100%;} SELECT, select, INPUT, input{font-size : 90%;} P, p{margin: 0 0 1em 0;} TH, th{padding : 5px; text-align : left;} /* End of basic set of tags for article */ /* Start of miscellaneous styles for article */ .toptable{width : 100%;} .showrhstab{padding : 5px 5px 5px 25px; width : 150px; text-align : left;} .textcontact { padding : 5px; float : left; margin : 2px; font-weight : normal; } .textnorm{font-weight : normal;} .textbold{font-weight : bold;} .imagetitle {font-size : 95%; font-weight : bold; padding : 4px;} .date { font-size : 95%; font-weight : normal; padding : 5px; text-align: right; vertical-align: middle; } .articlemargin{padding-top : 12px;} .movedownnav{padding-top : 0;} .footeraddress{padding : 10px 10px 5px 10px;} /* End of miscellaneous styles for article */ /* Start of navigation link sets. The defaults look similar to each other, so at first glance this separation appears unnecessary, but a site design has potential for any of the elements within each link to change independantly from one another. It makes the link styles easier to manage. */ /* Start of general links */ A:link, a:link, A:visited, a:visited, A:active, a:active, A:focus, a:focus {font-weight : normal; text-decoration : underline;} a.astandardlink:link, a.astandardlink:visited, a.astandardlink:active, a.astandardlink:hover, a.astandardlink:focus, a.aboldlink:link, a.aboldlink:visited, a.aboldlink:active, a.aboldlink:hover, a.aboldlink:focus {font-weight : normal; text-decoration : none;} a.aboldlink:link, a.aboldlink:visited, a.aboldlink:active, a.aboldlink:hover, a.aboldlink:focus {font-weight : bold; display : inline;} a.aboldwhitelink:link, a.aboldwhitelink:visited, a.aboldwhitelink:active, a.aboldwhitelink:hover, a.aboldwhitelink:focus {font-weight : bold; text-decoration : none;} a.astandardlink:hover, a.aboldlink:hover, a.inlinelink:hover, a.asitemaplink:hover, a.aboldwhitelink:hover {text-decoration : underline;} A:hover, a:hover{text-decoration : none;} /* End of general links */ /* Block of base code that ALL horizontal navigation links use */ /* Start of utilities navigation */ a.autilnav:link, a.autilnav:visited, a.autilnav:active, a.autilnav:hover, a.autilnav:focus, a.autilnavs:link, a.autilnavs:visited, a.autilnavs:active, a.autilnavs:hover, a.autilnavs:focus { text-align : left; text-decoration : underline; } .utilspipe { font-weight : normal; text-decoration : none; padding : 0 5px 0 5px; } .utilslist { padding: 0; margin : 0; } .utilsitem { list-style-type: none; display: inline; } a.autilnav:link, a.autilnav:visited, a.autilnav:active, a.autilnav:hover, a.autilnav:focus { font-weight : normal; } a.autilnavs:link, a.autilnavs:visited, a.autilnavs:active, a.autilnavs:hover, a.autilnavs:focus { font-weight : bold; } a.autilnav:hover, a.autilnavs:hover{text-decoration : none;} /* End of utilities navigation */ /* Start of horizontal naviagation bars */ .hrznavlist{padding : 0; margin : 0;} .hrznavitem { list-style-type : none; display : inline; } /* End of horizontal navigation bars */ /* Start of left-hand tree navigation (third level and below). */ .lhscol{width: 180px;} .submenu { margin : 0; padding : 7px 0 7px 0; } a.atreenav1:link, a.atreenav1:visited, a.atreenav1:active, a.atreenav1:hover, a.atreenav1:focus, a.atreenav2:link, a.atreenav2:visited, a.atreenav2:active, a.atreenav2:hover, a.atreenav2:focus, a.atreenav1s:link, a.atreenav1s:visited, a.atreenav1s:active, a.atreenav1s:hover, a.atreenav1s:focus, a.atreenav2s:link, a.atreenav2s:visited, a.atreenav2s:active, a.atreenav2s:hover, a.atreenav2s:focus { display : block; display : inline-block; list-style-type : none; text-align : left; text-decoration : none; } a.atreenav1:link, a.atreenav1:visited, a.atreenav1:active, a.atreenav1:hover, a.atreenav1:focus, a.atreenav1s:link, a.atreenav1s:visited, a.atreenav1s:active, a.atreenav1s:hover, a.atreenav1s:focus { width : 170px; } a.atreenav2:link, a.atreenav2:visited, a.atreenav2:active, a.atreenav2:hover, a.atreenav2:focus, a.atreenav2s:link, a.atreenav2s:visited, a.atreenav2s:active, a.atreenav2s:hover, a.atreenav2s:focus { width : 150px; } a.atreenav1:link, a.atreenav1:visited, a.atreenav1:active, a.atreenav1:hover, a.atreenav1:focus, a.atreenav1s:link, a.atreenav1s:visited, a.atreenav1s:active, a.atreenav1s:hover, a.atreenav1s:focus {padding : 5px; font-weight : bold;} a.atreenav2:link, a.atreenav2:visited, a.atreenav2:active, a.atreenav2:hover, a.atreenav2:focus, a.atreenav2s:link, a.atreenav2s:visited, a.atreenav2s:active, a.atreenav2s:hover, a.atreenav2s:focus {padding : 2px 2px 2px 20px; font-weight : bold;} /* End of left-hand tree navigation (third level and below). */ /* Start of bottom navigation */ a.bottomlink, a.bottomlinks { text-align : left; text-decoration : none; } .bottompipe { font-weight : normal; text-decoration : none; padding : 0 5px 0 5px; } a.bottomlink:link, a.bottomlink:visited, a.bottomlink:active, a.bottomlink:hover,a.bottomlink:focus {font-weight : normal;} a.bottomlinks:link, a.bottomlinks:visited, a.bottomlinks:active, a.bottomlinks:hover, a.bottomlinks:focus {font-weight : bold;} a.bottomlink:hover, a.bottomlinks:hover{text-decoration : underline} /* End of bottom navigation */ /* Start of sitemap styles. */ a.asitemaplink1:link, a.asitemaplink1:visited, a.asitemaplink1:active, a.asitemaplink1:hover, a.asitemaplink1:focus { padding : 5px; margin : 1px; font-weight : bold; text-decoration : none; width : 120px; display : block; display : inline-block; } a.asitemaplink2:link, a.asitemaplink2:visited, a.asitemaplink2:active, a.asitemaplink2:hover, a.asitemaplink2:focus, a.asitemaplink3:link, a.asitemaplink3:visited, a.asitemaplink3:active, a.asitemaplink3:hover, a.asitemaplink3:focus, a.asitemaplink4:link, a.asitemaplink4:visited, a.asitemaplink4:active, a.asitemaplink4:hover, a.asitemaplink4:focus, a.asitemaplink5:link, a.asitemaplink5:visited, a.asitemaplink5:active, a.asitemaplink5:hover, a.asitemaplink5:focus {font-weight : normal; text-decoration : none;} a.asitemaplink2:hover, a.asitemaplink3:hover, a.asitemaplink4:hover, a.asitemaplink5:hover {text-decoration : underline;} /* end of sitemap styles */ /* Start of 'breadcrumb trail' navigation */ .pathlabel { font-weight : bold; padding-left : 95px; padding-right: 20px; } .pathname{text-decoration: underline;} a.pathnav:link, a.pathnav:visited, a.pathnav:active, a.pathnav:hover, a.pathnav:focus {font-weight : normal; text-decoration : underline;} a.pathnavs:link, a.pathnavs:visited, a.pathnavs:active, a.pathnavs:hover, a.pathnavs:focus {font-weight : bold; text-decoration : underline;} a.pathnavs:hover, a.pathnav:hover{text-decoration : none;} /* End of 'breadcrumb trail' navigation */ /* Start of right-hand side navigation block */ .rhsbox{margin : 0 1px 10px 10px;} .rhslinkicon { background : no-repeat url(../../images/chelmsfordbc/common/page.gif); padding: 3px 5px 3px 25px; width : 170px; } a.arhslinkmedia:link, a.arhslinkmedia:visited, a.arhslinkmedia:active, a.arhslinkmedia:focus, a.arhslinkmedia:hover, a.arhslink:link, a.arhslink:visited, a.arhslink:active, a.arhslink:focus, a.arhslink:hover { display : inline; list-style-type : none; text-align : left; text-decoration : none; } a.arhslinkmedia:link, a.arhslinkmedia:visited, a.arhslinkmedia:active, a.arhslinkmedia:focus, a.arhslinkmedia:hover, a.arhslink:link, a.arhslink:visited, a.arhslink:active, a.arhslink:focus, a.arhslink:hover {font-weight : normal; text-decoration : none;} a.arhslinkmedia:hover, a.arhslink:hover{text-decoration : underline;} /* End of right-hand side navigation block */ /* Start of FAQ section */ .faqintro, .faqtext{padding : 0 5px 0 0; text-decoration : none;} .faqintro{font-weight : bold;} a.afaqlink:link, a.afaqlink:visited, a.afaqlink:active, a.afaqlink:hover, a.afaqlink:focus, a.afaqboldlink:link, a.afaqboldlink:visited, a.afaqboldlink:active, a.afaqboldlink:hover, a.afaqboldlink:focus {font-weight : normal; text-decoration : none;} a.afaqboldlink:link, a.afaqboldlink:visited, a.afaqboldlink:active, a.afaqboldlink:hover, a.afaqboldlink:focus {font-weight : bold;} a.afaqboldlink:hover, a.afaqlink:hover{text-decoration : underline;} /* End of FAQ section */ /* Start of contact section (not 'related' or 'A to Z')*/ .contactnorm{padding : 0 5px 0 0; text-decoration : none;} .contactnormdes, .contactbold, .contacttel, .contactfax{padding : 0 5px 0 0; text-decoration : none;} .contactbold{font-weight : bold;} .contacttel{padding-left : 5px;} .contactfax{padding-left : 1px;} .contactposl{padding : 10px 10px 10px 0; float : left;} .contactposr{float : right; padding : 10px 10px 10px 0;} a.acontactlink:link, a.acontactlink:visited, a.acontactlink:active, a.acontactlink:hover, a.acontactlink:focus {font-weight : bold; text-decoration : none;} a.acontactlink:hover {text-decoration : underline;} a.acontactemaillink:link, a.acontactemaillink:visited, a.acontactemaillink:active, a.acontactemaillink:hover, a.acontactemaillink:focus, a.acontactweblink:link, a.acontactweblink:visited, a.acontactweblink:active, a.acontactweblink:hover, a.acontactweblink:focus {font-weight : normal; text-decoration : none;} a.acontactweblink:hover, a.acontactemaillink:hover{text-decoration : underline;} /* End of contact section */ /* Start of form section */ .formattachment{font-weight : bold;} /* End of form section */ /**************************************************/ /****** Search block in top navigation bar ********/ .rowhigh, .rowlow{padding : 3px 3px 3px 3px;} .rimage /* place an article image on the right of the article */ {float: right; padding: 0 0 10px 20px;} .limage /* place an article image on the left of the article */ {float: left; padding: 0 20px 10px 0;} .cimage /* place an article image on the right of the article */ {position : relative; padding: 20px;} .footflourish /* decorative bar between the article and the bottom utilities menu */ {background : url(../../images/chelmsfordbc/common/footer.gif) repeat-x;} /**************************************************************************************/ .introsearch, .introevent {padding : 0 5px 0 0; text-decoration : none;} .introsearch, .introcal, .introevent {font-weight : bold;} .contactposl, .contactposr, .homeposl, .homeposr { padding : 10px 10px 10px 0; float : left; } .contactposr, .homeposr{float : right;} /*********************************************************************************************/ /******************************** Login section ********************************************/ .loginhead, .errorhead { padding : 5px 5px 5px 5px;font-weight : bold;} .logincontent{width : 75%;} .loginbandtop {font-weight : bold; padding : 5px 5px 5px 5px;} .loginbandbot {padding : 5px 5px 5px 5px;} .stoppadding{margin: 0; padding : 0;} /*******************************************************************************************/ /*************************** Replace the corresponding blocks with these ****************************************/ a.pathnav:link, a.pathnav:visited, a.pathnav:active, a.pathnav:hover, a.pathnav:focus, a.pathnavs:link, a.pathnavs:visited, a.pathnavs:active, a.pathnavs:hover, a.pathnavs:focus {font-weight : normal; text-decoration : underline;} a.pathnav:hover, a.pathnavs:hover {text-decoration : none;} .titlebar { margin-left : 10px; } .titlebarhome{margin-left : 10px;} .cellbarhome { border : none; } /****************************************************************************************************************/ td.tablestyle{text-align : center;} ul.liststyle {padding : 0; margin : 0; } a.aminus:link, a.aminus:visited, a.aminus:active, a.aminus:focus, a.aminus:hover, a.aplus:link, a.aplus:visited, a.aplus:active, a.aplus:focus, a.aplus:hover { text-decoration : none; text-align : center; font-weight : bold; padding : 5px 30px 5px 30px; } a.aminus:link, a.aminus:visited, a.aminus:active, a.aminus:focus, a.aminus:hover { font-size : 8pt; } li.listitemstyle { list-style-type : none; display : inline; } a.aplus:link, a.aplus:visited, a.aplus:active, a.aplus:focus, a.aplus:hover { font-size : 12pt; } /****************************************************************************************************************/ .showmessgepoll { font-size : 125%; padding : 3px 0 3px 0; font-weight : bold; } .pollquestionheading { padding: 5px 5px 5px 5px; font-weight : bold; font-size : 100%; } .closebuttonstrip { width : 100%; padding: 5px 5px 5px 5px; } /************ Style for generic buttons in a related poll if a graphic is not used *************/ .votebuttons {margin-top : 5px; padding : 2px 0 5px 5px;} /************************************************************************************************/ .btntext { font-weight : bold; text-align : center; } /*************************************************/ /* New calendar styles */ /*************************************************/ .caledge, .calcelledge, .calcellwide, .callink, .caldate, .calblank, .caltoday, .calevent, .calnorm, .calselected {text-decoration : none;} .caldate, .calblank, .caltoday, .calevent, .calnorm, .calselected, .calcelledge, .calselected {width : 33px;} .topground{padding: 5px 0 5px 0; margin : 0;} .calblank, .caltoday, .calevent, .calnorm, .calselected {padding : 2px 3px 2px 3px;} .callink{padding : 3px 9px 3px 9px;} .caltoday, .calevent, .calnorm, .calselected {font-weight : bold; text-align : center;} .caltoday{font-weight : bold;} .calnorm{font-weight : normal;} .calselected{text-decoration : none;} a.acalendarlink:link, a.acalendarlink:visited, a.calendarlink:active, a.acalendarlink:hover, a.acalendarlink:focus, a.acalendarlinktoday:link, a.acalendarlinktoday:visited, a.calendarlinktoday:active, a.acalendarlinktoday:hover, a.acalendarlinktoday:focus { text-decoration : none; background-color : transparent; border: none; width : 33px; display : block; display : inline-block; } a.acalendarlink:link, a.acalendarlink:visited, a.calendarlink:active, a.acalendarlink:hover, a.acalendarlink:focus {font-weight : normal;} a.acalendarlinktoday:link, a.acalendarlinktoday:visited, a.calendarlinktoday:active, a.acalendarlinktoday:hover, a.acalendarlinktoday:focus {font-weight : bold;} .staticdisplay{text-align : center;} .daydisplay{clear : left; float: left; margin : 0 10px 10px 0;} .imgdisplay{float: right; margin : 0 0 10px 10px;} .calendarwidth, .daydisplay{width : 300px;} /*************************************************/ /* end of New calendar styles */ /*************************************************/ .backstyle, .searchstyle { font-weight : bold; padding : 5px; clear : left; margin : 2px; } .backstyle { width : 75px; float : left; } /* Start of forum section */ .forumtitle{margin: 0 0 1em 0; font-size : 145%; font-weight : bold; padding : 4px;} .forumsearch{float : right; padding-right : 10px;} .forumsearchhead {font-weight : bold; padding-right : 5px;} .forumhead{font-weight : bold; padding : 5px;} .forumtext, .forumbold{font-weight : normal;} .forumbold{font-weight : bold;} /* End of forum section */ /* Start of A to Z section */ a.aatozlink:link, a.aatozlink:visited, a.aatozlink:active, a.aatozlink:hover, a.aatozlink:focus, a.aatozlinks:link, a.aatozlinks:visited, a.aatozlinks:active, a.aatozlinks:hover, a.aatozlinks:focus { margin : 2px; display : block; display : inline-block; padding : 2px 5px 2px 5px; text-align : center; font-size : 140%; font-weight : bold; text-decoration : none; } .atozheadstyle{padding : 4px;} .atozheadtext {font-weight : bold; text-decoration : none;} a.aatozheadlink:link, a.aatozheadlink:visited, a.aatozheadlink:active,a.aatozheadlink:hover, a.aatozheadlink:focus {font-weight : bold; text-decoration : none;} a.aatozheadlink:hover {text-decoration : underline;} .atozcontacts{float : right; width : 215px;} /* End of A to Z section */ a.aartpathlhs1:link, a.aartpathlhs1:visited, a.aartpathlhs1:active, a.aartpathlhs1:hover, a.aartpathlhs1:focus, a.aartpathlhs2:link, a.aartpathlhs2:visited, a.aartpathlhs2:active, a.aartpathlhs2:hover, a.aartpathlhs2:focus, a.aartpathlhs3:link, a.aartpathlhs3:visited, a.aartpathlhs3:active, a.aartpathlhs3:hover, a.aartpathlhs3:focus, a.aartpathlhs4:link, a.aartpathlhs4:visited, a.aartpathlhs4:active, a.aartpathlhs4:hover, a.aartpathlhs4:focus, a.aartpathlhs5:link, a.aartpathlhs5:visited, a.aartpathlhs5:active, a.aartpathlhs5:hover, a.aartpathlhs5:focus { width : 170px; text-decoration : none; font-weight : bold; display : block; display : inline-block; padding : 4px 5px 4px 5px; text-align : left; } .rhstitle{padding : 5px; margin-top : 10px; width : 170px; text-align : left;} .contactbox{padding : 5px; width : 170px; text-align : left;} .hometopband{padding : 5px; font-weight : bold; margin : 0 3px 0 3px;} .homebotband, .homebaseband { padding : 5px; font-weight : bold; margin : 20px 3px 0 3px; } .homebotblock, .homebaseband{margin : 0 3px 0 3px;} .blockstyle { width: 254px; float: left; } .showfeaturetab { padding : 5px 5px 5px 25px; margin : 0 3px 0 3px; } .headpadding{margin-top : 10px;} a.tabletext:link, a.tabletext:visited, a.tabletext:active, a.tabletext:hover, a.tabletext:focus { color : #000000; font-weight : normal; text-decoration : underline; } a.tabletext:hover{text-decoration : none;} .tablepadding{padding : 5px;} .sectionintrotext { margin-bottom : 5px; font-weight: bold; } .thumbtolargediv { float : left; margin : 2px; } /*Contribute event stylez */ #contributeEventForm fieldset { width : 570px; padding : 0; border : 0; margin : 0; } #contributeEventForm label { float : left; clear : both; width : 140px; margin-bottom : 5px; } #contributeEventForm .inputPanel { float : left; width : 420px; margin-bottom : 5px; } #contributeEventForm .singleEvent { padding-left : 0; margin-left : 0; margin-bottom: 5px; } #contributeEventForm .inputPanel .checkBoxPanel { float : left; margin-bottom : 5px; margin-right : 10px; margin-top : 5px; } #contributeEventForm .inputPanel .textBox { width : 420px; } #contributeEventForm .inputPanel .textArea { width : 415px; } #contributeEventForm .inputPanel .wideSelect { width : 415px; } #contributeEventForm .inputPanel .imageUpload { width : 415px; } #contributeEventForm input { float : left; } #contributeEventForm .eventSchedulePanel { float : left; clear : both; width : 565px; margin-bottom : 5px; padding-top : 20px; } #contributeEventForm .rightLabel { float : right; clear : none; } #contributeEventForm .leftLabel { float : left; clear : none; width : 70px; } #contributeEventForm .leftLabelWide{ float : left; clear : none; width : 85px; } #contributeEventForm .inputRightPanel { float : right; clear : none; margin-bottom : 5px; } #contributeEventForm .inputLeftPanel { float : left; clear : none; margin-bottom : 5px; } #contributeEventForm .inputLeft { clear: both; } #contributeEventForm .eventTypeLabel { display : inline; } #contributeEventForm .eventTypeCheckbox { margin-top : -2px; } #contributeEventForm .openingTime, #contributeEventForm .openingTimeLabel { float : right; clear : none; width : 100px; margin : 0; padding : 0; } #contributeEventForm .durationtext{ clear : left; padding : 2px 2px 2px 140px; width : 140px; float: left; } .cloneEventButton { margin-right : 10px; } .mandatory { color : #ff0000; } #eventContributedMain div { float :left; } #eventContributedMain #eventDetails div { float : none; clear : none; } #eventContributedMain .imageDiv { margin-right : 10px; margin-bottom : 10px; } #eventContributedMain .imageDiv, .articleTextDiv { float : left; clear : both; } #tabCalendar a{ text-decoration : none; cursor: pointer; } #tabCalendar a:hover{text-decoration : underline;} #tabCalendar .monthTab, .monthTabSELECTED { background-color : #ffab6d; border : 2px solid #a94b40; padding : 4px; width : auto; float : left; margin-right : 3px; font-weight : bold; } #tabCalendar .monthTabSELECTED { background-color : #a92b40; color : #fff; } #tabCalendarEventsDiv { width : 570px; } #tabCalendarEventsDiv .eventDiv { width : 100%; } #tabCalendarEventsDiv .eventHeader { padding : 5px; margin-top : 5px; background-color : #a92b40; color : #ffffff; font-weight : bold; float : left; clear : both; width : 100%; margin-bottom : 5px; } #tabCalendarEventsDiv .eventHeaderDiv { width : 100%; } #tabCalendarEventsDiv .eventArticleDiv { float : left; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; } #tabCalendarEventsDiv .imageDiv { margin-right : 10px; } #tabCalendarEventsDiv .imageDiv, .descriptionDiv { float : left; } #pagination a{text-decoration:none;} #pagination a:hover{text-decoration:underline;} .pageTab, .pageTabSELECTED { background-color : #ffab6d; border : 2px solid #a94b40; padding : 4px; width : auto; float : left; margin-right : 3px; font-weight : bold; cursor : pointer; } .pageTabSELECTED { background-color : #a94b40; color : #fff; } .paginationDiv { float : left; margin-right : 10px; } .eventCreationMain { float : left; clear : both; } .eventArticleDiv .imageDiv { float : left; clear:none; margin-right : 10px; } #keywordField { width : 200px; } .hideItem { display : none; } #readspeaker { background-color: #fff; padding-bottom: 0; } #readspeaker a.ISI_REMOVE { background-image: url(../../images/chelmsfordbc/common/XTlogo.gif); background-repeat: no-repeat; display: block; width: 128px; height: 26px; } #readspeaker a, #readspeaker a span { display: none; } /* start Font re-sizer */ #textresizer { color : #ffffff; background-color : #a92b40; padding: 2px 5px 0 5px; border-bottom: 2px solid #fff; } #textresizer span { font-size: 130%; font-weight: bold; margin-top: 13px; width: 71px; float: left; font-size: 14px; } #textresizer ul { padding: 0 0 0 0; margin: 0 0 0 0; float: right; list-style-type: none; } #textresizer ul li { padding: 0; margin: 0 0 0 5px; float: left; } #textresizer ul li.first { margin-left: 0; } #textresizer ul li a, #textresizer ul li a img { padding: 0; margin: 0; border: none; } #textresizer div.clearboth { clear: both; height: 0; line-height: 0; } /* end Font re-sizer */ /* start Language Flags */ #lftextlinks, #flags { padding: 10px 0 0 5px; width: 175px; } #flags a, #flags a img { border: none; margin: 0; padding: 0; } #flags h2 { border-bottom: 1px solid #000; margin-right: 5px; font-size: 110%; } /* end Language Flags */ #eventSearch { float : left; clear : both; width : 100%; background-color : #fcdbc1; margin-top: 71px; } #eventSearch form{ margin: 0; padding: 0; float : left; width: 100%; } #eventSearch form div#metadata{ padding: 10px; border-bottom: solid 4px #fff; float: left; width : 100%; } #eventSearch form h1, #eventSearch form h1{ margin: 5px 0; } div#eventTypeDiv{ float: left; width: 100%; } div#eventTypeDiv div.inputPanel, div#eventTypeDiv div.venuePanel{ float: left; width: 46%; } div#eventTypeDiv div.venuePanel{ padding-left : 15px; } div#eventTypeDiv div.inputPanel div.checkBoxPanel{ float: left; width: 50%; } div#eventTypeDiv div.inputPanel div.checkBoxPanel input, div#eventTypeDiv div.inputPanel div.checkBoxPanel label {vertical-align: middle;} div#date, div#keywords{ width: 45%; float: left; padding: 10px; } div#date{border-right: 4px solid #fff;} #eventSearchResultsDiv .eventHeader { padding : 5px; margin : 5px 0; background-color : #a94b20; color : #fff; font-weight : bold; float : left; clear : both; } #eventSearchResultsDiv .eventArticleDiv { border-bottom : 1px solid #474747; padding-bottom : 10px; }