menu, logo, page title

*******************************************************************************/ /* note LSC colors are navy blue and white - not green and white */ /* note LSC colors are actually 'Royal Blue' and white */ /* W3C defines royalblue = #002366 */ /* kit color as supplied by Adidas etc appears to be a darker blue than in photos http://www.soccer.com/Images/Catalog/ProductImages/600/573191.RO.JPG (36, 84, 148) http://eteamz.active.com/laurelwildcatsgirls90/images/StateCupChamps.jpg more like http://www.shopadidas.com/product/index.jsp?productId=2650276&shopGroup=R&cp=2019627.2039608.2039611.2019536&view=all&parentPage=family&colorId= light chest area (10, 55, 146) dark belly area ( 1, 38, 119) i.e. a slightly cyanose blue Wikipedia http://en.wikipedia.org/wiki/Royal_blue traditional #002366 (0, 35, 102) webcolor #4169e1 (65, 105, 225) note 0000CD (mediumblue) is color selected by Mike McD for a good match) RoyalBlue1 X 72;118;255 4876FF RoyalBlue2 X 67;110;238 436EEE RoyalBlue3 X 58;95;205 3A5FCD RoyalBlue4 X 39;64;139 27408B RoyalBlue5 X 0;34;102 002266 026 http://tx4.us/moacolor.htm Flag Blue is #002366 0,35,102 Royal Blue is #4169E1 65,105,225 brilliant blue, medium vivid cold azure-blue #0044FF 0,68,255 For scalable intensity, use a base color with integral ratios on 2^n scale selected for logo (4:1::blue:green) - 32 shades 003FFF (0,63,255) 003DF7 003BEF 0039E7 0037DF 0035D7 0033CF 0031C7 002FBF 002DB7 002BAF 0029A7 00279F 002597 00238F 002187 001F7F 001D77 001B6F 001967 00175F 001557 00134F 001147 000F3F 000D37 000B2F 000927 00071F 000517 00030F 000107 000000 */ html { height: 100%; /* Required */ } #global { /* centering box */ position :relative; margin:0px auto; width : 60em; /* 800px;*/ } * html #nonFooter { height: 100%; } body { margin:50px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */ text-align:center; /*Hack for IE5/Win */ height : 100%; /*required*/ font-size : 10pt; font-family : tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 80%; color : black; background : #f7f7ff; margin : 0px; padding : 0px; } #header { position : absolute; left : 0em; top : 0em; padding : none; margin : none; width : 100%; /*60.5em;*/ z-index : 8; /* less than menu */ } #content { position : absolute; left : 0em; top : 6em; padding : 1em 1em 1em 1em; width : 100%; /*62em;*/ clear : both; margin : 0em; text-align : left; z-index : 5; /* less than menu / header */ /*border-style:solid;*/ } #content p{ padding-right : 10px; font-size : 12pt; line-height : normal; margin-top : 13px; margin-bottom : 13px; } #content ul, #content ol { margin-left: 2em; } #footer { /* footer is last item in content */ clear : top; color : black; background : #eee; width : 100%; /*60em;*/ font-size : 8pt; line-height : 30px; text-align : center; padding : 0em; margin : auto; margin-top : 1em; clear : both; } html > body #content { width : 60em; } a { text-decoration: none; } a:link { color : #00A; background : inherit; } a:visited { color : #00E; background : inherit; } a:active { color : blue; background : inherit; } a:hover { text-decoration: underline; } h1 { text-align : center; padding : 0 0 0.25em 0; margin : 0; } hr { height : 5px; background : #003FFF; } /* menu stuff - adapted from http://www.alistapart.com/articles/dropdowns/ */ #menu { list-style : none; width : 60em; padding : 0em; margin : 1em; position : absolute; left :0px; z-index : 9; /*highest = uppermost so popouts show over form elements etc*/ color : black; background : transparent; } /* link styles */ #menu a { color : #03F; background : inherit; text-decoration : none; font-weight : bold; } #menu a:link { color : #03F; background : inherit; } #menu a:visited { color : #02B; background : #inherit; } #menu a:active { color : red; background : inherit; } #menu ul { list-style : none; padding-left : 0.5em; margin : 0; } #menu li { padding-left : 0.5em; float : left; position : relative; width : 8em; /* width of first level elements */ text-align : left; color : #777; background : white; background : url(/template/menuback.gif) top left no-repeat; border-bottom : 1px solid #7d6340; } #menu li a:hover { color : #F00; background : inherit; text-decoration : underline; } /* pop out */ #menu li ul { display : none; position : absolute; top : 100%; left : 0; font-weight : normal; background : url(/template/menuback.gif) bottom left no-repeat; padding-left : 0.5em; border-right : none; /*dlm solid 1px #7d6340;*/ } /* reset top and left properties on all but IE*/ #menu li > #menu ul { top : auto; left : auto; } #menu li:hover ul, #menu li.over ul { display : block; } #menu li#first { border-left-width : 1em; } #menu li#last { border-right-width : 1em; } /* 2nd level */ #menu li li { display : block; float : none; background : transparent; color : inherit; border : 0; padding-left : 0.5em; padding-right : 0.5em; } #menu li li a { display : block; font-weight : normal; color : #006; background : inherit; } #menu li li a:hover { border-width : 0 5px; color : #F00; background : inherit; } /* paragraphs containing images */ #menu p { clear : left; color : inherit; background : url(/template/ball_s.png) center left no-repeat; padding : 1em 1em 0 1em; margin : 0; } #menu p.image { float : right; font-size : 0.8em; text-align : center; color : #7d4063; background : inherit; padding : 1.25em 1.25em 0.25em 0.25em; } #menu p.image img { display : block; border : 1px solid #7d6340; } /* logo and headline classes only used in header */ img.logo { position : relative; top : 2px; right : 2px; z-index : 1; /* bottom of stack */ float : right; border : 0; } .headline { position : absolute; left : .5em; top : 2.5em; color : #003FFF; background : inherit; font-size : 16pt; } /* *********************************************************************** */ /* *********************************************************************** */ marquee { font-size : 75%; color : red; background-color : yellow; border-top : 1px solid #000000; border-left : 1px solid #000000; border-bottom : 1px solid #000000; border-right : 1px solid #000000; } #message { position : absolute; top : 2.5em; left : 1em; /*left : 0em;*/ width : 50em; z-index :0; } #copyright { margin-top : 15px; padding : 10px; font-size : 75%; color : black; background-color : #C6D6CD; border-top : 1px solid #000000; border-right : 1px solid #000000; border-bottom : 1px solid #000000; } #address { color : black; background-color : #C6D6CD; border-top : 1px solid #000000; border-left : 1px solid #000000; border-right : 1px solid #000000; border-bottom : 1px solid #000000; padding : 10px; text-align : center; } dt { font-weight : bold; color : #000; background-color : #eee; } dd { color : #000; background-color : #fff; } .photo { padding : 2px; border : 1px solid #AAAAAA; margin : 5px; } TH { font-size : 10pt; } TD { font-size : 10pt; } .title *{ font-weight : bold; font-size : 140%; z-index 1; } table.alternate { } table.alternate td { padding: 0.2em 2ex 0.2em 2ex; color: black; background-color : white; } table.alternate tr.a0 td { color : black; background-color: #FFFFFF; } table.alternate tr.a1 td { color : black; background-color: #E0E0E0; } table.tri { border-width : 2px; padding : 4px; background-color : white; width : 100%; } table.tri td { padding : 0.2em 2ex 0.2em 2ex; color : black; background-color : white; } table.tri tr.a0 td { color : black; background-color : #a2c7e6; } table.tri tr.a1 td { color : black; background-color : #bdf; } table.tri tr.hdr td{ color : white; background-color : #003FFF; text-align : center; font-weight : bold; } table.tri tr.hdr th{ color : white; background : #003FFF; text-align : center; font-weight : bold; } table.tri tr.a0 th{ color : white; background : #003FFF; text-align : center; font-weight : bold; } table.tri tr.a1 th{ color : white; background : #003FFF; text-align : center; font-weight : bold; } table.tri tr.ftr td { color : white; background-color : black; text-align : center; } table.tri td.wt { color : black; background-color : white; text-align : center; } table.links { } table.links th { padding: 0.2em 2ex 0.2em 2ex; font-size : 10pt; background: #f0f0f0; color: black; } table.links td { padding: 0.2em 2ex 0.2em 2ex; color: black; background-color : white; } /* news table containing successive title, id, item groups */ #news_tab { text-align : left; font-size : 10pt; } .news_item { text-align : left; font-size : 10pt; color : black; } .news_title { text-align : left; font-size : 12pt; color : red; text-decoration : bold underline; } .news_id { text-align : right; font-size : 8pt; color : blue; }