/*CSS St James Church*/
body { font-family: Verdana, Helvetica, Arial, "sans-serif"; background-color: #ccff99;
 line-height: 20px; padding: 0;  margin: 0; }
h1, h2, h3 { font-family: Verdana, Helvetica, Arial, "sans-serif"; }
h1 { font-size: 200%; background-color: #00cc33; color: white; padding-top: 40px; padding-bottom: 10px;
 padding-left: 40px; margin: 0; }
h2 { color: navy; font-size: 150%; font-weight: normal; padding-top: 15px;}
h3 { color: navy; font-size: 120%; font-weight: normal;}
li { font-size: 15px; list-style-type: none; }
p { color: navy; }

#tagline p { font-size: 15px; font-family: verdana, Times, "sans-serif"; border-top: 3px solid #339900; 
border-bottom: 3px solid #339900; padding-top: 4px; padding-bottom: 4px; 
padding-left: 40px; margin: 0; background: #ccff99; }
em { text-transform: uppercase; }
a { font-weight: bold; }
a:link { color: black; }
a:visited { color: navy; }
a:hover { text-decoration: none; color: white; background-color: navy; }
a:active { color: black; background-color: white; }

#navigation { width: 180px; height: 350px; background: #339900; } 
ul { margin-top: 15px; }


/*This section deals with the position of items on the screen. It uses absolute positioning - fixed x and y coordinates measured from the
top-left corner of the browser's content display. */
#navigation, #bodycontent, #header { position: absolute; }
#navigation, #bodycontent { top: 102px; }
#bodycontent { left: 200px; width: 792px;}
#header { width: 100%; }

/*This section deals with table in the diary page*/
table.diary {border-collapse: collapse; }
table.diary th, table.diary td { padding: 4px; border: 1px solid #000066; }
table.diary th{ font-size: 10px; text-align: left; background: #ccff66 url(images/table.png) }
table.diary td { font-size: 14px; background: #ccff99 url(images/tablebody.png) repeat-x top;}