body { border: none; margin: 0; padding: 0; background: #ffffff none repeat scroll 0%; width: 100%; min-width: 600px; font-size: 90%; } a { color: #336699; } a:hover { background: #ffffff none repeat scroll 0%; color: #336699; text-decoration: none; } h1, h2, h3 { margin: 0.8em 0 0.2em; padding: 0; } p { margin: 0.4em 0 0.8em; padding: 0; } img { border-style: none; margin: 10px 0 5px; } #header { clear: both; float: left; width: 100%; } #header p, #header h1, #header h2 { border-style: none; margin: 0; padding: 0.4em 15px 0; } #layoutdims { border-top: 4px solid #000000; margin: 0; padding: 6px 15px ! important; background: #ffffff none repeat scroll 0%; clear: both; text-align: right; } .colmask { position: relative; clear: both; float: left; width: 100%; overflow: hidden; } .colright, .colmid, .colleft { float: left; width: 100%; position: relative; } .col1, .col2, .col3 { padding: 0 0 1em; float: left; position: relative; overflow: hidden; } .rightmenu { background: #ffffff none repeat scroll 0% 50%; } .rightmenu .colleft { background: #ffffff none repeat scroll 0% 50%; right: 25%; } .rightmenu .col1 { width: 71%; left: 27%; } .rightmenu .col2 { width: 21%; left: 31%; } #footer { border-top: 1px solid #000000; clear: both; float: left; width: 100%; } #footer p { margin: 0; padding: 10px; } /* Main menu settings */ #centeredmenu { clear:both; float:left; margin:0; padding:0; border-bottom:1px solid #000; /* black line below menu */ width:100%; font-family:Verdana, Geneva, sans-serif; /* Menu font */ font-size:90%; /* Menu text size */ z-index:1000; /* This makes the dropdown menus appear above the page content below */ position:relative; } /* Top menu items */ #centeredmenu ul { margin:0; padding:0; list-style:none; float:right; position:relative; right:50%; } #centeredmenu ul li { margin:0 0 0 1px; padding:0; float:left; position:relative; left:50%; top:1px; } #centeredmenu ul li a { display:block; margin:0; padding:.6em .5em .4em; font-size:1em; line-height:1em; background:#ddd; text-decoration:none; color:#444; font-weight:bold; border-bottom:1px solid #000; } #centeredmenu ul li.active a { color:#fff; background:#000; } #centeredmenu ul li a:hover { background:#36f; /* Top menu items background colour */ color:#fff; border-bottom:1px solid #03f; } #centeredmenu ul li:hover a, #centeredmenu ul li.hover a { /* This line is required for IE 6 and below */ background:#36f; /* Top menu items background colour */ color:#fff; border-bottom:1px solid #03f; } /* Submenu items */ #centeredmenu ul ul { display:none; /* Sub menus are hiden by default */ position:absolute; top:2em; left:0; right:auto; /*resets the right:50% on the parent ul */ width:10em; /* width of the drop-down menus */ } #centeredmenu ul ul li { left:auto; /*resets the left:50% on the parent li */ margin:0; /* Reset the 1px margin from the top menu */ clear:left; width:100%; } #centeredmenu ul ul li a, #centeredmenu ul li.active li a, #centeredmenu ul li:hover ul li a, #centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */ font-size:.8em; font-weight:normal; /* resets the bold set for the top level menu items */ background:#eee; color:#444; line-height:1.4em; /* overwrite line-height value from top menu */ border-bottom:1px solid #ddd; /* sub menu item horizontal lines */ } #centeredmenu ul ul li a:hover, #centeredmenu ul li.active ul li a:hover, #centeredmenu ul li:hover ul li a:hover, #centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */ background:#36f; /* Sub menu items background colour */ color:#fff; } /* Flip the last submenu so it stays within the page */ #centeredmenu ul ul.last { left:auto; /* reset left:0; value */ right:0; /* Set right value instead */ } /* Make the sub menus appear on hover */ #centeredmenu ul li:hover ul, #centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */ display:block; /* Show the sub menus */ }
