/* Kirkbrae Events CSS By Danny Chapman, www.dannychapman.com */

body {text-align: center; background: #fff url(../images/background.gif) top left repeat; margin: 0; padding: 0; font-size: 99%; font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, p, ul {margin: 0; padding: 0;}

#pagecontainer {width: 985px; margin: 0 auto; text-align:center; padding-right: 5px;}
#pagecontainer p, #pagecontainer h2, #pagecontainer h3, #pagecontainer ul {text-align:left;}

p {padding: 6px 3px 10px 3px;}

.header {background: url(../images/banner.jpg) top left no-repeat; height: 276px;}

.header h1 {position: absolute; top: -9999px; left: -9999px;}

#navigation {
	text-align: left;
	font-size: 12px; font-weight: bold;
	background: url(../images/menu.gif) top left no-repeat;
	width: 985px; 
	height: 28px;
}

#navcontainer {}


.breadcrumb {background: url(../images/contentbackground.gif) bottom left repeat-y; font-size: 10px; text-align: left; padding: 10px 40px;}
.breadcrumb a {text-decoration: none; color: #333;}
.breadcrumb a:hover {text-decoration: underline;}

.pagecontent {background: url(../images/contentbackground.gif) top left repeat-y; padding: 1px 40px 10px 40px; margin: 0;}
.pagecontent p {font-size: .9em; line-height:1.4em; color: #222;}
.pagecontent a {color: #222;}
.pagecontent a:hover {color: #1C3C37;}
.pagecontent h2 {color: #1C3C39; font-family: Georgia, "Times New Roman", Times, serif;  border-bottom: 1px solid #BAC994; padding-bottom: 4px; margin-top: 20px; margin-bottom: .3em;}
.pagecontent h3 {color: #222; font-family: Georgia, "Times New Roman", Times, serif; margin: 10px 0 0 0; padding: 0;}
.pagecontent h3 {color: #222; clear: both; margin-top: 20px; padding-top: 20px;}
.pagecontent img {background-color: #fff; border: 1px solid #1D3B39; margin: .5em; padding: 3px;}
.pagecontent img.noborder {border: none;}
.pagecontent h4 {text-align: left; padding: .3em 0;}
.pagecontent ul {list-style-position: inside; list-style-type:circle;padding-left: .5em; color: #222; font-size: .9em; line-height: 1.6em; margin-bottom:.4em;}

.pagecontent img.rightimage {margin: .5em 0em .5em .5em; padding: .2em;}

.photoleft {width: 270px; float: left; text-align:left; padding: 0;}
.photoleft img {margin: .5em .5em .5em 0; padding: .2em;}
.photoright {width: 270px; float: right; text-align:right; padding: 0;}
.photoright img {margin: .5em 0em .5em .5em; padding: .2em;}
.centercolumn {padding: 0px 270px; }
.leftcontent {padding: 0px 0 0 270px; }

.feature {float: right; border: 1px solid #ccc; width: 238px; margin: 0 0px 0 0; padding: .3em; font-size: .85em; background-color: #F5F7F8;}


.footer {background: url(../images/footer.gif) top left no-repeat; height: 33px; margin-bottom: 10px;}

.clear {clear: both;}