h1 {color:#373f94; font-size:13px; padding:0; margin:15px 0} /* Kerstin styles*/ body, td {font-family: verdana; font-size:10px} h6 {color:#373f94; font-size:13px;} ul#menu_left {list-style-image:url(images/bullet.gif); padding:0 0 0 5px; margin:0 0 0 5px; font-size:11px; font-weight:bold} ul#menu_left li {padding: 0 0 5px 0} .but {background:#353491; color:#fff; font-weight:bold; font-family: tahoma; font-size:11px; border:1px solid #161551; height:17px} .in {background:#FFF; border-left:1px solid #353491; border-top:1px solid #353491; border-right:1px solid #afafd4; border-bottom:1px solid #afafd4; font-family: tahoma; font-size:11px} #menu_ad {border-top:1px solid #FFF} #menu_ad td{background:#1b279c; font-weight:bold; text-align:center; font-size:12px; padding:5px 10px} #menu_ad a {color:#FFF; text-decoration:none} #menu_ad a:hover {text-decoration:underline} /* Kerstin styles*/ .style4 {font-size: 10px} .style5 { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; } .style6 {color: #000000} .style9 { color: #000000; font-size: 10px; font-family: Arial, Helvetica, sans-serif; } .style10 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; } .style12 {font-size: 10px; font-family: Arial, Helvetica, sans-serif; } .style13 {font-family: Arial, Helvetica, sans-serif} .style16 {font-size: 18px; font-weight: bold; color: #000000; } .style23 {color: #330099; font-size: 9px; } .style25 {font-size: 20px; font-weight: bold; color: #330099; font-family: Arial, Helvetica, sans-serif; } .style26 {color: #330099; font-family: Arial, Helvetica, sans-serif; font-size: 20px;} .style27 {font-size: 12px} .style30 {font-size: 14px; font-weight: bold; color: #333399; } .style32 {color: #333399} .style33 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; } .style34 {font-size: 14px; font-weight: bold; color: #333399; font-family: Arial, Helvetica, sans-serif; } A.A-verdana11Blue:hover { font-family : Verdana, Arial, Helvetica; font-size: 10px; text-decoration: None; color: #222266; font-weight : Normal; background-color: #FFFFFF; } A.A-verdana11Blue:visited { font-family : Verdana, Arial, Helvetica; font-size: 10px; text-decoration: None; color: #222266; font-weight : Normal; } A.A-verdana11Blue:link { font-family : Verdana, Arial, Helvetica; font-size: 10px; text-decoration: None; color: #222266; font-weight : Normal; } A.A-verdana11Blue:hover { font-family : Verdana, Arial, Helvetica; font-size: 10px; text-decoration: None; color: #222266; font-weight : Normal; background-color: #FFFFFF; } td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; } .verdana9W-B { font-family: Verdana, Arial, Helvetica; color : #FFFFFF; font-weight: Bold; font-size : 9px; } .verdana12B-B { font-family: Verdana, Arial, Helvetica; color : #000000; font-weight: Normal; font-size : 12px; } .verdana14W-B { font-family: Verdana, Arial, Helvetica; color : #FFFFFF; font-weight: Bold; font-size : 14px; } .POR-Header { background-image: url(images/POR-Header.jpg) } .Header-Lines { background-image: url(images/Header-Lines.jpg) } .news-box { background-image: url(images/news-box.jpg) } .column-line { background-image: url(images/column-line.jpg) } .whiteBG { background-image: url(images/whiteBG.jpg) } .footer { background-image: url(images/footer.jpg) } #footer {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #006699;} #footer a:link {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #009900; text-decoration: none;} #footer a:visited {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #009900; text-decoration: none;} #footer a:hover {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #009900; text-decoration: underline;} #footer a:active {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #009900; text-decoration: underline;} #content {margin-left: 7px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #006699;} #content a:link {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #009900; text-decoration: none;} #content a:visited {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #009900; text-decoration: none;} #content a:hover {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #009900; text-decoration: underline;} #upcomingEvents a:active {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #009900; content: underline;} #mainNav {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff;} #mainNav a:link {font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; color: #ffffff; text-decoration: none;} #mainNav a:visited {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #ffffff; text-decoration: none;} #mainNav a:hover {font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; color: #ffff99; text-decoration: underline;} #mainNav a:active {font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; color: #ffff99; text-decoration: underline;} #topNav {margin-left: 10px; margin-top: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #006699;} #topNav a:link {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #006699; text-decoration: none;} #topNav a:visited {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #006699; text-decoration: none;} #topNav a:hover {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #009900; text-decoration: underline;} #topNav a:active {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #009900; text-decoration: underline;} #homeContent {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000033;} #homeContent a:link {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #0099CC; text-decoration: underline;} #homeContent a:visited {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #0099CC; text-decoration: underline;} #homeContent a:hover {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #0099CC; text-decoration: underline;} #homeContent a:active {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #0099CC; content: underline;} #content {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;} #content a:link {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #0099CC; text-decoration: underline;} #content a:visited {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #0099CC; text-decoration: underline;} #content a:hover {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #0099CC; text-decoration: underline;} #content a:active {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #0099CC; content: underline;} #contentTop {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;} #contentTop a:link {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #0099CC; text-decoration: underline;} #contentTop a:visited {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #0099CC; text-decoration: underline;} #contentTop a:hover {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #0099CC; text-decoration: underline;} #contentTop a:active {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #0099CC; content: underline;} #contentRight {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;} #contentRight a:link {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #000000; text-decoration: underline;} #contentRight a:visited {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #000000; text-decoration: underline;} #contentRight a:hover {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #336699; text-decoration: underline;} #contentRight a:active {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #336699; content: underline;} #subNav {margin-top: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF;} #subNav a:link {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #FFFFFF; text-decoration: none;} #subNav a:visited {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #FFFFFF; text-decoration: none;} #subNav a:hover {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #000000; text-decoration: underline;} #subNav a:active {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #000000; text-decoration: underline;} #topNav {margin-top: 5px; margin-right: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF;} #topNav a:link {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #FFFFFF; text-decoration: none;} #topNav a:visited {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #FFFFFF; text-decoration: none;} #topNav a:hover {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #CC0033; text-decoration: underline;} #topNav a:active {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #CC0033; text-decoration: underline;} #leftNav {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;} #leftNav a:link {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #FFFFFF; text-decoration: none;} #leftNav a:visited {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #FFFFFF; text-decoration: none;} #leftNav a:hover {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #990033; text-decoration: underline;} #leftNav a:active {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #990033; text-decoration: underline;} #topBox {margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #990033;} #topBox a:link {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #990033; text-decoration: underline;} #topBox a:visited {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #990033; text-decoration: underline;} #topBox a:hover {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #990033; text-decoration: underline;} #topBox a:active {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #990033; text-decoration: underline;} #rightNav {margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #990033;} #rightNav a:link {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #990033; text-decoration: underline;} #rightNav a:visited {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #990033; text-decoration: underline;} #rightNav a:hover {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #990033; text-decoration: underline;} #rightNav a:active {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #990033; text-decoration: underline;} #h2home {margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #336699;} #h2home a:link {font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; color: #336699; text-decoration: none;} #h2home a:visited {font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; color: #336699; text-decoration: none;} #h2home a:hover {font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; color: #336699; text-decoration: none;} #h2home a:active {font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; color: #336699; text-decoration: none;} li {margin-left: 10px;} #textHeader {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #990033;} .openHouse {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF6600;font-weight: bold;} .searchBG {background-image: url('file:///C:/Documents%20and%20Settings/Administrator/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/K5UNKD6B/adamnewnav/images/sresults_results_bkgd.gif'); background-repeat: repeat-x; height: 25px} #table { margin:0px; margin-bottom:0px; margin-right:0px; margin-left:0px; margin-top:0px;} #hintbox{ /*CSS for pop up hint box */ position:absolute; top: 0; background-color: lightyellow; width: 100px; /*Default width of hint.*/ padding: 3px; border:1px solid black; font:normal 11px Verdana; line-height:18px; z-index:100; border-right: 3px solid black; border-bottom: 3px solid black; visibility: hidden; } .style35 { color: #FFFFFF; font-weight: bold; font-size: 12px; } input.button { FONT-WEIGHT: bolder; FONT-SIZE: 7pt; COLOR: black; FONT-FAMILY: Arial, Verdana; TEXT-DECORATION: none } TABLE#maintable { FONT-SIZE: 100% } #leftbar { WIDTH: 165px } #leftbar A:hover { } #leftbar .headers { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; FONT: bold 110% Arial; COLOR: white; PADDING-TOP: 2px; BACKGROUND-COLOR: #C1E09E; TEXT-ALIGN: center } #leftbar .menuitems { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-IMAGE: url(arrow.gif); PADDING-BOTTOM: 0px; MARGIN: 5px auto 10px 17px; LINE-HEIGHT: 1.2em; PADDING-TOP: 0px } #leftbar .menuitems LI { BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(menuline.gif); PADDING-BOTTOM: 8px; BACKGROUND-REPEAT: no-repeat } #leftbar .menuitems LI A { FONT-WEIGHT: bold; TEXT-DECORATION: none } #leftbar2 { WIDTH: 100% } #leftbar2 A:hover { } #leftbar2 .headers { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; FONT: bold 110% Arial; COLOR: white; PADDING-TOP: 2px; BACKGROUND-COLOR: #C1E09E; TEXT-ALIGN: center } #leftbar2 .menuitems { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-IMAGE: url(arrow.gif); PADDING-BOTTOM: 0px; MARGIN: 5px auto 10px 17px; LINE-HEIGHT: 1.2em; PADDING-TOP: 0px } #leftbar2 .menuitems LI { BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(menuline.gif); PADDING-BOTTOM: 8px; BACKGROUND-REPEAT: no-repeat } #leftbar2 .menuitems LI A { FONT-WEIGHT: bold; TEXT-DECORATION: none } #middlebar { WIDTH: 165px } #middlebar A:hover { } #middlebar .headers { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; FONT: bold 110% Arial; COLOR: white; PADDING-TOP: 2px; BACKGROUND-COLOR: #C1E09E; TEXT-ALIGN: center } #middlebar .menuitems { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-IMAGE: url(arrow.gif); PADDING-BOTTOM: 0px; MARGIN: 5px auto 10px 17px; LINE-HEIGHT: 1.2em; PADDING-TOP: 0px } #middlebar .menuitems LI { BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(menuline.gif); PADDING-BOTTOM: 8px; BACKGROUND-REPEAT: no-repeat } #middlebar .menuitems LI A { FONT-WEIGHT: bold; TEXT-DECORATION: none } #middlebar2 { WIDTH: 450px } #middlebar2 A:hover { } #middlebar2 .headers { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; FONT: bold 110% Arial; COLOR: white; PADDING-TOP: 2px; BACKGROUND-COLOR: #C1E09E; TEXT-ALIGN: center } #middlebar2 .menuitems { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-IMAGE: url(arrow.gif); PADDING-BOTTOM: 0px; MARGIN: 5px auto 10px 17px; LINE-HEIGHT: 1.2em; PADDING-TOP: 0px } #middlebar2 .menuitems LI { BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(menuline.gif); PADDING-BOTTOM: 8px; BACKGROUND-REPEAT: no-repeat } #middlebar2 .menuitems LI A { FONT-WEIGHT: bold; TEXT-DECORATION: none } .headers2 { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; FONT: bold 110% Arial; COLOR: white; PADDING-TOP: 2px; BACKGROUND-COLOR: #C1E09E; TEXT-ALIGN: center } .categorylinks { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-IMAGE: url(heart.png); PADDING-BOTTOM: 0px; MARGIN: 5px auto 10px 18px; PADDING-TOP: 0px } .categorylinks LI { PADDING-BOTTOM: 1px } .categorylinks LI A { PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 3px; MARGIN-LEFT: -3px; COLOR: #4141D8; PADDING-TOP: 3px; BORDER-BOTTOM: #ececec 1px solid; TEXT-DECORATION: none } .categorylinks A:visited { COLOR: #4141D8 } .categorylinks A:hover { BACKGROUND: #551A8B; COLOR: #fff; TEXT-DECORATION: none } /* Here's a demo stylesheet used to format a menu and its content. Feel free to alter the menu layout however you want. All you have to do is ensure the script has the correct CSS property name (like 'visibility' or 'display') that you want it to change. One good resource for UL/LI formatting: http://www.alistapart.com/articles/taminglists/ Consult your favourite CSS reference for editing fonts/borders/etc. Otherwise, even if you're not very experienced at CSS, you can just go through and change the #RGB border/background colours where suitable to customise for your site! */ /* HORIZONTAL FREESTYLE MENU LAYOUT */ /* All