/* CSS Document */
/* This controls the width and horizontal position of the website */ 
#container { width: 800px; margin: 30px auto; }

/* This deals with the section that includes the NCRUSAV and USAV logos and the text North Country Region, Volleyball for Life, and the telephone numbers */
#header { width: 800px; }
#logo_left { float: left; margin-right: 50px; }
#logo_right { float: right; }
#header_info { text-align: center; margin: 0px auto; width: 350px; }
#title { text-align: center; font: bold 28px 'Arial Black', Arial, Helvetica, sans-serif; color: #123e8c; padding-bottom: 10px; }
#tagline { text-align: center; font: bold 18px Arial, Helvetica, sans-serif; color: #868686; text-transform: uppercase; }
#numbers { font: 18px Arial, Helvetica, sans-serif; color: #123e8c; text-align: center; margin-top: 15px; }
#number_free { display: inline; padding: 5px 30px; }
#number_toll { display: inline; padding: 5px 30px; }

/* This deals with the text above the sponsor section */
#sponsor_head { text-align: right; margin-right: 65px; height: 30px; }
#sponsor_head a { font: bold 12px Arial, Helvetica, sans-serif; color: #ffffff; text-transform: uppercase; text-decoration: underline; }
#sponsor_head a:hover { text-decoration: none; }

/* This deals with all of the left side navigation style elements */
.sidenav { padding: 15px 15px 15px 25px; vertical-align: top; }
.sidenav_head { font: bold 18px Arial, Helvetica, sans-serif; text-decoration: underline; color: #FFFFFF; }
.sidenav ul { list-style-type: none; padding: 0px; margin: 0px; }
.sidenav ul li { line-height: 16px; padding-top: 15px; }
.sidenav ul li a { font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none; color: #ffffff; }
.sidenav ul li a:hover { text-decoration: underline; }
.sidenav ul ul li { margin-left: 15px; padding-top: 5px; line-height: 14px; }
.sidenav ul ul li a { font: 9px Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; text-transform: uppercase; }
.sidenav ul ul li a:hover { text-decoration: underline; }

#content_main { margin-top: 35px; margin-bottom: 10px; }
#box_sponsor { float: right; vertical-align: top; margin-left: 20px; margin-bottom: 20px; }
.bg_white { background-color: #ffffff; }
#footer { font: bold 12px Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; height: 35px; vertical-align: middle; text-transform: uppercase; }

/* This deals with the main text elements */
.headline { font: bold 14px Arial, Helvetica, sans-serif; }
.bodycopy { font: 12px Arial, Helvetica, sans-serif; color: #747474; }
.link { font: bold 12px Arial, Helvetica, sans-serif; color: #123e8c; text-decoration: none; }
.link:hover { text-decoration: underline; }

/* This is the section specific colors */
#bg01 { background-color: #123e8c; }
#bg02 { background-color: #34508b; }
#bg03 { background-color: #516289; }
#bg04 { background-color: #6c7588; }
#bg05 { background-color: #868686; }
#bg06 { background-color: #ab6566; }
#bg07 { background-color: #ca4345; }
#bg08 { background-color: #e31f22; }