/* 
   css Copyright (c) 2005-2006 by Karelia Software. All rights reserved.
   css released under Creative Commons License 
        - http://creativecommons.org/licenses/by-sa/2.5/ 
   All associated graphics belong to their respective owners 
        and are licensed separately. 
*/

a img { border: none; }

 /* General styles  */

.clear {
	clear: left;
	height: 0;
}

#page a:link { color: #660000;}
#page a:visited { color: #663300;}
#page a:hover { color: #FF3366;}
#page a:active { color: #FF3366;}


ul {
	padding:10px;
}

#page-content li {
	background: url("bullet.gif") left top no-repeat;
	list-style: none;
	padding: 0 0 0 20px;
}



.hidden {
    display:none;
}

/* Images embedded in text.  "narrow" are 200 pixels wide or smaller. */
img.narrow {
	display: block;
	clear: right;
    float: right;
	margin: 10px;
}
img.wide {
	display:block;
	margin: 0 auto;
}

/* Block Level formatting, more or less in descending order */

body {
	background: #CCFFCC url("back_drop.jpg") center repeat-y;
	font-size: 76%;
	font-family: Georgia, Times, "Times New Roman", serif;
	margin: 0;
	padding: 0;
	text-align: center;
	word-wrap:break-word;
}

		#page {
			background: url("branches.jpg") top center no-repeat;
			margin: 0 auto;
			position: relative;
			text-align: left;
			width: 730px;
		}

			#page-top {
				width: inherit;
			}

				#title {
					height: 150px;
					width: inherit;
				}

					#logo-container {
						height:128px;
						width:210px;
						float:right;
					}

					#title h1 {
						background:  url("back_h1.gif") left top no-repeat;
						color: #660000;
						float: right;
						font-size: 1.8em;
						height: 65px;
						min-width:330px;
						max-width:440px;
						line-height: 1.5em;
						margin: 10px 20px 0 0;
						padding: 25px 0px 0px 30px;
						word-wrap:break-word;
					}
					
					
					#title>h1.replaced {
						background-position:right top !important;
						padding-top:0px;
						margin-bottom:20px;
					}
					
					#title h1.TurnOffReplace {
						background:  url("back_h1.gif") 100% -10px no-repeat !important;
						text-align:right !important;
						max-width:420px;
						height:45px;
						padding-top:20px;
						margin-bottom:20px;
					}

						#title h1 a {
							color: #660000;
						    text-decoration:none;
						}

					#title img {
						float: right;
						padding: 10px 10px 0 0;
					}

					#title p {
						color: #006600;
						font-weight: bold;
						float: right;
						text-align: right;
						padding: 10px 0px 0 0px;
						margin-right:20px;
						width: 250px;
					}

				#sitemenu {
					float: right;
					margin: 0 0 10px 0;
					text-align: right;
					width: 100%;
				}

					#sitemenu-content {
						padding: 0 20px 0 100px;
					}

						#sitemenu-content ul {
						}

						#sitemenu-content li {
							display: inline;
						}

							.currentPage {
							}

							#sitemenu-content a, li.currentPage span.in  {
								font-weight: 600;
								padding: 4px;
							}

							#sitemenu-content a:link, #sitemenu-content a:visited {
								color: #660000;
							}

							#sitemenu-content a:hover, #sitemenu-content a:focus, #sitemenu-content a:active {
								background: url("back_nav.gif") 50% 1px no-repeat;
								text-decoration: none;
							}

			#page-content {
				float: left;
				padding: 10px 0 10px 20px;
				position: relative;
				width: 710px;
			}

				#sidebar-container {
					background: url("box_nw.gif");
					border: 0px solid #000;
					padding: 0 20px 0 30px;
					margin-bottom:187px;
				/*	position: absolute;
					right: 0;
					top: 0; */
					float:right;
					width: 200px;
				}
				#sidebar {
					background: url("box_sw.gif") left bottom no-repeat;
					border: 0px solid red;
					margin: 0 -30px;
					padding: 0 20px 30px 30px;
					width: 200px;
				}

				    .pagelet  { font-size: 14px; width: 200px; overflow: hidden; word-wrap: break-word }

				    	.pagelet h4  { color: #006600; font-size: 14px; margin: 0; padding: 20px 0 }
						.pagelet.e h4  { font-size: 14px; background: url("divider_e.gif") no-repeat 50% bottom }
						.pagelet.o h4  { font-size: 14px; background: url("divider_o.gif") no-repeat 50% bottom }

					.untitled {
					}
					.titled {
					}

				#page-content {
					z-index:200;
					margin-bottom:74px;
				}

/* photo-page, html-page (in some cases), iframe-page don't have sidebar */
				body.no-sidebar #main {
					padding-right:24px;
					padding-bottom:30px;
				}

/* Most other pages have sidebars */
				body.allow-sidebar #main {
					width: 452px;
				}

		/*		#main-bottom {
					display:block;
					height:74px;
					width:100%;
					z-index:1;
				}	
		*/	

					#page-content h2 {
						background: url("back_h2.gif") left top no-repeat;
						color: #006600;
						font-size: 1.6em;
						line-height:1.8em;
						min-height:58px;
						margin: 10px 0 0 0;
						padding: 12px 24px 0px 30px;
					}

							.article h3 {
								font-size: 1.1em;
								clear:left;
							}

							.article h3 a {
							}

							.article-thumbnail {
								float: right;
								margin: 10px;
							}

							.callout {
								float: left;
								margin: 10px 10px 10px 0;
							}

			#page-bottom {
				background: url("flower.gif")  bottom right no-repeat;
				display: block;
				width:410px;
				height:77px;
				padding:110px 220px 0px 0px;
				margin: 0px .3em 0 0;
				position:absolute;
				bottom:0px;
				right:0px;
			}

			#page-bottom p  { font-size: 1pc; text-align: right; margin: 0; z-index: 300 }

/* Other specific classes nested with an .article */

.ImageElement, .VideoElement {
	text-align: center;
}
	.photo {
		clear: left;
		text-align: center;
	}
		.photo h3 {
		}

		.photo img {
			margin: 0 auto;
		}

		.caption  { font-size: 14px; margin: 10px 0 0 }

/* Used on Photo Grid Pages ... */
.photogrid-index {
	float: left;
	text-align:center;
}

.photogrid-index a {
	text-decoration:none;
}


.gridItem {
	float:left;
	position:relative;
	width:135px;
	height:180px;	/* room for caption */
	overflow: hidden;
	margin: 6px;
}

.gridItem h3  { font-size: 14px; font-weight: normal; position: absolute; top: 130px; width: 136px }

.gridItem img {
    border: 1px solid rgb(80, 80, 80);
    margin: auto;
    display:block;
    position: absolute;
    top: 0;
    bottom: 40px;
    right: 0;
    left: 0;
}


/* Hides from IE5-mac \*/
* html .gridItem img {
	position: relative;
	top:0px;
}

* html .gridItem h3  { font-size: 14px; position: relative; top: -15px }
/* End hide from IE5-mac */



/* Used on index summary pages */

.listing-index li h3 a  { font-size: 14px; font-weight: normal; text-decoration: none }

/* Individual Photo Pages */

.photo-navigation {
	float: left;
	margin: 0 auto;
}
    .photo-navigation div {
		float: left;
		font-size: 1.2em;
		font-weight: 600;
		height: 60px;
		line-height: 60px;
		text-align: center;
		width: 235px;
		display:block;
	}

	.allow-sidebar .photo-navigation div {
		width:150px;
	}

	.allow-sidebar #previous-photo, .allow-sidebar #previous-photo a {
		background-position:0px 0px;
	}
	
	.allow-sidebar #next-photo, .allow-sidebar #next-photo a {
		background-position:-50px 0px;
	}
	
	.no-sidebar #photo-list {
		width:210px;
	}
	
	.allow-sidebar #photo-list  {
		width:130px;
	}
	

	.photo-navigation div a {
		width:100%;
		height:100%;
    	text-indent: -5000em;
		display:block;
	}

	#previous-photo	{
		background: url("previous-inactive.gif") 	center no-repeat;
	}
	#previous-photo a	{
		background: url("previous.gif")	center no-repeat;
	}
	
	#next-photo {
		background: url("next-inactive.gif") center no-repeat;
	}
	#next-photo a {
		background: url("next.gif") center no-repeat;
	}

	#photo-list  { background: url("list-inactive.gif") no-repeat center }
	#photo-list a {
		background: url("list.gif") center no-repeat;
	}
/*
Image Replacement - dynamically generated - Rundle/Phark method
*/

.TurnOffReplace {
	background:none !important;
	text-indent:0 !important;
	line-height:1.5em !important;
}
html > body #k-Root-siteTitleHTMLInherited-22EC137B4F1248699C13-h1h {
	background/**/:url("IR/replacementImages.k1.png") top left no-repeat;
}
html > body #k-Root-siteTitleHTMLInherited-22EC137B4F1248699C13-h1h, html > body #k-Root-siteTitleHTMLInherited-22EC137B4F1248699C13-h1h a:link, html > body #k-Root-siteTitleHTMLInherited-22EC137B4F1248699C13-h1h a:visited {
	display/**/:block;
	text-align/**/:left;
	text-indent/**/:-9999px;
	width/**/:450px;
	height/**/:55px;
}
html > body #k-Root-siteTitleHTMLInherited-22EC137B4F1248699C13-h1 {
	background/**/:url("IR/replacementImages.k0.png") top left no-repeat;
}
html > body #k-Root-siteTitleHTMLInherited-22EC137B4F1248699C13-h1, html > body #k-Root-siteTitleHTMLInherited-22EC137B4F1248699C13-h1 a:link, html > body #k-Root-siteTitleHTMLInherited-22EC137B4F1248699C13-h1 a:visited {
	display/**/:block;
	text-align/**/:left;
	text-indent/**/:-9999px;
	width/**/:450px;
	height/**/:55px;
}


/* IE7 hacks */

*:first-child+html .gridItem img {
	position:relative;
	top:0px;
}

*:first-child+html .gridItem h3 {
	position:relative;
	top:0px;
}


/* Contact Element (standard and customized HTML) */

form.contactElement textarea,
form.contactElement input,
form.contactElement select {
	width:98%;
	margin:4px 0;
}
form.contactElement input.submit {
	width:auto;
	display:block;
	margin-left:auto;
	margin-right:2%;
	min-width:50%;
}
form.contactElement th {
	text-align:right;
	font-weight:normal;
	width:25%;
}

/* Contact Element For IE 7 */
*:first-child+html form.contactElement input.submit {
	padding:0px 10%;
}
