body { padding:0px; margin:0px; color:#333; text-align:center; background:url(../img/page/bkg-chex1.gif) #000; } #container { position:relative; width:760px; margin:0px auto; padding:0px; color:#fff; background-color:#333; text-align:left; } #header { position:relative; width:760px; height:115px; margin:0px; padding:0px; background-image:url(../img/page/hp-header1.gif); background-repeat:no-repeat; } #title { width:760px; height:100px; margin:0px; padding:0px; text-align:center; color:#fff; background-color:#666; } /***************************************************************/ /******* F U L L 7 6 0 W I D T H L A Y O U T ***********/ #content760 { position:relative; width:760px; margin:0px; padding:0px; } /****** ONE COLUMN ***********************/ #content760-top1 { width:760px; height:25px; margin:0px; padding:0px; background:url(/img/page/content-760-top-1.jpg) no-repeat; clear:both; } #content760-mid1 { width:760px; margin:0px; padding:0px; background:url(/img/page/content-760-mid-1.jpg); background-repeat:repeat-y; text-align:center; border:0px solid green; } #content760-bot1 { width:760px; height:25px; margin:0px; padding:0px; background:url(/img/page/content-760-bot-1.jpg) no-repeat; clear:both; } #column640 { width:640px; margin:0px auto; padding:20px; color:#333; background-color:#fff; border:0px solid blue; } #column600 { display:inline; float:left; width:600px; margin-left:50px; margin-right:50px; padding:20px; color:#333; background-color:#fff; border:0px solid blue; } #column560 { width:560px; margin:10px auto; padding:20px; color:#333; background-color:#ddd; border:1px solid red; text-align:left; } #column580 { width:580px; margin:10px auto; padding:20px; color:#333; background-color:#ddd; border:1px solid red; text-align:left; } #column420 { width:420px; margin:10px auto; padding:10px; color:#333; background-color:#ddd; border:1px solid red; text-align:left; line-height:1.25 } /****** TWO COLUMNS **********************/ #content760-2col { width:760px; margin:0px; padding:0px; background:url(/img/page/content-760-mid-2col.jpg); background-repeat:repeat-y; position:relative; } #content760-top2 { width:760px; height:25px; margin:0px; padding:0px; background:url(/img/page/content-760-top-2.jpg); ; background-repeat:no-repeat; clear:both; } #content760-mid2 { width:760px; margin:0px; padding:0px; background:url(/img/page/content-760-mid-2.jpg); background-repeat:repeat-y; } #content760-mid-2col { width:760px; margin:0px; padding:0px; background:url(/img/page/content-760-mid-2col.jpg); background-repeat:repeat-y; } #content760-bot2 { width:760px; height:25px; margin:0px; padding:0px; background:url(/img/page/content-760-bot-2.jpg) ; background-repeat:no-repeat; clear:both; } #column250-thinleft { display:inline; float:left; width:220px; margin-left:20px; margin-right:10px; padding:0px; text-align:center; color:#333; background-color:#fff; border:0px solid black; font-size:11px; font-family:verdana,arial,sans serif; font-weight:500; color:#333; background-color:#FFF; line-height:1.0; } #column510-wideright { display:inline; float:right; width:470px; margin-left:15px; margin-right:15px; padding:0px; color:#333; background-color:#fff; border:0px solid black; } .columnLeft { display:inline; float:left; width:220px; margin-left:20px; margin-right:10px; padding:0px; text-align:center; border:0px solid black; font-size:11px; font-family:verdana,arial,sans serif; font-weight:500; color:#333; background-color:#FFF; line-height:1.0; } .columnRight { display:inline; float:right; width:470px; margin-left:15px; margin-right:20px; padding:0px; color:#333; background-color:#fff; border:0px solid black; } .topic1 { width:760; margin:5px 0px;} .clickSong { margin:5px 0px;} #column340-left { display:inline; float:left; width:340px; margin-left:25px; margin-right:10px; padding:0px; color:#333; background-color:#fff; border:0px solid black; } #column340-right { display:inline; float:right; width:340px; margin-left:10px; margin-right:25px; padding:0px; color:#333; background-color:#fff; border:0px solid black; } #column480-wideleft { display:inline; float:left; width:480px; margin-left:25px; margin-right:10px; padding:0px; color:#333; background-color:#fff; border:0px solid black; } #column200-thinright { display:inline; float:right; width:200px; margin-left:10px; margin-right:25px; padding:0px; color:#333; background-color:#fff; border:0px solid black; } #column200-thinleft { display:inline; float:left; width:200px; margin-left:25px; margin-right:10px; padding:0px; color:#333; background-color:#fff; border:0px solid black; } #column480-wideright { display:inline; float:right; width:480px; margin-left:10px; margin-right:25px; padding:0px; color:#333; background-color:#fff; border:0px solid black; } /***************************************************************/ /******* M U L T I - C O L U M N L A Y O U T ***************/ #content-multi-760 { position:relative; width:760px; margin:0px; padding:0px; } #column-multi-left { display:inline; float:left; width:250px; margin:0px; padding:0px; } #column-250-top { width:250px; height:25px; margin:0px; padding:0px; background:url(/img/page/content-250-top-1.jpg) no-repeat; clear:both; } #column-250-mid { width:250px; margin:0px; padding:0px; background:url(/img/page/content-250-mid-1.jpg) repeat-y; } #column-250-bot { width:250px; height:25px; margin:0px; padding:0px; background:url(/img/page/content-250-bot-1.jpg) no-repeat; clear:both; } #content-250 { width:210px; margin:0px; padding:0px; color:#333; background-color:#fff; } #column-multi-right { width:510px; margin:0px; padding:0px; display:inline; float:right; } #column-510-top { width:510px; height:25px; margin:0px; padding:0px; background:url(/img/page/content-510-top-1.jpg) no-repeat; clear:both; } #column-510-mid { width:510px; margin:0px; padding:0px; background:url(/img/page/content-510-mid-1.jpg) repeat-y; } #column-510-bot { width:510px; height:25px; margin:0px; padding:0px; background:url(/img/page/content-510-bot-1.jpg) no-repeat; clear:both; } #content-510 { width:460px; margin:0px; padding:0px; text-align:left; font-family:verdana,arial,sans-serif; font-size:11px; font-weight:500; color:#333; background-color:#fff; } /***************************************************************/ /******* S P A C E R S **************************************/ .spacer760x20 { width:760px; height: 10px; margin:0px; padding:0px; clear:both; } #spacer760x20 { width:760px; height: 20px; margin:0px; padding:0px; background-color:#333; color:#fff; clear:both; } .spacer760x20 { width:760px; height: 20px; margin:0px; padding:0px; color:#fff; clear:both; } #spacer760x30 { width:760px; height: 30px; margin:0px; padding:0px; background-color:#333; color:#fff; clear:both; } #spacer450x20 { width:450px; height: 20px; margin:0px; padding:0px; background-color:#fff; color:#333; clear:both; } #spacer450x50 { width:450px; height: 50px; margin:0px; padding:0px; background-color:#fff; color:#333; clear:both; } #spacer460x20 { width:460px; height: 20px; margin:0px; padding:0px; background-color:#fff; color:#333; clear:both; } #spacer460x50 { width:460px; height: 50px; margin:0px; padding:0px; background-color:#fff; color:#333; clear:both; } .spacer460x25 { width:460px; height: 25px; margin:0px; padding:0px; background-color:#fff; color:#333; clear:both; } .spacer460x50 { width:460px; height: 50px; margin:0px; padding:0px; background-color:#fff; color:#333; clear:both; } .spacer460x100 { width:460px; height:100px; margin:0px; padding:0px; background-color:#fff; color:#333; clear:both; } /****** LEFT COLUMN ****************************/ .spacer220x10 { width:220px; height:10px; margin:0px; padding:0px; clear:both; } .spacer220x25 { width:220px; height:25px; margin:0px; padding:0px; clear:both; } .spacer220x50 { width:220px; height:50px; margin:0px; padding:0px; clear:both; } .spacer220x75 { width:220px; height:75px; margin:0px; padding:0px; clear:both; } .spacer220x100 { width:220px; height:100px; margin:0px; padding:0px; clear:both; } .spacer220x125 { width:220px; height:125px; margin:0px; padding:0px; clear:both; } .spacer220x150 { width:220px; height:150px; margin:0px; padding:0px; clear:both; } .spacer220x200 { width:220px; height:200px; margin:0px; padding:0px; clear:both; } .spacer220x250 { width:220px; height:250px; margin:0px; padding:0px; clear:both; } .spacer220x300 { width:220px; height:300px; margin:0px; padding:0px; clear:both; } .spacer220x350 { width:220px; height:350px; margin:0px; padding:0px; clear:both; } .spacer220x400 { width:220px; height:400px; margin:0px; padding:0px; clear:both; } .spacer220x500 { width:220px; height:500px; margin:0px; padding:0px; clear:both; } #centered { text-align:center; } .centered { text-align:center; } .righted { text-align:right; } #left-content { width:600px; margin:0px auto; padding:0px 15px; text-align:left; border:0px solid #000; font-size:12px; font-family:verdana,arial,sans-serif; font-weight:500; line-height:1.5; color:#333; background-color:#fff; } .hi-line { line-height:1.5; } /***************************************************************/ /******* I M A G E S T Y L E S ****************************/ img { border:0px; } img.img22x22 { width: 22px; height: 22px; margin:0px 3px; padding:0px; vertical-align:middle; } img.img220x100 { width:220px; height:100px; margin:0px; padding:0px; clear:both; } img.img220x120 { width:220px; height:120px; margin:0px; padding:0px; clear:both; } img.img220x125 { width:220px; height:125px; margin:0px; padding:0px; clear:both; } img.img220x160 { width:220px; height:160px; margin:0px; padding:0px; clear:both; } img.img220x175 { width:220px; height:175px; margin:0px; padding:0px; clear:both; } img.img220x200 { width:220px; height:200px; margin:0px; padding:0px; clear:both; } img.img220x220 { width:220px; height:220px; margin:0px; padding:0px; clear:both; } img.img220x250 { width:220px; height:250px; margin:0px; padding:0px; clear:both; } img.img220x275 { width:220px; height:275px; margin:0px; padding:0px; clear:both; } img.img220x300 { width:220px; height:300px; margin:0px; padding:0px; clear:both; } img.img220x320 { width:220px; height:320px; margin:0px; padding:0px; clear:both; } img.img220x325 { width:220px; height:320px; margin:0px; padding:0px; clear:both; } img.img220x350 { width:220px; height:350px; margin:0px; padding:0px; clear:both; } img.img220x380 { width:220px; height:380px; margin:0px; padding:0px; clear:both; } img.img220x400 { width:220px; height:400px; margin:0px; padding:0px; clear:both; } img.img220x500 { width:220px; height:500px; margin:0px; padding:0px; clear:both; } img.img220x550 { width:220px; height:550px; margin:0px; padding:0px; clear:both; } img.img500x375 { width:500px; height:375px; margin:0px; padding:0px; clear:both; } img.vidcam1 { width: 33px; height: 24px; margin:0px 4px; padding:0px; vertical-align:middle; } img.vidslide { width:340px; height:260px; margin:0px; padding:0px; vertical-align:middle; border:#666 6px ridge; } img.divider { width:460px; height: 2px; margin-top:10px; margin-bottom:10px; border:0px; text-align:left; clear:both; } img.slideshow { width:300px; height: 50px; margin:0px; border:0px; clear:both; } .redline460-1 { width:460px; height: 2px; padding:0px; margin:8px 0px; border-bottom:#F22228 1px solid; clear:both; } .redline460-2 { width:460px; height: 2px; padding:0px; margin:8px 0px; border-bottom:#F22228 2px solid; clear:both; } .redline600-1 { width:600px; height: 2px; padding:0px; margin:8px 0px; border-bottom:#F22228 1px solid; clear:both; } .redline640-1 { width:640px; height: 2px; padding:0px; margin:8px 0px; border-bottom:#F22228 1px solid; clear:both; } .redline640-2 { width:640px; height: 2px; padding:0px; margin:8px 0px; border-bottom:#F22228 2px solid; clear:both; } .redline660-1 { width:660px; height: 2px; padding:0px; margin:8px 0px; border-bottom:#F22228 1px solid; clear:both; } .redline660-2 { width:660px; height: 2px; padding:0px; margin:8px 0px; border-bottom:#F22228 2px solid; clear:both; } /***************************************************************/ /**************** L I S T S S T A R T H E R E **********/ /**** use the padding to control distance to left margin! ******/ ul.content1 { margin:5px 0px 10px 0px; list-style-position:outside; padding-left:20px; list-style-type:square; } dl.content1 { margin:5px 0px 10px 0px; list-style-position:outside; padding-left:20px; list-style-type:none; } ol.content1 { margin-top:.25em; margin-bottom: 1em; list-style-position:outside; margin-left:20px; } li.content1 { margin:6px 0px; } dd.content1 { margin:6px 0px; } ul.content2 { margin:5px 0px 15px 0px;; list-style-position:outside; padding-left:20px; list-style-type:disc; } li.content2 { margin:10px; } ul.subcontent1 { margin:5px 0px; list-style-position:outside; padding-left:20px; list-style-type:disc; } ol.subcontent1 { margin:5px 0px; list-style-position:outside; padding-left:20px; } li.subcontent1 { margin:3px 0px; } ul.subcontent2 { margin:1px 0px; list-style-position:outside; padding-left:20px; list-style-type:disc; } ol.subcontent2 { margin:5px 0px; list-style-position:outside; padding-left:20px; } li.subcontent2 { margin:1px 0px; } ul.dev { margin-top:1em; margin-bottom: 5px; } ol.dev { margin-top:1em; margin-bottom: 5px; } ol.list { margin-top:.25em; margin-bottom: .25em; } li.dev { margin-top:1em; line-height:1.25;} ul.dev10 { margin-top:25px; margin-bottom:25px; } li.dev10 { margin-top:25px; margin-bottom:25px; line-height:1.25;} ul.cd { list-style-image: url(../img/cd-sm16x16.gif); list-style-position:outside; padding-left:10px; list-style-type:disc; } li.cd { vertical-align:middle; padding:0px 4px:} ul.vidx { list-style-image: url(../img/video1.gif); list-style-position:outside; padding-left:10px; list-style-type:disc; } li.vidx { vertical-align:top; padding:0px 4px:} ul.vid { list-style-type:none; padding:0px; margin:0px; } li.vid { background-image: url(../img/video1.gif); height:50px; background-repeat:no-repeat; background-position:0em 0em; padding-left: 4em; margin:0px 0px; border-bottom:0px solid black} .bigred { font-family:verdana,arial,sans-serif; font-size:20px; font-weight:700; color:#F00; background-color:#fff;} blockquote { margin:5px 15px; padding:0px; } a.links:link { font-weight:bold; text-decoration:underline; color:#f22228; background-color:#fff; } a.links:visited { font-weight:bold; text-decoration:underline; color:#f22228; background-color:#fff; } a.links:hover { font-weight:bold; text-decoration:overline underline; color:#ff0033; background-color:#fff; } a.links:active { font-weight:bold; text-decoration:overline underline; color:#f22228; background-color:#fff; } a.w-links:link { font-weight:500; text-decoration:underline; color:#fff; background-color:#333; } a.w-links:visited { font-weight:500; text-decoration:underline; color:#eee; background-color:#333; } a.w-links:hover { font-weight:500; text-decoration:overline underline; color:#ff0033; background-color:#333; } a.w-links:active { font-weight:500; text-decoration:overline underline; color:#f22228; background-color:#333; } p.para { margin-top:.4em; margin-bottom:.4em;} p.para-in { margin-top:.5em; margin-bottom:.5em; text-indent:2.5em;} p.para-ind { margin-top:.5em; margin-bottom:.5em; text-indent:2.5em;} h1 { font-family:"Trebuchet MS",verdana,arial,sans-serif; font-size:24px; font-weight:500; text-align:center; letter-spacing:1px; line-height: 2.0; margin:0px; } h1.small { font-family:"Trebuchet MS",verdana,arial,sans-serif; font-size:22px; font-weight:500; text-align:center; letter-spacing:0px; line-height:1.25; margin:0px; } h1.short { font-family:"Trebuchet MS",verdana,arial,sans-serif; font-size:24px; font-weight:500; text-align:center; letter-spacing:1px; line-height:1.25; margin:0px; } h2 { font-family:"Trebuchet MS",verdana,arial,sans-serif; font-size:18px; font-weight:500; text-align:center; letter-spacing:1px; line-height:1.25; margin:0px; } h3 { font-family:"Trebuchet MS",verdana,arial,sans-serif; font-size:14px; font-weight:700; text-align:left; letter-spacing:0px; line-height:1.25; margin:0px; } h4 { font-family:"Trebuchet MS",verdana,arial,sans-serif; font-size:13px; font-weight:700; text-align:left; letter-spacing:0px; line-height:1.15; margin:0px; padding-bottom:1px; border-bottom:#333 1px solid; } h4.big { font-family:"Trebuchet MS",verdana,arial,sans-serif; font-size:15px; font-weight:700; text-align:left; letter-spacing:0px; line-height:1.15; margin:3px 0px; padding-bottom:1px; border-bottom:#333 1px solid; } .g10, .g10j, .v10, .v10j, .v10b, .v10r, .v10c, .v10bc { font-size:10px; } .g11, .g11j, .v11, .v11j, .v11b, .v11r, .v11c, .v11bc { font-size:11px; } .g12, .g12j, .v12, .v12j, .v12b, .v12r, .v12c, .v12bc { font-size:12px; } .g13, .g13j, .v13, .v13j, .v13b, .v13r, .v13c, .v13bc { font-size:13px; } .g14, .g14j, .v14, .v14j, .v14b, .v14r, .v14c, .v14bc { font-size:14px; } .g16, .g16j, .v16, .v16j, .v16b, .v16r, .v16c, .v16bc { font-size:16px; } .g18, .g18j, .v18, .v18j, .v18b, .v18r, .v18c, .v18bc { font-size:18px; } .g20, .g20j, .v20, .v20j, .v20b, .v20r, .v20c, .v20bc { font-size:20px; } .g24, .g24j, .v24, .v24j, .v24b, .v24r, .v24c, .v24bc { font-size:24px; } .g30, .g30j, .v30, .v30j, .v30b, .v30r, .v30c, .v30bc { font-size:30px; } .v10, .v11, .v12, .v13, .v14, .v16, .v18, .v20, .v24, .v30 { font-family:verdana,arial,sans-serif; font-weight:500; } .v10b, .v11b, .v12b, .v13b, .v14b, .v16b, .v18b, .v20b, .v24b, .v30b { font-family:verdana,arial,sans-serif; font-weight:700; } .v10c, .v11c, .v12c, .v13c, .v14c, .v16c, .v18c, .v20c, .v24c, .v30c { font-family:verdana,arial,sans-serif; font-weight:500; text-align:center; } .v10bc, .v11bc, .v12bc, .v13bc, .v14bc, .v16bc, .v18bc, .v20bc, .v24bc, .v30bc { font-family:verdana,arial,sans-serif; font-weight:700; text-align:center; } .v10j, .v12j, .v13j, .v14j { text-align: justify; } .v10r, .v12r, .v13r, .v14r { text-align: right; } .w10, .w12, .w14, .w16 { font-family:verdana,arial,sans-serif; font-weight:500; color:#fff; background-color:#444; text-align:left;} .w10b, .w12b, .w14b, .w16b { font-family:verdana,arial,sans-serif; font-weight:700; color:#fff; background-color:#444; text-align:left;} .w10c, .w12c, .w14c, .w16c { font-family:verdana,arial,sans-serif; font-weight:700; color:#fff; background-color:#444; text-align:center; } .w10r, .w12r, .w14r, .w16r { font-family:verdana,arial,sans-serif; font-weight:700; color:#fff; background-color:#444; text-align:right; } .a12, .a12b, .a12r, .a12c, .a12bc { font-size:12px; font-family:verdana,arial,sans-serif; color:#fff; background-color:#444;} .a12 { font-weight:500; } .a12b { font-weight:700; } .a12r { font-weight:500; text-align:right; } .a12c { font-weight:500; text-align:center; } .a12bc { font-weight:700; text-align:center; } .g12, .g13, .g12b, .g12r, .g12c, .g12bc, .g14j { font-family:georgia,arial,sans-serif; color:#333; background-color:#fff;} .g14j { font-size:13px; font-family:georgia,arial,sans-serif; color:#333; background-color:#fff; text-align: justify; } .bold { font-weight:700; } .box-header { width:450px; padding:3px; border-top:2px solid #000000; border-bottom:2px solid #101010; border-left:2px solid #000000; border-right:2px solid #101010; } textbox { margin: 0px; padding:3px 6px 3px 6px; font-family:arial,sans-serif; font-size:12px; font-weight:500; color:#017F73; background-color:#FDF6E3; border:0px inset #017F73; } textarea { margin: 0px; padding:3px 6px 3px 6px; font-family:arial,sans-serif; font-size:12px; font-weight:500; color:#017F73; background-color:#FDF6E3; border:0px inset #017F73; } table.poptable1 { border:0px; color:#444; background-color:#fff; width:450px; padding:6px 3px; } tr.poptable1 { color:#fff; background-color:#444; padding:6px 3px; } td.poptable-lt { font-size:12px; font-family:arial,sans-serif; font-weight:500; color:#fff; background-color:#444; margin:1px; padding:6px 3px; text-align:left; } td.poptable-rt { font-size:12px; font-family:arial,sans-serif; font-weight:500; color:#fff; background-color:#444; margin:1px; padding:6px 3px; text-align:right; } td.poptable-c { font-size:12px; font-family:arial,sans-serif; font-weight:500; color:#fff; background-color:#444; margin:1px; padding:6px 3px; text-align:center; } td.poptable-cb { font-size:14px; font-family:arial,sans-serif; font-weight:700; color:#fff; background-color:#444; margin:1px; padding:6px 3px; text-align:center; } /* ************************************************** */ /* --------------- NAVBAR STARTS ------------------ */ /* ************************************************** */ #usernav { overflow:auto; width:760px; height:46px; margin:0px; padding:0px; color:#fff; background-color:#333; } #navbar { position:absolute; top:115px; left:0px; width:760px; height:46px; border:0px solid blue; } #nav { position:relative; width:760px; height:46px; } #nav ul { float:right; height:46px; margin:0px; padding:0px; } /* MAIN LINE NAV BAR */ #nav ul li { float:left; display:block; border-right:#666 2px solid; border-left:#666 2px solid; border-top:#666 0px solid; border-bottom:#666 0px solid; padding-top:3px; padding-right:5px; padding-bottom:0px; padding-left:7px; margin:0px; font-family:"trebuchet ms",verdana,sans-serif; font-size:9pt; font-weight:700; text-transform:uppercase; letter-spacing:1px; list-style-type:none; line-height:13pt; color:#fff; background-color:#333} #nav ul li#home-nav { border-left-width:4px} #nav ul li#gallery-nav { border-right-width:0px} #nav ul li div { position:absolute; display:none; top:20px; left:0px; width:760px; height:26px; margin:0px; } #nav ul li a { float:left} #nav ul li a:link { color:#fff; background-color:transparent; text-decoration:none} #nav ul li a:visited { color:#fff; background-color:transparent; text-decoration:none} #nav ul li.current div { display:block; z-index:5} #nav ul .selected div { display:block; z-index:20} #nav ul li:hover div { display:block; z-index:20} #nav ul li div ul { float:none; padding:0px; width:auto; height:12px} /* 2nd LINE NAV BAR */ #nav ul li div ul li { float:left; list-style-type:none; margin-right:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left:#fff 1px solid; padding-top:3px; padding-right:6px; padding-bottom:0px; padding-left:6px; font-family:"trebuchet ms",verdana,sans-serif; font-weight:700; font-size:9pt; line-height:10pt; letter-spacing:1px; text-transform:none; color:#000; background-color:transparent; } #nav ul li div ul li.nth-child-1 { border-top-width:0px; border-left-width:0px; border-bottom-width:0px; border-right-width:0px} #nav ul li div ul li a { color:#fff; background-color:transparent; float:left; padding-bottom:2px; } #nav ul li div ul li a:link { color:#fff; background-color:transparent; text-decoration:none; } #nav ul li div ul li a:visited { color:#fff; background-color:transparent; text-decoration:none; } #nav ul li div ul li a:hover { color:#fff; background-color:transparent; padding-bottom:1px; border-bottom:white 1px solid; } /***** H O M E T A B ********/ /* burgandy */ .selected#home-nav { color:#fff; background-color:#906; } #home-nav:hover { color:#fff; background-color:#906; } #home-nav DIV { color:#fff; background-color:#906; } #home-nav DIV UL { margin:4px 2px 2px 50px; } /***** F A M I L Y T A B ********/ /* royal blue */ .selected#family-nav { color:#fff; background-color:#4169E1; } /* 6495ed cornflower */ #family-nav:hover { color:#fff; background-color:#4169E1; } #family-nav DIV { color:#fff; background-color:#4169E1; } #family-nav DIV UL { margin:4px 2px 2px 0px; } /******** S C H O O L T A B ****************/ /* orange */ .selected#school-nav { color:#fff; background-color:#ff4500; } /* ff7f50 coral */ #school-nav:hover { color:#fff; background-color:#ff4500; } #school-nav DIV { color:#fff; background-color:#ff4500; } #school-nav DIV UL { margin:4px 2px 2px 50px; } /*********** M I L I T A R Y T A B ****************/ /* olive drab */ .selected#military-nav { color:#fff; background-color:#556B2F; } #military-nav:hover { color:#fff; background-color:#556B2F; } #military-nav DIV { color:#fff; background-color:#556B2F; } #military-nav DIV UL { margin:4px 2px 2px 50px; } /*********** M U S I C I A N T A B ****************/ /* red */ .selected#music-nav { color:#fff; background-color:#f22228; } #music-nav:hover { color:#fff; background-color:#f22228; } #music-nav DIV { color:#fff; background-color:#f22228; } #music-nav DIV UL { margin:4px 2px 2px 50px; } /*********** I N T E R A C T I V E T A B ****************/ /* mauve */ .selected#web-nav { color:#fff; background-color:#db7093; } #web-nav:hover { color:#fff; background-color:#db7093; } #web-nav DIV { color:#fff; background-color:#db7093; } #web-nav DIV UL { margin:4px 2px 2px 50px; } /*********** M U L T I M E D I A T A B ****************/ /* green */ .selected#multi-nav { color:#fff; background-color:#3cb371; } #multi-nav:hover { color:#fff; background-color:#3cb371; } #multi-nav DIV { color:#fff; background-color:#3cb371; } #multi-nav DIV UL { margin:4px 2px 2px 530px; } /******** D R U M S T A B *******************/ /* purple */ .selected#drums-nav { color:#fff; background-color:#8b008b; } #drums-nav:hover { color:#fff; background-color:#8b008b; } #drums-nav DIV { color:#fff; background-color:#8b008b; } #drums-nav DIV UL { margin:4px 2px 2px 125px; } /******** G A L L E R Y T A B *******************/ /* dark cyan */ .selected#gallery-nav { color:#fff; background-color:#008B8B; } #gallery-nav:hover { color:#fff; background-color:#008B8B; } #gallery-nav DIV { color:#fff; background-color:#008B8B; } #gallery-nav DIV UL { margin:4px 2px 2px 500px; } /* ------------------- navbar ends --------------------------- */ /* ************************************************************* */ /***************************************************************/ /************ F O O T E R S T A R T S H E R E *********/ #footer760x50 { width:760px; height:50px; margin:0px; padding:0px; text-align:center; background:url(../img/page/footer-760x50-1.jpg) no-repeat; clear:both; } #footer-content { width:760px; height:50px; margin:0px; padding:0px; border:0px solid black; text-align:center;} #footer-copyright { width:728px; border:0px solid red; text-align:center; clear:both; } /* ************************************************** */ /* ******* N A V B A R S S T A R T ************* */ ul.navlist { margin-top:5px; margin-bottom:5px; } li.navlist { margin-top:5px; margin-bottom:5px; } #footernavbar { width:740px; height:20px; margin:0px; padding:10px; text-align:center; } #navcontainer { float:left; width:720px; height:20px; padding:0px; margin:10px; border: 0px solid #fff; text-align:center; font-size:10px; font-family: arial, helvetica, sans-serif; font-weight:700; text-transform:uppercase; color:#333; background-color:#fff; } a.footer:link { font-weight:500; text-decoration:underline; color:#333; background-color:#fff; } a.footer:visited { font-weight:500; text-decoration:underline; color:#333; background-color:#fff; } a.footer:hover { font-weight:500; text-decoration:overline underline; color:#ff0033; background-color:#fff; } a.footer:active { font-weight:500; text-decoration:overline underline; color:#f22228; background-color:#fff; }