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

Oasis Caring in Action Css http://www.oasis-ni.org
Original Interface, Css and Site Development by Allison Baxter Design http://www.allisonbaxter.com 

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

/* =Reset Styles ///////////////////////////////////////////////////////////////////*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

body {
	color: black;
	background: white;	
}

ul{
	list-style-type: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* End Reset ///////////////////////////////////////////////////////////////////*/


/* Main Site styles ///////////////////////////////////////////////////////////////////*/

html { overflow: -moz-scrollbars-vertical;}
html { overflow-x: auto; }

	/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
html, body { height:101% }
body {  margin: 0;  padding:0;  background: #faf9f8;
	color: #413000;
	font-family: "Myriad Pro", "Helvetica Neue", Arial, Helvetica, Trebuchet, Geneva, sans-serif;
}
	
body > #wrap {height: auto; min-height: 100%;}

#maincontainer {
	margin: 0;
	width: 100%;
}	
	
	
#wrap {
	width: 960px;
	margin: 0 auto;
	font: 13px/17px "Myriad Pro", "Helvetica Neue", Arial, Helvetica, Trebuchet, Geneva, sans-serif;
	color:#413000;
		}

/* text styles */
h1, h2, h3, h4, h5, p {margin-bottom: 9px;}
h1 {font: 16px/20px "Myriad Pro", "Helvetica Neue", Arial, Helvetica, Trebuchet, Geneva, sans-serif;
	color: #413000;
	padding: 4px 0px 0;
	text-transform: uppercase;
}


h2 {font: 16px/20px "Myriad Pro", "Helvetica Neue", Arial, Helvetica, Trebuchet, Geneva, sans-serif;
	color: #0d3d18;
	text-align: left;
}
h2 a:link{
	color: #0d3d18;
}
h2 a:visited{
	color: #0d3d18;
}
h2 a:hover{
	color: #c1d82f;
	text-decoration: underline;
}
h2 a:active{
	color: #c1d82f;
}

h3 {font: 16px/25px  "Myriad Pro", "Helvetica Neue", Arial, Helvetica, Trebuchet, Geneva, sans-serif;
	color: #0d3d18;
	text-align: left;
	margin-top: 9px;
	}

h3 a:link{
	color: #0d3d18;
}
h3 a:visited{
	color: #0d3d18;
}
h3 a:hover{
	color: #c1d82f;
	text-decoration: underline;
}
h3 a:active{
	color: #c1d82f;
}

h4 {font: bold 10px/12px "Myriad Pro", "Helvetica Neue", Arial, Helvetica, Trebuchet, Geneva, sans-serif;
	margin-top: 3px;
	text-transform: uppercase;
	color: #0d3d18;
	letter-spacing: 1px;	
}

h4 a {font: bold 10px/12px "Myriad Pro", "Helvetica Neue", Arial, Helvetica, Trebuchet, Geneva, sans-serif;
	color: #353535;
	margin-top: 3px;
	text-transform: uppercase;
	color: #0d3d18;
	letter-spacing: 1px;
	text-decoration: underline;
}

h4 a:hover {
	text-decoration: underline;
}

h5 {font: 16px/20px "Myriad Pro", "Helvetica Neue", Arial, Helvetica, Trebuchet, Geneva, sans-serif;
	color: #c1d82f;
	text-align: left;
}
h5 a:link{
	color: #c1d82f;
}
h5 a:visited{
	color: #c1d82f;
}
h5 a:hover{
	color: #c1d82f;
	text-decoration: underline;
}
h5 a:active{
	color: #c1d82f;
}


p {font-size: 13px;
	line-height: 17px;
}

.title{
	font-weight: bold;
	font-size: 30px;
	text-transform: uppercase;
	line-height: 40px;
}

.fronttitle{
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 40px;
}

.subtitle{
	float:left;
width:100%;
padding: 8px 0px 8px 0;
height:23px;
background-color:#c1d82f;
text-align:center;
line-height:18px;
	margin: 0px 0px 10px;
}


#navigationbar{
	width: 100%;
	height: 50px;
	margin: 0 auto;
	background-color: #413000;
	padding-top: 10px;
	padding-bottom: 20px;
}
#navcontainer, #footercontainer {
	width: 960px;
	padding-top: 9px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#navcontainer ul {
list-style: none;
}

#navcontainer li {
float: left;
padding: 0 15px 0 15px;
margin-right: 5px;
list-style: none;
}

#navcontainer li a {	display: block; 

text-transform: uppercase; 
color: #fff;}

#navcontainer a:hover {background: transparent;}

/* 3 column Layout    /////////////////////////////////////////////////////////////////////////////////*/

#wrapcontainer {width:  100%; }
.leftColumn { float:left; width:220px; padding: 20px 10px 10px;text-align: left;}
.middleColumn { float:left; width:460px;padding: 20px 10px 10px; }
.rightColumn { float:left; width:220px;padding: 20px 10px 10px;
	text-align: left;
}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* slightly enhanced, universal clearfix hack - http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ */
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */
.clear{
	clear: both;
}

.twocolumn { float:left; width:680px;padding: 20px 10px 10px; }
/* footer Styling  //////////////////////////////////////////////// */
#footer {width: 100%;
		background-color: #413000;
		color: #c1d82f;
		margin: 0 auto;
		height: 150px;
		clear:  both;
		font-family: "Myriad Pro", "Helvetica Neue", Arial, Helvetica, Trebuchet,  Geneva, sans-serif;
		padding-top: 10px;
	padding-bottom: 10px;
	
}
#footer p {
	line-height: 15px;
	text-align: left;
}

#footer a:link {
	color: #ffffff;
	text-decoration: none;
	
}

#footer a:visited {
	color: #fff;
	text-decoration: none;
	
}

#footer a:hover { 
	color: #ffffff;
	text-decoration: underline;
	
}

#footer a:active {
	color: #fff;
	text-decoration: underline;
	
}

#copyright {
	font-size: 11px;
	text-align: right;
	width: 960px;
	font-family: "Myriad Pro", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
clear:  both;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

iframe{
	width:210px;
	height:300px;
	border:0;
	margin-top: 5px;
}


#topimage {/*header image - random rotation set */
	width: 390px;
	margin-left: auto;
 	margin-right: auto;
	margin-bottom: 10px;
}

.newsdate{
	font-size: 11px;
}

/* General Links ///////////////////////////////////////////////////////////////////*/

a:link {color: #6c7f16; text-decoration: none;}
a:visited {color: #6c7f16; text-decoration: none;}
a:hover {color: #6c7f16; text-decoration: underline;}
a:active {color: #6c7f16; text-decoration: underline;}

/* image styles */
.rightimage/* right aligns text and image */
    {
    float: right;
	padding: 0px 0px 0 0;
}

.leftimage/* left aligns text and image */
    {
    float: left; 
    padding: 0px 8px 8px 0;
	clear: left;
}
    /*horizontal line */
hr {
	color: #6c7f16; 
background-color: #faf9f8; 
width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom: 1px dotted #6c7f16;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.more{
	padding-left: 25px;
	background: url(../images/permanent/icon.png) no-repeat left center;
	padding-top: 5px;
	padding-bottom: 5px;
}
/* block quotes */

blockquote
{
 margin: 10px 0px 20px;
background-color: #e3e7cd;
	padding: 8px 8px 8px 48px;
}
 blockquote:before
 {
color: #c1d82f;
content: '\201C'; /* http://monc.se/kitchen/129/rendering-quotes-with-css */
font-family: Arial, Helvetica, sans-serif;
font-size: 80px;
font-weight: bold;
line-height: 0px;
margin: 0px 5px 0px -40px;
vertical-align: bottom;

}