-------------------*/ #toplevel { border-style: solid; border-top-width: 5px; color: #006600; background: url(Images/background/bak.linear.jpg); } #toplevel_long { border-style: solid; border-top-width: 5px; color: #006600; background: url(Images/background/bak.linear2.jpg); } #toplevel_extralong { border-style: solid; border-top-width: 5px; color: #006600; background: url(Images/background/bak.linear3.jpg); } #wrapper { width: 76em; min-width: 76em; height: auto; text-align: left; border-left:1px solid #000000; border-right:1px solid #000000; border-top:0px; background-color: #fff } /*------------------ title layouts -------------------*/ #titleimage { float: left; width: auto; border-style: solid; padding: 0 0 0 0; margin: 0 0 0 0; line-height: 0; border-top-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; text-align:left; color: #990000; line-height: 0; } /*---Not used---*/ #logoimage { width: 25.5em; height: 43px; padding: 0em; margin-left: 0em; margin-bottom: 0em; float: left; border-bottom:1em solid #fff; } #titlebuttons { width: 25.5em; height: 43px; padding: 0.5em; margin-left: 0em; float: right; border-bottom:1em solid #fff; } #title { width: 76em; height: 212px; } /*------------------ navigation bars -------------------*/ #headernavbar { width: 47em; border-style: solid; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; text-align: center; color: #cccccc; } #leftnavbar { float: left; /*width: 17em;*/ width: 28%; border-style: solid; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; text-align: center; color: #006600; } #titlebottomnavbar { float: right; width: 60em; border-style: solid; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; text-align: center; color: #006600; } #footernavbar { width: 76em; border-style: solid; border-top-width: 2px; border-left-width: 0px; border-right-width: 0px; text-align: center; color: #cccccc; } #countynavbar { float: left; width: 11.8em; border-style: solid; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; padding: 0.2em 0em 0.2em 0em; text-align: center; FONT-FAMILY: Arial, Tahoma, Helvetica; FONT-SIZE: 1.35em; color: #f3f020; background-color: #009966; } /*------------------ Left Navigation Bar - Red Line Below, Left and Right -------------------*/ ul#navlist { padding: 0; margin-left: 0; list-style-type: none; float: left; /*width: 16%;*/ width: 16%; background-color: #ffffff; } ul#navlist li { display: inline; } ul#navlist li a { float: left; /*width: 11.8em;*/ width: 12em; color: #fff; background-color: 006600; /*------------- ONE or the OTHER!!!!!!!!!!! -----------------*/ padding: 0.2em 1em; text-decoration: none; border-left: 1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; } ul#navlist li a:hover { background-color: #990000; color: #fff; } /*------------------ Top Navigation Bar - Site map, Disability -------------------*/ ul#topnavlist { float: right; padding: 0; margin: 0; list-style-type: none; width: 63%; color: #000; background-color: #fff; } ul#topnavlist li { display: inline; } ul#topnavlist li a { float: right; width: 6em; color: #000; background-color: #fff; padding: 0em 0em; text-decoration: none; border-left: 1px solid #000; border-bottom: 1px solid #000; } ul#topnavlist li a:hover { background-color: #369; color: #fff; } /*------------------ Top Navigation Bar - Home, News, Gallery, Records -------------------*/ ul#topnavlist2 { float: right; padding: 0; margin: 0; list-style-type: none; width: 60%; color: #fff; background-color: #556600; } ul#topnavlist2 li { display: inline; } ul#topnavlist2 li a { float: left; width: 8.25em; color: #fff; background-color: #556600; padding: 0.05em 0em 0.05em 0em; text-decoration: none; border-left: 1px solid #fff; } ul#topnavlist2 li a:hover { background-color: #990000; color: #fff; } /*------------------ Top Navigation Bottom Bar - Gallery, Records, Diaries, Competitions, Reports, Top Ten -------------------*/ ul#topnavlist3 { float: right; padding: 0; margin: 0; list-style-type: none; width: 100%; color: #fff; background-color: #006600; } ul#topnavlist3 li { display: inline; } ul#topnavlist3 li a { float: left; width: 6.3em; color: #fff; background-color: #006600; padding: 0.2em 0em 0.2em 0em; text-decoration: none; border-left: 1px solid #fff; } ul#topnavlist3 li a:hover { background-color: #990000; color: #fff; } /*------------------ Top Navigation Bottom Bar - East Sussex, West Sussex, Kent -------------------*/ ul#topnavlist4 { float: right; padding: 0; margin: 0; list-style-type: none; width: 100%; color: #fff; background-color: #006600; } ul#topnavlist4 li { display: inline; } ul#topnavlist4 li a { float: left; width: 15.3em; color: #fff; background-color: #006600; padding: 0.2em 0em 0.2em 0em; text-decoration: none; border-right: 1px solid #fff; } ul#topnavlist4 li a:hover { background-color: #369; color: #fff; } /*------------------ Footer Navigation Bar -------------------*/ ul#footernavlist { float: right; padding: 0; margin: 0; list-style-type: none; width: 100%; color: #fff; background-color: #006600; } ul#footernavlist li { display: inline; } ul#footernavlist li a { float: left; width: 8.2em; color: #fff; background-color: #006600; padding: 0em 0em; text-decoration: none; border-right: 1px solid #fff; } ul#footernavlist li a:hover { background-color: #369; color: #fff; } /*------------------ photo gallery thumbnail layout -------------------*/ .thumbnail { float: left; width: 20em; border: 1px solid #999; margin: 15px 15px 15px 30px; padding: 5px; text-align: center; background-color: #F4F2EC; } div.thumbnail img { border: 1px solid #000; } .clearboth { clear: both; } /*
creates a new line of thumbnails */ /*------------------ fishe world games layout -------------------*/ .thumbnail2 { float: left; width: 53em; border: 1px solid #999; margin: 5px 5px 5px 5px; padding: 5px; text-align: center; background-color: #F4F2EC; } div.thumbnail2 img { border: 1px solid #000; } /*------------------ removes thin white line between images -------------------*/ img#block { display: block; } /*------------------ Unboxed body text -------------------*/ .unboxedbodytext { float: right; width: 56em; margin: 10px 10px 15px 0px; padding: 1px; text-align: center; } .unboxedbodytext2 { float: right; width: 56em; margin: 15px 10px 15px 0px; padding: 2px; text-align: left; } .innerunboxedbodytext { float: left; width: 55em; margin: 5px 5px 5px 5px; padding: 1px; text-align: left; } .smallunboxedbodytext { float: left; width: 15em; margin: 5px 5px 5px 0px; padding: 2px; text-align: left; } .smallunboxedbodytext2 { float: left; width: 39em; margin: 5px 0px 5px 0px; padding: 2px; text-align: left; } .smallunboxedbodytext3 { float: left; width: 25em; margin: 5px 5px 5px 0px; padding: 2px; text-align: left; } .smallunboxedbodytext4 { float: left; width: 25em; margin: 5px 0px 5px 0px; padding: 2px; text-align: left; } .smallunboxedbodytext5 { float: left; width: 18em; margin: 0px 0px 0px 0px; padding: 0px; text-align: left; } .smallunboxedbodytext6 { float: left; width: 33em; margin: 0px 0px 0px 0px; padding: 0px; text-align: left; } .smallunboxedcol1of3 { float: left; width: 14em; margin: 0px 0px 15px 20px; padding: 5px; text-align: left; } .smallunboxedcol2of3 { float: left; width: 14em; margin: 5px 0px 5px 0px; padding: 0px; text-align: left; } .smallunboxedcol3of3 { float: left; width: 22em; margin: 5px 0px 5px 0px; padding: 0px; text-align: left; } .smallunboxed { float: left; width: 7em; padding: 0px; } /*------------------ Boxed body text -------------------*/ .boxedbodytext { float: right; width: 56em; border: 1px solid #999; margin: 15px 10px 15px 0px; padding: 1px; text-align: center; } .boxedbodytext2 { float: right; width: 56em; border: 1px solid #999; margin: 15px 10px 15px 0px; padding: 2px; text-align: left; } .smallunboxedbody2 { float: left; width: 24em; margin: 10px 0px 15px 15px; padding: 2px; text-align: left; } .smallboxedbody2 { float: left; width: 24em; border: 1px solid #999; margin: 10px 0px 15px 15px; padding: 2px; text-align: left; } /*------------------ Left Title Column -------------------*/ div.titlecolumn1 { float: left; /*width: 42em;*/ width: 48%; padding: 0 0 0 0; margin: 0 0 0 0; text-align: left; /*background-color: #F2F9F2;*/ } /*------------------ Right Title Column -------------------*/ div.titlecolumn2 { float: right; /*width: 33em;*/ width: 52%; padding: 0 0 0 0; margin: 0 0 0 0; text-align: center; /*background-color: #F2F9F2;*/ } /*------------------ Left Body Column -------------------*/ div.column1 { float: left; /*width: 11.8em;*/ width: 21%; text-align: left; /*background: url(/images/left_column/net_background1.jpg); background-repeat: repeat-y;*/ border-right: 1px solid #F2F2F2; background-color: #F2F2F2; } /*------------------ Right Body Column -------------------*/ div.column2 { float: right; /*width: 56em;*/ /*width: 75%;*/ width: 75%; text-align: left; /*border-left: 1px solid #000;*/ } /*------------------ Allignment -------------------*/ .center { margin: 30px 0px 15px 15px; } .center2 { margin: 0px 10px 30px 165px; }