/*  
    PENINSULA REINING CLUB
    Screen Master Stylesheet
   
    Darryl Ring <darryl@breezewebservices.com>
    
    Version: 1.0
    Date:    April 1, 2008
*/


/*
div#grid                                { position: absolute; height: 100%; width: 760px; top: 0; background: url('../images/grid.png') repeat-y; }
*/

*                                       { margin: 0; padding: 0; font-size: inherit; font-weight: inherit; }

html                                    { height: 100%; margin-bottom: 1px; }
body                                    { color: #333; background: #fff; font: 12px/20px arial, sans-serif; }

div#container                           { width: 760px; margin: 0 auto; background: url('../images/bg.gif') repeat-y top left; }

div#header                              { float: left; width: 760px; }
div#header h1                           { float: left; width: 315px; height: 40px; margin: 10px 0 10px 20px; background: url('../images/logo.gif') no-repeat; text-indent: -9999px; }
div#header ul#navigation                { float: right; margin: 15px 20px 15px 0; list-style: none; }
div#header ul#navigation li             { float: left; }
div#header ul#navigation li a           { display: block; padding: 5px 10px; color: #333; font-size: 13px; font-weight: normal; }
div#header ul#navigation li a:hover     { color: #333; background: none; }

body#home div#header ul#navigation li#nav-home a,
body#events div#header ul#navigation li#nav-events a,
body#news div#header ul#navigation li#nav-news a,
body#membership div#header ul#navigation li#nav-membership a,
body#links div#header ul#navigation li#nav-links a,
body#contact div#header ul#navigation li#nav-contact a
                                        { color: #fff; background: #bebd3b url('../images/nav-current.gif') repeat-x; }

div#content                             { background: #fff; }
div#main                                { float: left; width: 435px; }
div#sidebar                             { float: left; width: 305px; margin-left: 20px; }

div#footer                              { position: relative; clear: both; margin-top: 15px; background: url('../images/footer-bg.gif') repeat-y top left; }
div#footer p                            { font-size: 11px; text-align: center; margin: 0; }

p                                       { margin: 0 20px 10px; }
ul                                      { margin: 0 20px 10px; list-style: none; }
li                                      {  }
dl                                      { margin: 0 20px 10px; }
dt                                      { color: #666; font-size: 14px; font-weight: bold; margin-bottom: 10px; }
dd                                      { margin-bottom: 10px; }

h2                                      { clear: both; margin: 20px 20px 10px; color: #036; font-size: 16px; font-weight: bold; }
h3                                      { margin: 0 20px 10px; color: #666; font-size: 14px; font-weight: bold; }
h4										{ margin: 0 20px 0px; color: #00000; font-size: 12px; font-weight: bold; }

a                                       { color: #860; font-weight: bold; text-decoration: none; }
a:hover                                 { color: #fff; background: #860; }

div#photo                               { margin: 10px 20px 20px 20px; line-height: 0; }
div#photo img                           {  }

div#sidebar h2                          { border-bottom: solid 3px #f4f4db; }
div#sidebar h2 span                     { margin: 0 10px 10px 0; padding: 5px 10px 2px 25px; color: #363; background-color: #f4f4db; background-position: 5px center; background-repeat: no-repeat; }
div#sidebar h2#welcome span             { background-image: url('../images/icons/welcome.png'); }
div#sidebar h2#events span              { background-image: url('../images/icons/events.png'); }
div#sidebar h2#next-meeting span        { background-image: url('../images/icons/next-meeting.png'); }

p img									{ margin: 10px; }

ul.sponsors                             { float: left; width: 150px; list-style: circle; margin-left: 40px; }