/* Grid dimensions */ /* Total page width: 988px */ /* Large column width: 223px */ /* Gutters: 20px */ /* Column 1 x: 20px */ /* Column 2 x: 263px */ /* Column 3 x: 506px */ /* Column 4 x: 749px */ /* formatting */ body { margin-top: 10px; margin-left: 20px; background-color: black; } ul { list-style: none; padding: 0px; margin: 0px; } a.link:link, a.link:visited { text-decoration: none; font-weight: normal; padding-top: 4px; padding-bottom: 4px; } a.link:hover { text-decoration: none; padding-top: 4px; padding-bottom: 4px; background-color: black; } .links { font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px; color: #999; } .links a.link:link, .links a.link:visited, .footer a.link:link, .footer a.link:visited, .thumb-wrapper a.link:link, .thumb-wrapper a.link:visited { padding-top: 2px; padding-bottom: 2px; } .links a.link:hover, .footer a.link:hover, .thumb-wrapper a.link:hover { padding-top: 4px; padding-bottom: 3px; } .pagination { float: left; width: 100%; height: 20px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px; color: white; padding-bottom: 36px; } #menu li a:link, #menu li a:visited { font-family: Helvetica, Arial, sans-serif; font-size: 20px; line-height: 32px; text-decoration: none; font-weight: normal; padding-left: 2px; padding-right: 2px; display: block; } #menu li a:hover, #menu li a.selected:link, #menu li a.selected:visited { text-decoration: none; } .content ul { padding-bottom: 22px; } .content li { padding-bottom: 8px; } .content li a:link, .content li a:visited { font-family: Helvetica, Arial, sans-serif; font-size: 20px; line-height: 32px; text-decoration: none; font-weight: normal; } .footer { font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px; color: #999; } .thumb, .thumb:link, .thumb:visited { border-width: 1px; border-style: solid; padding: 0; margin: 0; } .thumb:hover { border-color: black; border-width: 1px; border-style: solid; padding: 0; margin: 0; } .thumb-wrapper { font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px; color: black; } #menu li a.selected:link, #menu li a.selected:visited, #menu li a.selected:hover { color: black; background-color: none; } /* layout */ .logo { padding-top: 20px; padding-bottom: 110px; height: 45px; position: relative; } .links-container { left: 749px; top: 10px; position: absolute; width: 223px; display: block; } .content-container { width: 972px; } .content { width: 709px; float: left; } .sidebar { width: 223px; float: right; padding-right: 20px; } .footer { width: 972px; padding-bottom: 20px; clear: both; } .thumb-wrapper { float: left; vertical-align: top; width: 223px; padding-right: 20px; display: block; position: relative; padding-bottom: 29px; } /* modifiers */ .clr { margin-bottom: 20px; } .spc { margin-bottom: 4px; } .last { padding-right: 0px; } /* menu */ #menu { position: absolute; left: 17px; top: 120px; padding: 3px; } #menu li ul { position: absolute; left: 0; background-color: white; width: 237px; /* interior highlight, should equal 243 with padding */ margin: -35px 0 0 0; padding: 3px 3px 20px 3px; display: none; } #menu ul li ul { position: absolute; left: 0; background-color: white; width: 237px; /* interior highlight, should equal 243 with padding */ margin: -35px 0 0 240px; padding: 3px 3px 20px 3px; display: none; } #menu ul ul li ul { position: absolute; left: 0; background-color: white; width: 237px; /* interior highlight, should equal 243 with padding */ margin: -35px 0 0 240px; padding: 3px 3px 20px 3px; display: none; } #menu ul ul ul li ul { position: absolute; left: 0; background-color: white; width: 237px; /* interior highlight, should equal 243 with padding */ margin: -35px 0 0 240px; padding: 3px 3px 20px 3px; display: none; } /* SHOW SUBMENU 1 */ #menu li:hover ul, #menu li.over ul { display:block; } #menu li:hover ul ul, #menu li.over ul ul { display:none; } /* SHOW SUBMENU 2 */ #menu ul li:hover ul, #menu ul li.over ul { display:block; } #menu li:hover ul ul ul, #menu li.over ul ul ul { display:none; } /* SHOW SUBMENU 3 */ #menu ul ul li:hover ul, #menu ul ul li.over ul { display:block; } #menu li:hover ul ul ul ul, #menu li.over ul ul ul ul { display:none; } /* SHOW SUBMENU 4 */ #menu ul ul ul li:hover ul, #menu ul ul li.over ul { display:block; } #menu { z-index:1; } #menu ul { z-index:2; } #menu ul ul { z-index:3; } #menu ul ul ul { z-index:4; } #menu ul ul ul { z-index:5; } /* Fix IE. Hide from IE Mac \*/ * html #menu ul li { float: left; height: 1%; } * html #menu ul li a { height: 1%; } /* End */