/* Reset Defaults */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
td              { margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: middle;}
:focus          { outline: 0;}
ul              { list-style: none;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q   {	quotes: "" "";}


/* Basic Selectors */
html { height: 100%; }
body { background: #f7f5f5 url(../images/Patu_Background.jpg) top center; font: Arial, Helvetica, Verdana, sans-serif; color: #6e5b54; height: 100%;}

h1, h2, h3, h4, h5, h6  { font-size:1.8em; font-weight:bold; color: #000000; font-family: Helvetica, Arial, Verdana, sans-serif; }
p                       { font-size:1.2em; line-height:1.4em; margin:12px 0; }
small                   { font-size:1.1em;}

.align-left             { text-align:left; }
.align-center           { text-align:center; }
.align-right            { text-align:right; }

.float-left             { float:left; }
.float-right            { float:right; }
.float-none             { float:none; }

.clear-left             { clear: left; }
.clear-right            { clear:right; }
.push                   { clear:both; }

.hide                   { display: none; }
.overflow               { width: 100%; overflow: hidden; }
p.btn                   { margin-top: 20px; margin-bottom: 0; }
p.last                  { margin-bottom: 0; }


/* Main Structural Selectors */
.container              { width:960px; margin: 0 auto; background: transparent url(../images/bg_container.gif) 0 0 repeat-y; padding: 0 0; }
.header                 { width:960px; height:122px;}
.shadow                 { position: relative; bottom: 4px; right: 7px; background-color: #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.content                { position: relative; bottom: 4px; right: 7px; background-color: #ffffff; width:920px; margin: 0 auto; padding: 13px 20px 20px 20px; border: thin silver solid;  min-height: 300px; overflow: hidden; -moz-border-radius: 10px; -webkit-border-radius: 10px; }


/* Rotating Photos */
pre                     { display:none }
#main h2                { text-align: center }
#right                  { cursor: pointer }
#twitter                { float:right; right: 20px; margin: 15px}
#twitter a              { text-decoration: none; font-family: arial }
#twitter img            { border: none; }


/* Menu */
.main_menu              { list-style-type: none; background-image: url(../images/navi_bg.png); height: 50px; width: 505px; }
.main_menu li           { float: left; }
.main_menu li a         { background-image: url(../images/navi_bg_divider.png); background-repeat: no-repeat; background-position: right; padding-right: 10px; padding-left: 10px; display: block; line-height: 50px; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: silver; }
.main_menu li a:hover   { color: #FFFFFF; }


/*  Homepage */ 
.home_panel_left          { float: left; display: inline; width: 646px; }
.home_panel_right         { float: right; display: inline; width: 234px; background: #f9f6f5; border-top: 10px solid #8c817d; padding: 12px 10px 10px 10px; }

.home_projects            { float: left; display: inline; width: 313px; border-top: 10px solid #934A4A; padding-top: 12px; }
.home_help                { float: right; display: inline; width: 313px; border-top: 10px solid #000000; padding-top: 12px; }

.home_projects h3         { color: #934A4A; }
.home_help h3             { color: #000000; }

.home_projects_row        { width:100%; overflow: hidden; margin-top: 12px; border-bottom: 1px solid #ebebeb;}
.home_projects_row img    { float: left; display: inline; border: 5px solid #ebebeb; }
.home_project_content     { float: right; display: inline; width: 49%; }
.home_project_content h4  { font-size: 1.4em;}
.home_project_content p   { font-size: 0.9em; margin: 10px 0; }

.help img                 { border: 0; }

.home_help_row            { overflow: hidden; margin-top: 12px; border-bottom: 1px solid #ebebeb;}
.home_help_row img        { float: left; display: inline; border: 5px solid #ebebeb; }
.home_help_content        { float: right; display: inline; width: 55%; }
.home_help_content h4     { font-size: 1.4em;}
.home_help_content p      { font-size: 0.9em; margin: 7px 0; }

.home_panel_right h3      { color: #8c817d; }
.home_events_row          { padding: 12px 0; }
.home_events_row h6       { font-size: 1.1em; color: #b8b0ad; }
.home_events_row h4       { font-size: 1.4em; margin-top: 4px; }
.home_events_row p        { font-size: 0.9em; margin: 7px 0; }

.events_row               { padding: 12px 0; }
.events_row h6            { font-size: 1.1em; color: #b8b0ad; }
.events_row h4            { font-size: 1.4em; margin-top: 4px; }
.events_row p             { font-size: 0.9em; margin: 7px 0; }


/* Projects */
.projects1                { float: left; display: inline; width: 450px; padding-top: 12px; }
.project1_content         { float: left; display: inline; }
.project1_content h4      { font-size: 1.4em; color: #934A4A; }
.project1_content p       { font: 14px Arial; margin: 2px 15px 0px 5px; }
.projects1_row            { width:100%; overflow: hidden; margin-top: 12px; border-bottom: 1px solid #ebebeb;}

.projects2                { float: left; display: inline; width: 450px; padding-top: 12px; }
.projects2_content        { float: left; display: inline; }
.projects2_content h4     { font-size: 1.4em;}
.projects2_content p      { font: 14px Arial; margin: 2px 15px 0px 15px; }
.projects2_row            { overflow: hidden; margin-top: 12px; border-bottom: 1px solid #ebebeb;}

/* Page Header */
.page_header              { overflow: hidden; width: 920px; background: #f1efe2; height: 35px; }
.page_header h3           { float: left; margin-top: 6px; margin-left: 9px; font: 21px Verdana; font-weight: bold; color: #000000; }


/* Other */
.mission                  { font: 14px Lucida Handwriting, arial; font-weight: normal; }
.title                    { font: 16px Lucida Handwriting, arial; font-weight: bold; color: #934A4A; }
.title1                   { font: 14px Lucida Handwriting, arial; font-weight: bold; color: #934A4A; }
.title2                   { font: 14px Lucida Handwriting, arial; font-weight: bold; color: #000000; }
.style7                   { border: thin #304F78 solid; }
.style8                   { border: thin #304F78 solid; font-weight: bold; }

/* Shade Form For Boxes - SLM 1/8/2007 */
.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		          background-image: url("http://www.thepatufoundation.org/images/shadeform.gif"); 
              text-align: left; 
              WIDTH: 280PX; 
              BORDER: #000000 1px solid;
            }
