/* Style Sheet Authored for Crescendo Music - 2007 */ body { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 18px; color: #535252; margin: 0; background: url(images/bgtile.gif); background-color: #2c2171; } div, p, ul, h1, h2, h3, h4 { margin: 0; padding: 0; } h1 { color: #4c4c4c; font-size: 25px; text-align: left; font-weight: normal; } h2 { color: #4c4c4c; font-size: 28px; } h3 { color: #4c4c4c; font-size: 16px; } h4 { color: #4c4c4c; font-size: 13px; line-height: 14px; font-weight: normal; margin: 5px 5px 0 0; } h1 a, h2 a, h3 a, h4 a { color: #4c4c4c; text-decoration: none; } img { border: 0; } #toppattern { width: 100%; height: 39px; margin: 0; padding: 0; background: url(images/patterntile.gif) repeat-x; } #logotop { display: block; width: 704px; height: 39px; margin: 0 auto; } #logotop img.indent { margin-left: 14px; } #logobtm { display: block; background: url(images/grayshadbg.gif) repeat-x; width: 704px; height: 49px; margin: 0 auto; } #logobtm img.indent { margin-left: 14px; margin-right: 103px; display: inline; float: left; } /* CSS Rollover NAV */ #navhome { background: #4c4c4c url(images/nav-home.gif) no-repeat top left; width: 48px; height: 49px; display: block; margin: 0; padding: 0; } a#navhome:hover { background: #4c4c4c url(images/nav-home-over.gif) no-repeat top left; } #navabout { background: #4c4c4c url(images/nav-about.gif) no-repeat top left; width: 53px; height: 49px; display: block; margin: 0; padding: 0; } a#navabout:hover { background: #4c4c4c url(images/nav-about-over.gif) no-repeat top left; } #navmusic { background: #4c4c4c url(images/nav-music.gif) no-repeat top left; width: 50px; height: 49px; display: block; margin: 0; padding: 0; } a#navmusic:hover { background: #4c4c4c url(images/nav-music-over.gif) no-repeat top left; } #navmedia { background: #4c4c4c url(images/nav-media.gif) no-repeat top left; width: 56px; height: 49px; display: block; margin: 0; padding: 0; } a#navmedia:hover { background: #4c4c4c url(images/nav-media-over.gif) no-repeat top left; } #navnews { background: #4c4c4c url(images/nav-news.gif) no-repeat top left; width: 47px; height: 49px; display: block; margin: 0; padding: 0; } a#navnews:hover { background: #4c4c4c url(images/nav-news-over.gif) no-repeat top left; } #navblog { background: #4c4c4c url(images/nav-blog.gif) no-repeat top left; width: 44px; height: 49px; display: block; margin: 0; padding: 0; } a#navblog:hover { background: #4c4c4c url(images/nav-blog-over.gif) no-repeat top left; } #navcontact { background: #4c4c4c url(images/nav-contact.gif) no-repeat top left; width: 63px; height: 49px; display: block; margin: 0; padding: 0; } a#navcontact:hover { background: #4c4c4c url(images/nav-contact-over.gif) no-repeat top left; } #navchincar { background: #4c4c4c url(images/nav-chincar.gif) no-repeat top left; width: 53px; height: 49px; display: block; margin: 0; padding: 0; } a#navchincar:hover { background: #4c4c4c url(images/nav-chincar-over.gif) no-repeat top left; } /* Specific ID's */ #wrapper { margin: 0 auto; padding: 0; width: 100%; height: 1000px; background: url(images/backgrad.jpg) repeat-x #2c2171; } #nav { margin: 0; padding: 0; display: inline; } #nav ul { margin: 0; padding: 0; list-style-type: none; } #nav li { display: block; float: left; padding: 0; margin: 0; } #nav2 { display: block; background: #c1d2fd url(images/subnav_corner.gif) bottom left no-repeat; margin: 0 0 0 250px; padding: 8px 10px; height: 30px; clear: both; } #nav2 ul { margin: 0; padding: 0; list-style-type: none; } #nav2 li { font-size: 14px; display: block; float: left; text-align: center; padding: 0; margin: 4px 4px 4px 8px; color: white; } #nav2 li a { color: #7a6e53; text-decoration: none; font-weight: bold; } #nav2 li a:hover { color: white; } #nav2 li a.current { color: #7a6e53; font-weight: normal; text-decoration: none; } #nav2 li a.current:hover { color: #7a6e53; } #nav3 { background: #ad9686 url(images/3nv_curve.gif) top left no-repeat; margin: 0; padding-left: 15px; height: 30px; width: 73%; float: right; } #nav3 ul { margin: 0; padding: 0; list-style-type: none; clear: both; } #nav3 li { display: block; float: left; text-align: center; padding: 0; margin: 6px; font-size: 10px; } #nav3 li a { color: white; text-decoration: none; font-weight: bold; } #nav3 li a:hover { text-decoration: underline; } #content { background: #fff; clear: both; width: 704px; margin: 0 auto; } #content p { margin: 25px; } #content h2, h3 { margin: 8px 25px; } #footer { background: #e6db8e url(images/footer_curve.gif) top left no-repeat; height: 39px; margin-top: 30px; clear: both; } #btmrow { width: 704px; height: 115px; margin: 0 auto; padding: 0; background-color: #fff; } *html .corners { margin-top: 0; } /* Hack for IE/Win */ .corners { margin-left: auto; margin-right: auto; margin-top: -25px; text-align: center; } *html .mod1 { margin: 9px 11px 0 5px; padding: 0; } /* Hack for IE/Win */ .mod1 { float: left; margin: 9px 12px 0 8px; padding: 0; width: 221px; background-color: #B9C7FD; } .mod2 { float: left; margin: 9px 0 0 0; padding: 0; width: 221px; background-color: #B9C7FD; } *html .mod3 { margin: 9px 5px 0 3px; padding: 0; } /* Hack for IE/Win */ .mod3 { float: right; margin: 9px 8px 0 8px; padding: 0; width: 221px; background-color: #B9C7FD; } /* Generic classes */ .noindent { margin-left: 0; } .clr { clear: both; } .rpic { float: right; margin: 10px; clear: both; } .lpic { float: left; } .rightbutt { margin: 100px 0 10px 10px; float: right; } .leftbutt { margin: 10px 5px 10px 0; display: inline; background: url(images/home_splash.jpg); width: 500px; height: 349px; } .alt { display: none; } .copyright { text-align: center; color: black; font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin-top: 6px; } .copyright a { color: black; text-decoration: none; } .copyright a:hover { text-decoration: underline; } .hide { display: none; } .red { color: #FF0000; } .footnote { font-size: 9px; line-height: 12px; color: black; margin: 25px 50px 15px 50px; } .super { vertical-align: top; color: black; font-size: 8px; } .center { margin-left: auto; margin-right: auto; text-align: center; } .caption { float: right; clear: right; font-size: 10px; font-weight: normal; line-height: 12px; margin: 5px 0 12px 0; width: 200px; } /* For Lists Only */ .nobull { list-style: none; } .thumb { float: left; width: 80px; height: 100px; margin: 10px; padding: 2px; font-size: 9px; line-height: 12px; font-weight: normal; } .thumb a { text-decoration: none; color: #535252; } img.detail { margin-left: auto; margin-right: auto; border: 1px solid #999; } p.detail { margin-left: 80px; margin-right: 80px; } .logos { margin-left: auto; margin-right: auto; float: left; }