/* CSS Document */ * { margin: 0px; padding: 0; } h1 { font-size: x-large; color: #344b7a; font-family:Helvetica, Verdana, Arial, Sans-Serif; } h2 { font-size: large; color: #344b7a; font-family:Helvetica, Verdana, Arial, Sans-Serif; } h2 a { font-size: large; color: #344b7a; font-family:Helvetica, Verdana, Arial, Sans-Serif; text-decoration:underline; } a: hover { text-decoration: none; color: #000; } p,ul { font-family:Helvetica, Verdana, Arial, Sans-Serif; font-size: 12px; } li, { font-family:Helvetica, Verdana, Arial, Sans-Serif; font-size: 15px; } a { text-decoration: none; color: #876a10; } a:hover { text-decoration:underline; color: #000; } .style1 { font-size: x-large; color: #333; } #container { width: 810px; margin-top: 0px; margin: auto; overflow: auto; background-image: url(header.jpg); background-repeat: no-repeat; } #header { width: 810px; height: 89px; } #topnav { color: #fff; text-align: center; font-size: 14px; float: left; } #topnav li { font-size: 15px; color: #fff; display:block; display: inline; list-style-type: none; text-align: center; } #topnav li a { background: url(button1.jpg) #fff bottom left repeat-x; height: 3em; font-variant: small-caps; line-height: 3em; float: left; width: 9em; display: block; color: #fff; text-decoration: none; text-align: center; } #topnav li a:hover { background-image: url(button2.jpg); font-variant: small-caps; color: #000; } #contentcontainer {margin-top: 10px; float: left; display: inline; width: 810px; } #slideshow { width: 810px; background: #999999; height: 269px; float: left; } #text { margin:auto; width: 750px; background-image: url(water.jpg); text-align: center; } #text li { font-family:Helvetica, Verdana, Arial, Sans-Serif; font-size: 12px; } #textz { padding-top: 1px; overflow: hidden width: 750px; float:left; margin-top: 35px; } #texts { padding: 18px; padding-top: 16px; width: 578px; margin-top: 35px; } img.floatLeft { float: left; margin-right: 15px; text-decoration: none; padding-bottom: 10px; } img.floatRight { float: right; margin: 0px; text-decoration: none; padding-left: 10px; padding-bottom: 10px; } #footer { clear: both; background: #fff; color:#000; text-align: right; padding-right: 10px; } #footer a { color: #344b7a; text-decoration: none; } #footer a:hover { color: #000; text-decoration: none; } /* page styling, unimportant for the menu. only makes the page looks nicer */ body { font-family: Calibri, "Trebuchet MS", sans-serif; font-size: 100%; } h1 {font-size: 2em;} h2 {font-size: 1.5em;} .example { background: #dddca6; padding: 0px; } /* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */ /* remove all list stylings */ .menu, .menu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; } .menu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; } .menu li:hover { z-index: 10000; /* ...and here. this makes sure active item is always above anything else in the menu */ white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */ } .menu li li { float: none;/* items of the nested menus are kept on separate lines */ } .menu ul { visibility: hidden; /* initially hide all submenus. */ position: absolute; z-index: 10; left: 0; /* while hidden, always keep them at the top left corner, */ top: 0; /* to avoid scrollbars as much as possible */ } .menu li:hover>ul { visibility: visible; /* display submenu them on hover */ top: 100%; /* 1st level go below their parent item */ } .menu li li:hover>ul { /* 2nd+ levels go on the right side of the parent item */ top: 0; left: 100%; } /* -- float.clear -- force containment of floated LIs inside of UL */ .menu:after, .menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .menu, .menu ul { /* IE7 float clear: */ min-height: 0; } /* -- float.clear.END -- */ /* -- sticky.submenu -- it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly! if you do it, make sure you 110% know what you do */ .menu ul { background-image: url(empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; /*background: #f00;*/ /* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */ } .menu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } /* -- sticky.submenu.END -- */ /* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */ .menu, .menu ul li { color: #eee; background-color: #000; } .menu ul { width: 11em; } .menu a { text-decoration: none; color: #eee; padding: .4em 1em; display: block; position: relative; } .menu a:hover, .menu li:hover>a { color: #fc3; } .menu li li { /* create borders around each item */ border: 1px solid #ccc; } .menu ul>li + li { /* and remove the top border on all but first item in the list */ border-top: 0; } .menu li li:hover>ul { /* inset 2nd+ submenus, to show off overlapping */ top: 5px; left: 90%; } /* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu placed here to clarify the terminology I use when referencing submenus in posts */ .menu>li:first-child>a, .menu li + li + li li:first-child>a { color: #8989c6; } /* Fix for IE5/Mac \*//*/ .menu a { float: left; } /* End Fix */ /*]]>*/