/* CSS Document */

/* begin with a universal reset */
/* begin - universal reset
---------------------------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin : 0; padding : 0 }
h1, h2, h3, h4, h5, h6, pre, code { font-size : 100% }
ol, ul { list-style : none }
address, caption, cite, code, dfn, em, strong, th, var, h1, h2, h3, h4, h5, h6, pre { font-style : normal; font-weight : normal }
:link,:visited { text-decoration:none }
fieldset, img { border : 0 }
caption, th { text-align : left }
q:before, q:after { content :'' }
hr { position: absolute; left: -999999px }
sup { vertical-align: top }
acronym, abbr { border: 0 }

/* end - universal reset
---------------------------------------------------------------- */

/* begin - main styling for KMM Calendar webpage
---------------------------------------------------------------- */
body {
margin:20px 0 0 0;
padding-bottom:20px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#374a4b;
background-color:#ECF4F5;
font-size:90%;
line-height:120%;
}
h1, h2 {
color:#900;
font-size:130%;
margin-top:3px;
margin-bottom:3px;
}

h3 {
color:#900;
font-size:100%;
font-weight:bold;
margin-top:3px;
margin-bottom:3px;
}
hr .title {position: absolute; left: 0px; border:1px solid #b9cecf;}
a:link {
font-weight:bold;
	color:#03f;
	text-decoration:none;
}

a:visited {
font-weight:bold;
	color:#03f;
	text-decoration: none;
}
 a:hover {
font-weight:bold;
	color:#900;
	text-decoration: underline;
}

p {
margin-top:1em;
margin-bottom:1em;
}
strong {
color:#374a4b;
font-weight:bold;
}

blockquote {
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:130%;
letter-spacing:.1em;
line-height:1.1em;
padding:10px 10px 10px 10px;
}
#cite {
font-size:75%;
}

#wrapper {
width:800px;
margin:0 auto;
text-align:center;
background-color:#fff;
border:solid 1px #b9cecf;

}
#banner {
width:100%;
height:100px;
background-image:url(../images/kennett_banner.gif);
background-position:right;
background-repeat:no-repeat;
background-color:#68909A;
}
#banner h1 {
display:none;
}
#banner2 {
background-color:#FFF;
width:100%;
border-bottom:solid 1px #b9cecf;
}


#main_content {
background-color:#fff;
}
/* Navigation */

#tab_bar {

margin: 10px 0 0 0;
padding: 0;
float:left;
width:100%;
border-bottom: 1px solid #b9cecf;
}

#tab_bar li {
list-style:none;
float:left;
background: #fff url(../images/right_tab_lt.gif) no-repeat right top;
margin-left: 10px;
}
#tab_bar li a {
display:block;
padding:7px 15px 4px 15px;
background-image: url(../images/left_tab_lt.gif);
background-repeat:no-repeat;
background-position:left top;
text-align:center;
text-decoration:none;
color:#374a4b;
font-weight:bold;
font-size:.8em;
}
#tab_bar li a:hover {
color:white;
}

#tab_bar2 {
border-bottom: 1px solid #b9cecf;
margin:10px 0 0 0;
float:left;
width:100%;
}

#tab_bar2 li {
list-style:none;
float:left;
background: #fff url(../images/right_tab_lt.gif) no-repeat right top;
margin-left: 10px;
}
#tab_bar2 li a {
display:block;
padding:7px 15px 4px 15px;
background-image: url(../images/left_tab_lt.gif);
background-repeat:no-repeat;
background-position:left top;
text-align:center;
text-decoration:none;
color:#374a4b;
font-weight:bold;
font-size:.8em;
}
#tab_bar2 li a:hover {
color:white;
}
/* end - Navigation styling for KMM calendar webpage
---------------------------------------------------------------- */
/* begin styling for photo_page
-------------------------------------------------------------- */
#photo_container {
display:block;
float:left;
margin: 0;
padding:25px 15px 15px 15px;
width: 770px;
background-color:#FFF;

}

#photo {
display:block;
width: 764px;
height: 344px;
border: 3px solid #b9cecf;


background-image:url(../images/community.jpg)
}

#photo_caption {
display:block;
float:left;
padding:10px 0px 50px 0px;
width: 100%;
border: 0 10px 10px 10px;
border-color:#FF3399;
font-weight:bold;
font-style:italic;
}
/* end styling for photo_page
-------------------------------------------------------------- */

#footer {
text-align:center;
padding:10px 10px 10px 10px;
border-top: 1px solid #B9CECF;
background-image:url(../images/lt_blu_edge.jpg);
background-repeat:repeat-x;
clear:both;
position:relative;
height:32px;
}
#footer img {position:absolute; left:30px; top:10px;
text-align:left;
border:solid 1px #B9CECF;
}
#copyright {
text-align:center;
color:#374a4b;
font-size:80%;
letter-spacing:.5em;
font-variant:small-caps;
margin-top:10px;
}
/* end - main styling for KMM calendar webpage
---------------------------------------------------------------- */