/*
	Replace ../ with /
*/
html, body { height: 100%; }

body { 
	font-family: 'Gill Sans','Gill Sans MT',Tahoma,Times New Roman,Times;
	color: #333;
	text-align: center; 
	background: #D2EDA3;
	margin: 54px 0 36px 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Gill Sans','Gill Sans MT',Tahoma,Times New Roman,Times;
	font-weight: normal;
	color: #000000;
}

h1 {
    font-size: 167%;
    line-height: 0.8em;
    margin-top: 0em;
    margin-bottom: 0.9em;
    color: #000;
}

h2 {
    font-size: 138.5%;
    line-height: 1em;
    margin-top: 1em;
    margin-bottom: 0em;
}


h3 {
    font-size: 1.25em;
    line-height: 1.2em;
    margin-top: 1.2em;
    margin-bottom: 0em;
}

h4 { font-size: 1em; margin: 1.5em 0; line-height: 1.5em; }

h2 + p, h3 + p, h4 + p, div>p:first-child { margin-top: 0; }

p { margin: 0.75em 0; line-height: 1.5em; }

a, a:link { color: #8CC63E; font-size: 1em; outline: none; text-decoration: underline; }
a:visited { color: #999; }
a:hover, a.selected { color: #8CC63E; }

hr { width: 100%; height: 2px; border: none; background: #8CC63E; }

ul.bulleted { list-style: disc outside; }
	ul.bulleted li { margin-left: 1em; }

ol.numbered { list-style: decimal outside; }
	ol.numbered li { margin-left: 1em; }

p.note { margin: 1.5em 0; padding: 5px; border: 1px solid #CCFFCC; }
p.note strong { font-weight: bold; color: #8CC63E; }


/* Form Layout */
form { position: relative; }
form label { display: block; width: 120px; margin: 0.75em 0 0 0; }
form input { width: 150px; border: 1px solid #8CC63E; height: 1.5em; margin: 2px 0; }
form input:focus { border-color: #FF9933; }
form button { border: none; margin: -1px 0 0 2px; padding: 1px 2px; background: #8CC63E; color: #FFF; cursor: pointer; font-weight: bold; }
form button:hover { background: #FF9933; }
form textarea { border: 1px solid #8CC63E; width: 300px; height: 200px; }
form textarea:focus { border-color: #FF9933; }
form p.note { margin: 0; }

.notice { border: 1px solid #8CC63E; background-color: transparent; }

.flash { margin-right: 5px; margin-bottom: 1em; padding: 5px; border: 1px solid #8CC63E; }
	.flash ul { list-style: disc outside; }
		.flash ul li { margin-lett: 1em; }

.flash.flash-error { border-color: #F00; }

/* float clearing for good browsers */
.html-clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

#main-content {
	position: relative;
	width: 802px;
	margin: 12px auto 0 auto;
	text-align: left;
	min-height: 100%;
}

#header { height: 132px; background: url(images/background.png) 0 0 no-repeat; }
 a#home-link, a:hover#home-link { 
	position: absolute;
	left: 46px;
	top: 2px;
	width: 226px;
	height: 128px;
	display: block; 
	background: transparent; 
	margin-bottom: 143px;
	text-indent: -5000px;
 }

  ol#navigation { position: absolute; top: 80px; right: 26px;  }
	ol#navigation li { float: left; margin-right: 34px; }
		ol#navigation li a, ol#navigation li a:link, ol#navigation li a:visited { 
			display: block;
			color: #FF9933;
			text-decoration: none;
			background: transparent;
			font-variant: small-caps;
			height: 14px;
			font-size: 116%;
		}
		ol#navigation li a:hover, ol#navigation li a.selected {
			color: #FF9933;
			border-bottom: 2px solid #FF9933;
		}

#content { min-height: 220px; margin: 0 1px; padding: 36px 314px 0 26px; background: #FFF; }

#right-column { 
	position: absolute; 
	margin-top: 22px;
	padding: 0 5px 5px 5px;
	top: 144px; right: 26px; 
	width: 239px;
	border-left: 1px solid #8CC63E; 
	background: url(images/right_column_back.png) right top no-repeat #E8F4D8;
}
    #right-column>h2 { margin: 9px 0 0.5em 0; font-variant: small-caps; text-transform: uppercase; font-size: 1.25em; }

#contact-form { padding-top: 0; background: #FFF; }
	#contact-form .corner { position: absolute; width: 21px; height: 21px; z-index: 1; bottom: 0; }
	
	#contact-form #contact-copy { 
		position: relative; 
		margin-left: 26px; 
		width: 500px; 
		height: 194px; 
		padding-top: 9px; 
		border: 2px solid #FF9933; 
		border-right: none;
		background: url(images/homepageimage1.jpg) no-repeat left top;
		}
		#contact-form h2 { margin: 0 0 0 26px; color: #FF9933; }
		
		#contact-form #contact-copy .bottom-left-corner { left: -2px; bottom: -2px; background: url(images/contact-back.gif) 0 0 no-repeat; }
			#contact-form #contact-copy label { clear: left; float: left; line-height:20px; font-size: 108%; margin: 2px 1em 2px 32px; height: 1.5em; }
			#contact-form #contact-copy input { float: left; width: 296px; height: 18px; }
			#contact-form #contact-copy textarea { width: 430px; height: 90px; margin: 4px 0 0 32px; }
			#contact-form #contact-copy button { position:relative; width:120px; margin: 4px 0 0 344px; }
			#contact-form #contact-copy a { display: block; width: 100%; height: 100%; text-indent: -9999em;}

		#contact-message { position: relative; margin-left: 26px; width: 500px; height: 202px; padding-top: 9px; border: 2px solid #FF9933; border-right: none; }
			#contact-message .corner { position: absolute; width: 21px; height: 21px; z-index: 1; bottom: 0; }
			#contact-message .bottom-left-corner { left: -2px; bottom: -2px; background: url(images/contact-back.gif) 0 0 no-repeat; }
			/*
			form { position: relative; }
			form label { float: left; clear: left; width: 120px; text-align: right; margin: 2px 1em 2px 0; height: 1.5em; }
			form input { float: left; width: 150px; border: 1px solid #8CC63E; height: 1.5em; margin: 2px 0; }
			form input:focus { border-color: #FF9933; }
			form button { width: 90px; border: none; padding: 3px 5px; background: #8CC63E; color: #FFF; cursor: pointer; position:absolute; margin-top:180px; left:30px; font-weight: bold; }
			form button:hover { background: #FF9933; }
			form textarea { clear: left; margin-top: 0px; margin-left: 134px; border: 1px solid #8CC63E; width: 150px; height: 200px; }
			form textarea:focus { border-color: #FF9933; }
			form p.note { margin: 0; }
			*/

	#contact-form #contact-details { 
		position: relative;
		float: right; 
		margin-right: 26px; 
		padding: 9px 0 0 28px;
/*		width: 251px; height: 215px;  */
		width: 220px; height: 198px; 
		background: #FF9933; 
		color: #FFF; 
	}
		#contact-form #contact-details .bottom-right-corner { right: 0; background: url(images/contact-back.gif) -21px 0 no-repeat; }
        #contact-form #contact-details span { color: #FFF; }
        #contact-form #contact-details p { margin-top: 25px; clear: left; width: 185px; color: #FFF; line-height: 1.15em; }
        #contact-form #contact-details h3.org { display: none; }
        #contact-form #contact-details .contact-type-header { clear: left; float: left; width: 40px; font-size: 123.1%; margin-right: 0.5em; }
		#contact-form #contact-details .type { display: none; }
		#contact-form #contact-details a { color: #FFF; line-height: 20px;  }
		#contact-form #contact-details .tel { line-height: 20px; }

#footer { 	background: url(images/background.png) 0 -132px no-repeat #D2EDA3; height: 18px; padding-top: 34px; padding-right: 50px; text-align: right; }

.tag-list { display: inline; }
.tag-list li { display: inline; margin: 0 2px; }

/* Post Styles */
.post-date { float: left; width: 45px; height: 45px; margin-right: 9px; border: 1px solid #CCCCCC; font-family: Georgia,Times New Roman,Times; text-align: center; color: #FFF; }
.post-date strong,
.post-date em { display: block; background: #FF9933; margin: 1px;  }
.post-date strong { font-size: 161.6%; line-height:22px; margin-bottom: 0; padding-top: 2px; }
.post-date em { font-size: 85%; margin-top: 0; height: 19px; }
.metadata { height: 45px; }
.entrybody { clear: both; margin-top: 0.75em; }

ol.short-fragment-list { margin: 0; list-style: none; }
	ol.short-fragment-list li  { list-style: none; margin-bottom: 1.5em; }
ol.short-fragment-list li .metadata h2,
ol.fragment-list li .metadata h2 { margin-top: 0; line-height:24px; text-transform: uppercase; }
  ol.short-fragment-list li .metadata h2 a,
  ol.fragment-list li .metadata h2 a,
  ol.short-fragment-list li .metadata h2 a:visited,
  ol.fragment-list li .metadata h2 a:visited { text-decoration: none; background: transparent; color: #000; }
  ol.short-fragment-list li .metadata h2 a:hover,
  ol.fragment-list li .metadata h2 a:hover { text-decoration: underline; }
  ol.short-fragment-list li p,
  ol.fragment-list li p { margin-left: 9px; }
	
ol.fragment-list>li { padding-bottom: 0.5em; margin-bottom: 0.5em; border-bottom: 1px dashed #CCC; }

.post .metadata h1 { margin-bottom: 0; line-height: 24px;  }
	.post .metadata h1 a,
	.post .metadata h1 a:visited { text-decoration: none; background: transparent; color: #000;  }

	.post .metadata h1 a:hover { text-decoration: underline; }


.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
	.commentlist li ul li {
		font-size: 1em;
	}

	.commentlist li {
		font-weight: bold;
	}

	.commentlist li .avatar { 
		float: right;
		border: 1px solid #eee;
		padding: 2px;
		background: #fff;
		}

	.commentlist cite, .commentlist cite a {
		font-weight: bold;
		font-style: normal;
		font-size: 1.1em;
		}

	.commentlist p {
		font-weight: normal;
		line-height: 1.5em;
		text-transform: none;
		}

	#commentform p {
		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
		}

	.commentmetadata {
		font-weight: normal;
		}
		
/* Makes a list undecorated */
.undecorated { margin: 0; list-style: none; }