/* CSS Document */

body{
    margin-top:0px;
    background-color:#EBf4DE; /*light lime green*/ 
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:18px;
    color:#555555;
    
}
td, th{vertical-align:top;}

.tiny {
	font-size:8pt;
	}
.bgblend {
	background-color:#EBf4DE; /*light lime green*/ 
}

p, .p{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:18px;
    color:#555555;
    margin-bottom:9px;
    margin-top:0px;
    
}

h1, .h1{
    color:#EE8A1D; /*orange*/
    font-size:15px;
    margin-top:0px;
    margin-bottom:9px;
    
}

h2, .h2{
    margin-top:0px;
    margin-bottom:4px;
    font-size:13px;
    font-weight:bold;
    color:#8cc63f; /*bold lime green*/
    color:#5B8327; /*slightly darker lime green*/
}

h3, .h3{
    margin-top:0px;
    margin-bottom:4px;
    font-size:13px;
    font-weight:bold;
}

a  {
    color:#00BCE4; /*cyan */
    text-decoration:underline;
    
}

a:hover {
    text-decoration:none
}

#charity
{right:0px;
top:0px;
position:absolute;
margin-top:5px;
float:right;}

#logo

{left:0px;
top:0px;
position:absolute;
margin-top:0px;}

/*containers*/

#container{
    min-width:760px;
    max-width:1000px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    background-color:#FFFFFF;
   width: expression(document.body.clientWidth < 774? "762px" : document.body.clientWidth > 1003? "1001px" : "auto");
}

#footer{
    clear:both;
	padding-top:10px;
	text-align:center;
    
}

#innards {
    padding-left:15px;
    padding-right:15px;
    
}

#frontphotomain {
    background-image: url(images/mainphoto-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 145px;
    width: 100%;
    
}

#subphotomain {
    /*background-image: url(images/mainphoto-bg.jpg); */ 
    background-repeat: no-repeat;
    background-position: center top;
    height: 145px;
    width: 100%;
    
}

#subphotobook {
    background-image: url(images/banners/naramata.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 145px;
    width: 100%;
    
}

#subphotoabout {
    background-image: url(images/banners/chapel.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 145px;
    width: 100%;
    
}

#subphotoprograms {
    background-image: url(images/banners/beach.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 145px;
    width: 100%;
    
}

#subphotogettinghere {
    background-image: url(images/banners/apricots.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 145px;
    width: 100%;
    
}

#subphotocontact {
    background-image: url(images/banners/garden.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 145px;
    width: 100%;
    
}

#subphotocontribute {
    background-image: url(images/banners/bee.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 145px;
    width: 100%;
    
}

#subwrap {
    padding-top:10px;
    
}

#slogan{
    height:37px;
    width:100%;
    background-color:#8CC63F;
    
    text-align:center;
    margin-top:5px;
    margin-bottom:5px;
    
}

.subphoto1 {
    margin-right:10px;
    background-image: url(images/drumsbg.jpg);
    background-repeat: no-repeat;
    background-position: left;
    height:57px;
    
}

.subphoto2 {
    margin-right:10px;
    height:57px;
    background-image: url(images/ginkobg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    
}

.subphoto3 {
    height:57px;
    background-image: url(images/dockbg.jpg);
    background-repeat: no-repeat;
    background-position: right;
    
}

#header{
    width:100%;
	
    
}

#headersub{
    width:100%;
    background-image:url(images/slogan-sub.gif);
    background-position:right top;
    background-repeat: no-repeat;
	height:131px;
	
position:relative;
    
}

#navwrap {
    float:right;
    clear:both;
    color:#00bce4;
    position:absolute;
    right:0px;
    top: 100px;
		z-index:8;
    
}

#slogansub {
    float:right;
    margin-top:0px;
    margin-bottom:0px;
    
}

#homelink{
    float:left;
    
}

#navwrap a {
	color:#8cc63F; /*bold lime green*/
	color:#5B8327; /*slightly darker lime green*/

    text-decoration:none;
    font-size:16px;
    
}

#navwrap a:hover {
    text-decoration:underline
}



/*Suckerfish code will go here*/

#nav, #nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline;
    
}

#nav a {
    color:#8cc63F; /*bold lime green*/
    color:#5B8327; /*slightly darker lime green*/
    display: block;
    text-decoration:none;
    font-size:16px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FFFFFF;
    padding-left:4px;
    padding-right:4px;
    
}

#nav a:hover {
    text-decoration:underline;
    
}

#nav li {
    float: left;
}

#nav li a {
    color:#8cc63F; /*bold lime green*/
    color:#5B8327; /*slightly darker lime green*/
    text-decoration:none;
    font-size:16px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #EE8A1D;
    padding-left:2px;
    padding-right:2px;
    padding-bottom:0px;
    
}



/*This is a drop down*/

#nav li ul {
    position: absolute;
    left: -999em;
    
}

#nav li ul li{
    clear:both;
   
}

#nav li ul li a{
    background-color:#00BCE4;
    color:#ffffff;
    height:30px;
    width:200px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ffffff;
    border-left-width: 0px;
    display:block;
    text-decoration:none;
    
}

#nav li ul li a:hover {
    background-color:#EE8A1D;
    
}

#nav li:hover ul {
    left: auto;
    
}

#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
    
}



/*Second level dropdowns*/

#nav li ul ul {
    margin: -30px 0 0 200px;
    
}

#nav, #nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
    left: -999em;
    
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
    left: auto;
    
}



/*Backgrounds and hax for table cells*/

#leftcell{
    width:10px;
    background-image:url(images/bg-left.gif);
    background-repeat:repeat;
    
}

#rightcell{
    width:10px;
    background-image:url(images/bg-right.gif);
    background-repeat:repeat;
    
}

#middlecell{
    width:100%
}



/*Floating news divs*/

.leftcol{
    float: left;
    width: 33%;
    
}

.middlecol{
    float: left;
    width: 34%;
    
}

.rightcol{
    float:left;
    width: 33%;
    position:relative;
    margin-right:-1px;
    
}

.contentcol{
    float: left;
    width: 67%;
    
}

.newsitemhead{
    display:block;
    clear:both;
    padding:5px;
    
}

.newsitem{
    display:block;
    clear:both;
    padding:5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #8cc63F; /*bold lime green*/
    border-bottom-color: #5B8327; /*slightly darker lime green*/
    margin-bottom:10px;
    margin-right:10px;
		/*overflow: auto;*/
    
}

/*
.newsitem img{
	margin: 5px;
	float:right;
}
*/

.noleft
{text-align:center;}

.noleft img
{float:none;}

#breadcrumbs {
    margin-top:5px;
    
}

#breadcrumbs p{
    font-size:11px;
    
}

#sidebar {
}
#sidebar a{
    display:block;
    margin:1px 0px 1px 0px;
    text-align:center;
    padding:5px;
    color:#ffffff;
    font-weight:bold;
		width: 97%;
}
a.SidebarNav_First {
    background-color:#8cc63f; /* green */
}
a.SidebarNav_First:hover{
    background-color:#EE8A1D; /*orange*/
}
a.SidebarNav{
    background-color:#00BCE4; /* teal blue */
}
a.SidebarNav:hover{
    background-color:#EE8A1D; /*orange*/
}


a.test {
	color:#cc3333;
	background-color:#006600;
	display:block;
}
a.test:hover{
	color:#006600;
	background-color:#cc3333;
}

.smallprint
{font-size:11px;
line-height:14px;}


/*form formatting*/

.label {
    width: 120px;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block;
    font-weight:bold;  
}

submit{
    text-align:center;
    
}

fieldset, .fieldset{
    background-color: #FFF4D9;
    padding: 10px 10px 10px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    
}

legend{
    color: #000;
    background: #C0E0ED;
    border: 1px solid #3d99C6;
    padding: 2px 6px
}

.quote {
	font-size:12px;
	color:#8cc63F; /*bold lime green*/
	color:#5B8327; /*slightly darker lime green*/
	line-height:16px;
}
	
.halfsplit1 {
	width:60%;
	float:left;
	margin-right:10px;
}

.halfsplit2	{
	width:30%;
	float:left;
	margin-right:10px;
}

img.absmiddle {
	vertical-align:middle;
}


/* Photo gallery styles */

#photocontainer{
    text-align:center;
    
}

#photocontainer img{
    margin-bottom:10px;
    
}

#captions{
    clear:both;
    margin-bottom:20px;
    
}

#captions p {
    font-size:12px;
    color:#8cc63F; /*bold lime green*/
	color:#5B8327; /*slightly darker lime green*/
    
}

#thumbnails {
    text-align:center;
    
}

#thumbnails img {
    margin-left:2px;
    margin-right:2px;
    
}

.jumpbuttons {
    float:right;
    width:150px;
    
}

.jumpbuttons a{
    display:block;
    margin:1px 0px 1px 0px;
    text-align:center;
    padding:5px;
    background-color:#00BCE4;
    color:#ffffff;
    font-weight:bold;
    width:150px;
    height:20px;
    
}


.TrBgDark {
	background-color:#F7EBDF;
}
.TrBgLight {
	background-color:#FFFBF4;
	/*:#FFF4E6;*/
}


	
.rteImg {background:#EFEDDE;border:1px solid #EFEDDE;width:23px;height:22px;margin:1px;}
.rteImgUp {background:#cddbf3;border:1px solid #6e9ce6;width:23px;height:22px;margin:1px;}
.rteImgDn {background:#C1D2EE;border:1px solid #316ac5;width:23px;height:22px;margin:1px;}
.rteSep {margin:0 2px 0 2px;width:1px;height:20px;border:0px}
.rteBar {margin:0 2px 0 4px;width:3px;height:15px;border:0px}
.rteBk {background:#EFEDDE;border: 1px solid #EFEDDE;letter-spacing:0;height:24px}
.rteBk tbody tr td, .rteBk tr td {background:#EFEDDE;height:24px}
.rteDiv {display:block;position:relative}
.show {left:auto;top:auto;position:relative}
.hide {left:-1000px;top:-1000px;position:absolute}
hr {
	color: #8cc63F; /*bold lime green*/
	color:#5B8327; /*slightly darker lime green*/
	background-color: #8cc63F; /*bold lime green*/
	background-color:#5B8327; /*slightly darker lime green*/
	height: 1px; 
	border: 0;
}.error {
	font-family: "Courier New", Courier, monospace;
	color: #990000;
	background-color: #FFEEFF;
	display: block;
	border: 1px solid #660000;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
}



/* ********************** 

2009-11-05, Dale: 

Fancy Scalable Button CSS found at 
http://monc.se/kitchen/stew/buttons/btn.html



************************** */ 
/*<![CDATA[ */

.btn { padding: 20px; font-size: 1.25em; font-family: "Times New Roman", Times, Georgia, serif; }
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: right; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #EE8A1D; }  /*orange*/
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(images/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }

* html .btn:hover { border-color: #EE8A1D; }  /*orange*/
/*
p { clear: both; padding-bottom: 2em; }
form { margin-top: 2em; }
form p .btn { margin-right: 1em; }
textarea { margin: 1em 0;}
*/

/*]]>*/
.hint li{
	margin: 0;
	padding: 0;
}
.hint ul {
	margin: 0;
	padding-left: 10px;
}

input.title {
	font-weight: bold; font-size: 20px;
}

.money_highlight{
	background-color:#ddFFee; border:1px solid #999999; padding:5px;
	}
	
.money_highlight_thin{
	background-color:#ddFFee; border:1px solid #999999; padding:2px;
	}