/**
 * main.css - Judi Clark Site Stylesheet
 * author: Raphael Lagman
 * date: July 23, 2009
 */

/* Main Elements */
body                                   { margin: 0px; padding: 0px; background-color: #00446a; font-family: Arial, sans-serif;  }
h1, h2, h3, h4, h5, h6                 { margin: 0px; padding: 0px; }
p                                      { margin: 0px; padding: 0px; }
a                                      { text-decoration: none;}
a:hover                                { text-decoration: underline; }

/* Navigation Elements */
ul.navigation_bar                      { list-style: none; margin: 0px; padding: 0px;  display: inline; height: 20px; }
ul.navigation_bar li                   { float: left; padding: 0 30px 0 0;}

/* Main Container Elements */
#site_container                        { width: 900px; margin: 0px auto; position: relative; left: -5%; }
#header_container                      { width: 100%; height: 220px; color: white;  }
#content_container                     { width: 90%; min-height: 200px; background-color: white; margin-left: -77px; background: url(../images/content_background.png) no-repeat top left; position: relative;}
#footer_container                      { height: 100px; }

/* Header Elements */
#header_content                        { width: 100%; position: relative; }
#header_logo                           { position: absolute; left: -45px; top: 20px; z-index: 3;} 
#header_title                          { position: absolute; left: 294px; top: 33px;}
#header_quote                          { position: absolute; right: -37px; top: 140px;}
#header_navigation                     { position: absolute; left: 260px; top: 215px; z-index: 2; width: 700px; height: 30px; background: url(../images/top_nav_background.png) no-repeat; padding: 12px 0px 10px 60px; text-transform: lowercase;}
#header_navigation a                   { color: white; }

/* Content Elements */
#main_content_background               { width: 100%; min-height: 800px; background: transparent url(../images/dragonboat.png) no-repeat right; position: absolute; left: 317px;}
#main_content_container                { width: 100%;  margin-left: 160px; background-color: white; }
#main_content_links                    { position: absolute; top: 70px; left: 45%; z-index: 4; }
#main_content_links  a                 { font-weight: bold; text-decoration: underline; margin-right: 45px; }
#main_content                          { padding: 130px 286px 0px 37px; color: #00446a; min-height: 636px; position: relative; z-index: 1; font-size: 11pt;}
#content_container  a                  { color:#00446a; }

/* Footer Elements */
#footer_content                        { position: relative; left: 60px; color: white; }
#footer_bar                            { width: 650px; height: 30px; padding: 10px 30px; margin-left: 20px; background: #00446a; }
#footer_logo                           { position: absolute; right: -57px; top: -151px;  z-index: 6; }
#footer_logo img                       { width: 288px; }

#footer_info                           { font-size: 11pt; text-align: center; }
#footer_designed_by                    { height: 60px; width: 340px; margin: 0 auto; }
#footer_designed_by p                  { vertical-align: text-bottom; }
#footer_designed_by img                { border: none; vertical-align: middle; }