/* Copyright OSD Ltd, Sligo, Ireland - www.osd.ie */ /* CSS Document */ /*** page settings ***/ body, p, ul, ol, li, th, td, input, select, textarea { font:normal 13px Verdana, Arial, Helvetica, sans-serif; line-height:1.4em; color:#005594; } body { background: #bbbbbb; margin: 0px; } a:link, a:visited, a:active { text-decoration: none; color: #f9a302; } a:hover { color: #45adff; text-decoration: none; } #page_wrapper { background: url("/images/background.jpg") repeat-y top center; margin: 0px auto; padding: 0px; width:1040px; } #page_wrapper_large { background: url("/images/background-large.jpg") repeat-y top center; margin: 0px auto; padding: 0px; width:1140px; } #page_header { width:984px; clear:both; height:135px; margin: 0px auto; } #page_header h1 { background: url("/images/top-blue.jpg") no-repeat left top; height:24px; font: bold 11px Verdana, arial, sans-serif; color:#ffffff; display:block; text-align:center; padding: 5px 0px; margin: 0px; } #page_header_large { width:1084px; clear:both; height:135px; margin: 0px auto; } #page_header_large h1 { background: url("/images/top-blue-large.jpg") no-repeat left top; height:24px; font: bold 11px Verdana, arial, sans-serif; color:#ffffff; display:block; text-align:center; padding: 5px 0px; margin: 0px; } #logo { float: left; width: 530px; padding-top: 8px; display:inline; } #placer { float: right; width: 350px; display:inline; margin: 0px -3px 0px 0px; padding-bottom: 5px; } ul#slideshow { width:690px; height: 90px; max-height: 90px; list-style:none; padding:0; margin:0; z-index:50; } /* #slideshow { visibility:hidden; } */ /* Top Menu */ #menu { clear:both; margin: 5px 0px 0px 0px; padding: 0px; list-style:none; width: 979px; z-index: 10000; } .menu_large { width: 1079px !important; } #menu ul { clear:both; margin: 0; padding: 0; background: url(/images/bg-buttons.jpg) no-repeat; height: 31px; } #menu .large { clear:both; margin: 0; padding: 0; background: url(/images/bg-buttons-large.jpg) no-repeat; height: 31px; } #menu ul li { display: inline; margin: 0; padding: 0; list-style: none; } #active { color:#ffffff !important; background:#a3b8d5 !important; } .first_selected { background: #fba802 url(/images/button-hover-first.jpg) top left repeat-x !important; } /* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */ /* remove all list stylings */ .menu, .menu ul { margin: 0; padding: 0; list-style-type: none; display: block; } .menu li { border-right: 1px solid #019cec; margin: 0; padding: 0; display: block; float: left; /* move all main list items into one row, by floating them */ position: relative; /* position each LI, thus creating potential IE.win overlap problem */ z-index: 5; /* thus we need to apply explicit z-index here... */ } .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 { /* background: #3e0412 url(/images/button.jpg) repeat-x top left; */ 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; /* 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: #ffffff; } .menu ul { width: 11em; } .menu a { text-decoration: none; color: #ffffff; font: bold 12px verdana, arial, sans-serif; padding: .7em 1.15em; display: block; position: relative; } .menu a:hover, .menu li:hover>a { color: #ffffff; background: #fba802 url(/images/button-hover.jpg) top left repeat-x; } .menu a.first { } .menu a.first:hover { background: #fba802 url(/images/button-hover-first.jpg) top left repeat-x !important; } .menu li li { border-bottom: 1px solid #019cec; border-right: 0px solid #019cec; width:19em !important; text-align:left !important; background: #006ebd url(/images/button-mouseover.jpg) top left repeat-x !important; } .menu ul>li + li { border-top: 0; width:22em; text-align:left !important; } .menu li li:hover>ul { /* inset 2nd+ submenus, to show off overlapping */ top: 5px; left: 90%; } .menu_selected { color: #ffffff; background: #fba802 url(/images/button-hover.jpg) top left repeat-x; } /* Fix for IE5/Mac \*//*/ .menu a { float: left; } /* End Fix */ /*]]>*/