/* #################################################### THIS IS THE CASCADING STYLE SHEET (CSS) FOR PAGE 18 Coded by Mike Cherim, http://green-beast.com/ USE YOUR BACK BUTTON TO RETURN ##################################################### */ /* This would normally be the body element */ #demobody { padding : 0; margin : 0; font : 100.1% 'lucida sans', 'lucida sans unicode', 'lucida grande', 'trebuchet ms', helvetica, arial, sans-serif; } /* This is the inner wrapper which contains the entire site */ #wrapper { width : 760px; background-color : #fff; border : 1px solid #000033; margin : 20px auto; } /* Global link styling except where specified otherwise */ a { color : #003366; } a:hover, a:focus, a:active { color : #000; text-decoration : none; } a:focus, a:active { color : #fff; background-color : #000033; } /* Jump link navigation styling */ ul#jumplinks { padding : 5px 0; margin : 0; display : block; width : 760px; height : 1.4em; background-color : #eecc11; } ul#jumplinks li { display : inline; float : right; } ul#jumplinks li a { padding : 0 10px; margin : 0 5px; } /* The masthead and h1 styling */ #header { width : 760px; height : 130px; background-color : #000033; border-top : 1px solid #000033; } #header h1 { padding : 0; margin : 0; } /* Specify the h1 link styling */ #header h1 a { display : block; width : 740px; height : 110px; padding : 10px; color : #eecc11; font-family : 'trebuchet ms', helvetica, arial, sans-serif; text-decoration : none; } #header h1 a:hover, #header h1 a:focus, #header h1 a:active { color : #fff; background : transparent; } #header h1 a:focus, #header h1 a:active { text-decoration : underline; } /* Layout the content area */ #content { float : left; display : inline; width : 480px; margin : 7px 20px; } /* The nvaigation bar positioning */ p#navbar { font-size : 0.8em; float : right; margin : -3px -25px; } /* Content elements positioning tweaks and styling */ h2, h3 { color : #6b0018; } ul { list-style-type : square; /* ADDED THIS */ padding-left : 40px; /* ADDED THIS */ margin-left : -5px; /* ADDED THIS */ } dl { margin-left : 20px; /* ADDED THIS */ } dt { font-weight : bold; /* ADDED THIS */ color : #386088; /* ADDED THIS */ } blockquote { margin-left : 20px; padding-left : 15px; border-left : 2px dotted #386088; } blockquote cite { display : block; text-align : right; font-weight : bold; color : #386088; } /* Layout the sidebar area and style its content */ #sidebar { float : right; display : inline; width : 200px; background-color : #000033; margin : 0 0 10px 10px; padding : 10px; color : #fff; } #sidebar h3 { color : #eecc11; } #sidebar a { color : #ccc; } #sidebar a:hover, #sidebar a:focus, #sidebar a:active { color : #eecc11; } #sidebar a:focus, #sidebar a:active { background-color : #003366; } /* Style the main navigation menu */ ul#navmenu { margin : 0; padding : 0; list-style-type : none; } ul#navmenu li { margin-bottom : 5px; } ul#navmenu a { display : block; width : 190px; height : auto; background-color : #003366; padding : 5px 5px 3px; text-align : right; text-decoration : none; color : #eecc11; cursor : pointer; } ul#navmenu a:hover, ul#navmenu a:focus, ul#navmenu a:active, ul#navmenu a.selected, ul#navmenu a.selected:hover, ul#navmenu a.selected:focus, ul#navmenu a.selected:active { background-color : #386088; color : #fff; } ul#navmenu a.selected { text-align : left; cursor : default; } ul#navmenu a:hover, ul#navmenu a:focus, ul#navmenu a:active { background-color : #333; color : #fff; } /* Layout the footer */ #footer { clear : both; width : 740px; height : auto; padding : 10px; background-color : #000033; text-align : center; font-size : 0.9em; } /* Style the various footer elements */ #footer p { color : #ddd; margin : 5px; padding-top : 10px; } ul#footnav { margin : 0; padding : 0; } ul#footnav li { display : inline; } ul#footnav li a { padding : 0 5px; color : #eecc11; } #footer a { padding : 0; color : #ddd; } #footer a:hover, #footer a:focus, #footer a:active { color : #eecc11; } ul#footnav li a:hover, ul#footnav li a:focus, ul#footnav li a:active { color : #fff; text-decoration : none; } #footer a:focus, #footer a:active, ul#footnav li a:focus, ul#footnav li a:active { background-color : #003366; }