/* Byte Studios - The National Author: Matthew Restorff Date: 01.05.09 Email: matthew@bytestudios.com */ /* reset and setup */ * { margin: 0; padding: 0; } a, input[type="image"], input[type="submit"] { outline: none; } img { border: none; } /* General */ body { background: #e1d8be url(/assets/img/bg.gif) repeat top left; font: normal 11px Arial, Helvetica, sans-serif; color: #FFF8E4; } #container { margin: 0 auto; width: 945px; } #primary-col p.breadcrumbs {font-size:13px; color:#b9ac83;} #primary-col p.breadcrumbs span {color:#cc7e31;} #primary-col p.breadcrumbs a {color:#b9ac83; text-decoration: none;} #header { background: url(/assets/img/header.gif) no-repeat top left; width: 945px; height: 109px; float: left; } #logo { display:block; float: left; width: 320px; height: 100px; margin-left: 145px; text-indent: -9999px; color: #fff; } #header>#logo { margin-left: 330px; } #hours { text-align: right; margin-right: 60px; padding-top: 27px; } #hours p { font: normal 10px Arial, Helveitca, sans-serif; } #hours span.orange { color: #be712a; } #hours span.blue { color: #528a8d; } #nav { list-style: none; background: url(/assets/img/nav-bg.gif) repeat-x top left; height: 26px; width: 923px; padding-left: 22px; float: left; position: relative; z-index: 30; } #nav li { float: left; padding-top: 7px; } #nav li a {height:22px; line-height:22px; display:block;} #nav li.star { padding: 0; background: url(/assets/img/brown-star.gif) no-repeat top center; width: 22px; height: 26px; } #nav li ul {display: none; list-style: none; z-index:3000; border: 3px solid #7A4311; border-top: 3px solid #473120; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; background: #BE712A; position: absolute; top: 23px; padding: 5px 0px 10px 0px; } #nav li ul li { float: none; padding: 3px 10px 3px 20px; background: url(/assets/img/star1.png) no-repeat 5% center; } #nav li ul li:hover { background: #7A4311 url(/assets/img/star2.png) no-repeat 5% center; } #nav li ul li a { color: #FFF8E4; text-decoration: none; font: bold 12px Georgia, Times, Times New Roman, serif; padding-right: 15px; background: url(/assets/img/star1.png) no-repeat 100% center; } #nav li ul li:hover a { color: #fff; background: url(/assets/img/star2.png) no-repeat 100% center; } #prime-wrap { background:url(/assets/img/prime-bg.gif) repeat top left; float: left; } #prime-col { float: left; width: 648px; padding: 10px 30px 5px 10px; background: #FFF8E4; font-size: 13px; line-height: 18px; color: #7A4311; } #prime-col img{ border: 1px solid #BE712A; } #prime-col img.ad{ margin-left:-15px; } #prime-col img.header-img { border: 0; margin-top: 20px; margin-left: 0px; } #prime-col img[align="right"] { border: 1px solid #BE712A; margin-left: 10px; margin-bottom: 10px; } #prime-col img[align="left"] { border: 1px solid #BE712A; margin-right: 10px; margin-bottom: 10px; } #prime-col div img {border: 0; margin-left: 0px; margin-bottom: 0px; } #prime-col a { color: #16585C } #prime-col li { margin-left: 15px; } #prime-col #subnav_onpage { border-bottom: 1px dotted #BE712A; margin-left: -15px; padding: 0; } #prime-col #subnav_onpage li { display: inline; float: left; list-style: none; } #prime-col #subnav_onpage li a { padding: 3px; text-decoration: none; } #prime-col #subnav_onpage li .active { font-weight: bold; } #mid-wrap { width: 656px; border: 2px solid #be6b1e; padding: 4px; float: left; margin-bottom: 10px; color: #FFF8E4; } #mid-content { background: #be6b1e; width: 656px; float: left;} #mid-content a {color:#ffd427; text-decoration:none; font-weight:bold;} #mid-content a:hover {color: #ffdf5d;} #mid-content a:visited {color:#734112;} #mid-content ul { width: 303px; text-align: center; list-style: none; margin: 0px 10px 0 5px; padding: 8px 0px; float: left;} #mid-content>ul { margin: 0px 10px; } #mid-content ul li { background: url(/assets/img/dot.gif) repeat-x bottom left; padding-bottom: 13px; margin-bottom: 10px; } #mid-content ul li p {font-size:11px; line-height:14px;} #mid-content .home-image { border: 5px solid #7a4311; float: left; margin: 5px 0px; } #right-col #soup-wrap,#right-col #newsletter_signup-wrap { width: 200px; border: 3px solid #16585c; padding: 3px; margin: 30px 0 25px 25px; color: #FFF8E4; z-index: 1; } #soup-wrap ul {background: #2D1C10; text-align: center; list-style: none; padding: 5px 0px; } #newsletter_signup-wrap form { background: #2D1C10; text-align: center; padding: 5px 0px; width: 199px; } #newsletter_signup-wrap form h4 { border-bottom: 3px dotted #FFFAED; margin: 0 3px 5px 3px; padding-bottom: 1px; } #newsletter_signup-wrap form input { border: 1px solid #85703c; background-color: #fffaed; color: #16585c; height: 16px; } #newsletter_signup-wrap form #email { width: 160px; } #newsletter_signup-wrap form #bday { width: 130px; position:relative; top:-4px; margin-right:4px;} #newsletter_signup-wrap form .signup_button { background-color: #70a9ab; margin-left: 97px; color: #FFFAED; border: 2px solid #16585c; margin-top: 2px; } #newsletter_signup-wrap form span, #newsletter_signup-wrap form #bday_entice { display:block; width:150px; margin:0 auto; font-size:13px;} #newsletter_signup-wrap form #bday_entice { margin-bottom: -7px; margin-top: 5px; } #left-col { width: 163px; border-right: 1px solid #cd8835; float: left; min-height: 500px; margin-top: 20px; } #left-col ul { list-style: none; padding-left: 20px; } #left-col ul li { margin-bottom: 5px; } #left-col ul li a { color: #cd8835; font: bold 13px Georgia, Times, Times New Roman, serif; text-decoration: none; text-transform: uppercase; } #left-col ul li a:hover, #left-col ul li.active a { color: #7A4311; } #prime-col2 { width: 484px; float: left; margin-top: 20px; padding: 0 20px 0 20px; color: #7A4311; } #prime-col2 p { margin-bottom: 10px; } #right-col { float: left; width: 257px; background: #16585c url(/assets/img/stripe-bg.gif) repeat top left; } #right-bottom { padding-top: 22px;background: #16585c url(/assets/img/top-stripe.gif) repeat-x top left; height: 344px; position: relative; z-index: 1; } #right-bottom ul { list-style: none; padding-left: 8px; padding-top: 32px; width: 257px; } #right-bottom ul li { width: 108px; height: 89px; border: 5px solid #2c6c6f; float: left; margin: 0px 5px 5px 0px; overflow: hidden; } #right-bottom ul li a { background-position: 0 0; display: block; width: 102px; height: 83px; background-repeat: none; border: 3px solid #16585C; text-indent: -9999px; } #right-bottom ul li a:hover { background-position: 0 -83px; border: 3px solid #7A4311; } #right-bottom ul#mailing_list { } #right-bottom ul#mailing_list h4 { margin-top: 8px; text-align: center; } #right-bottom ul#mailing_list h4 img { margin-left: 7px; } #right-bottom ul#mailing_list li { width: 231px; } #right-bottom ul#mailing_list li #bday_entice { font-weight: bold; font-size: 8pt; line-height: 1.7em; float: left; text-align: center; width: 100%; } #right-bottom ul#mailing_list li form { padding: 0 5px; width: 215px; height: 83px; border: 3px solid #16585C; display: block; background-color: #2C6C6F; } #right-bottom ul#mailing_list li form input { border: 2px solid #16585C; width: 205px; padding: 0 3px; } #right-bottom ul#mailing_list li form #month, ul#mailing_list li form #day, ul#mailing_list li form button { color: #fff8e4; border: none; text-align: center; font-weight: bold; background-color: #16585C; padding: 1px 0; font-size: 8pt; } #right-bottom ul#mailing_list li form #month { float: left; margin-right: 5px; } ul#mailing_list li form #day { float: left; } #right-bottom ul#mailing_list li form #month { } #right-bottom ul#mailing_list li form #day { } #right-bottom ul#mailing_list li form #month option, ul#mailing_list li form #day option {} #right-bottom ul#mailing_list li form #month option:hover, ul#mailing_list li form #day option:hover {} #right-bottom ul#mailing_list li form button { float: right; } #right-bottom ul#mailing_list li form button:hover { background-color: #BE6B1E } #right-bottom .announcement-bkt { padding-left: 8px; padding-top: 32px; width: 257px; } #right-bottom .announcement-bkt .inner { height: 89px; border: 5px solid #2c6c6f; float: left; margin: 0px 5px 5px 0px; overflow: hidden; } #right-bottom .announcement-bkt .inner .info { padding: 5px 5px; width: 215px; height: 73px; border: 3px solid #16585C; display: block; background-color: #2C6C6F; } #right-bottom .announcement-bkt .inner .info img { width: 73px; height: 73px; float: left; } #right-bottom .announcement-bkt .inner .info p { float: right; width: 130px; line-height: 1.3em; } #right-bottom .announcement-bkt .inner .info p .title { font-size: 14px; line-height: 1.8em; } #footer { width: 945px; float: left; background: url(/assets/img/footer-bg.png) no-repeat bottom left; height: 17px; padding: 5px 20px; font: normal 10px Georgia, Times, Times New Roman, serif; } #footer p { font: normal 10px Georgia, Times, Times New Roman, serif; } #footer p a { font: normal 10px Georgia, Times, Times New Roman, serif; color: #FFF8E4; }