/* CSS Document */
body {background:#fffdef url(/images/sny_site_bg.jpg) top left repeat-x; font-family: Century Gothic, Arial, Helvetica; font-size: 12px; color: #666; text-align: center;}
html, body {height:100%;}

body, p, h1, h2, h3, table, tr, td, img, a, ul, li, fieldset { margin: 0; padding: 0; border: 0; }
h1 {text-align: left; color: #4e93bb; font-size: 16px; text-transform: uppercase;}
a, a:visited {  color: #c94612; text-decoration: none}
a:hover {  color: #4e93bb; text-decoration: none;}

#container {text-align: center; margin: 0px auto; padding: 0px; border:0; width: 900px; xborder: 1px solid #fff;  }

/* Header Graphic */

#header {position: relative; left: 0; top: 30px; width: 900px; height: 350px; background: url(/images/sny_header.jpg) top left no-repeat;}
#header h1 {display: none;}


/* Top Nav */

#top_nav {position: relative; left: 0; top: 30px; width: 896px; height: 50px; background: url(/images/top_nav_bg.jpg) top left repeat-x; border-left: 2px solid #fffdef; border-right: 2px solid #fffdef; padding: 10px 0 0 0; color: #fff; font-size: 20px; text-transform: uppercase;}
#top_nav ul {padding: 0; margin: 0; text-align: left; list-style:none; display: inline;}
#top_nav li {display: inline;}
#top_nav li a {color:#fff;margin: 0; padding: 0 45px 0 45px; text-decoration:none;}
#top_nav li a:hover {color: #ef7140; text-decoration:none; background: url(/images/top_nav_bg_on.jpg) top left repeat-x; padding: 10px 45px 15px 45px;}
#top_nav li a:active {color: #ef7140; text-decoration:none; background: url(/images/top_nav_bg_on.jpg) top left repeat-x; padding: 10px 45px 15px 45px;}

/* Bottom Content */

#main_content {position: relative; left: 0; top:30px;}

#left {float: left; position: relative; left: 0; top:0; width: 595px; text-align: left; padding: 0 5px 0 0;}
#left h1 {font-size: 20px;}
#left img {border: 1px solid #c94612}

#left .club_feature {border-bottom: 1px dotted #c94612; padding: 0 0 5px; 0;}
#left .club_feature img {margin: 5px;}

#right {float: left; position: relative; left: 0; top:0; width: 294px; border-left: 1px dotted #c94612; text-align: left; padding: 0 0 0 5px;}
#right h1 {border-bottom: 1px dotted #c94612; border-top: 1px dotted #c94612; margin: 0 0 5px 0; background: #fff;}
#right .story {padding: 0 0 10px 0;}
#right .story img {border: 1px dotted #c94612 }
#right .press_link {text-align: right;}


/* Form CSS */

#newsletter h1 {color: #dd8741; text-transform: uppercase; font-size: 18px;margin: 0 0 0 5px;}
#newsletter p {padding: 5px 0 0 5px;}
#newsletter fieldset {margin: 0; padding: 0; border: 0; text-align: left;}
#newsletter textarea {text-align: left; border: 1px solid #fff;}
#newsletter label {color: #666; text-align: left; font-style: bold; position: relative; top: 5px;}
#newsletter input, textarea {background:#e3f5ff url(/images/input_bg.jpg) bottom left repeat-x; padding: 0;height: 20px; width: 150px; margin: 0; color: #666;font-size: 10px;border: 1px solid #126696; xline-height: 12px;}
#newsletter select {background:#3b6aac; color: #333;font-size: 10px;border: 1px solid #0054a4;}
#newsletter input:focus, textarea:focus {background:#b4dff8; color: #dd8741;}
#newsletter .error {color:#e81c00; font-weight: bold;}
#newsletter .required {font-size: 10px; color:#bc383c;}
#newsletter .form  {}
#newsletter .smallterms  {font-size: 9px;}
#newsletter .img { width: 85px;height: 20px; border: 0; margin: 10px 0 -10px 5px; padding: 0;}

#weblead h1 {color: #dd8741; text-transform: uppercase; font-size: 18px;margin: 0 0 0 5px;}
#weblead h2 {color: #fff; font-size: 12px; background: #e3f5ff url(/images/h2_background_img.jpg) top left no-repeat; line-height: 18px; padding: 0 0 0 5px; text-transform: uppercase;}
#weblead p {padding: 5px 0 0 5px;}
#weblead fieldset {margin: 0; padding: 0; text-align: left;}
#weblead textarea {text-align: left; border: 1px solid #0054a4;}
#weblead label {color: #666; text-align: left; font-style: bold; position: relative; top: 0; padding: 0 0 3px; 0;}
#weblead input, textarea {background:#fff; padding: 2px; width: 200px; margin: 0; color: #333; font-size: 12px; border: 1px solid #126696;}
#weblead select {background:#fff; color: #333;font-size: 12px; padding: 2px; border: 1px solid #0054a4;}
#weblead input:focus, textarea:focus {background:#b4dff8; color: #dd8741;}
#weblead .error {color:#e81c00; font-weight: bold;}
#weblead .required {font-size: 10px; color:#bc383c;}
#weblead .form  {float: left; position: relative; top: 0; left: 0; padding: 0 0 15px 45px;}
#weblead .smallterms  {font-size: 9px;}
#weblead .img { width: 85px;height: 20px; border: 0; margin: 10px 0 -10px 5px; padding: 0;}


/* Footer */

#footer  {position: relative; left: 0; top:30px; background: #1d6e9d url(/images/footer_bg.jpg) top left repeat-x; padding: 10px 0 0 0; margin: 25px 0 0 0; text-align: center; color: #fff; font-size: 10px; height: 25%;}
#footer .footer_container {width: 840px; text-align: center; margin: 0 auto; padding: 0 0 0 40px;}
#footer h1 {color: #fff; text-transform: uppercase;}
#footer ul .main {float: left; padding: 0 20px 0 20px; margin: 0; text-align: left; list-style:none; display: inline;}
#footer li .main {display: inline;}

#footer ul .secondary { padding: 0; margin: 0 0 0 10px; list-style: disc; xdisplay: inline;}
#footer li .secondary {xdisplay: inline;}
#footer p {padding: 5px 0 0 0; }
#footer .copyright {padding: 15px 0 0 0;}
#footer li a {color:#fff; font-size: 10px; margin: 0; padding: 0;}
#footer li a:hover {color: #bacce4; text-decoration:none; border-bottom: 1px dotted #fff;}
#footer li a.active {color: #2b1d1b; text-decoration:none; font-weight: bold;}
#footer a, avisited {  color: #bacce4; text-decoration: none}
#footer a:hover {  color: #fff; text-decoration: none;}