/* CSS Document */

@import url("../yui/reset.css");
@import url("../yui/fonts.css");
@import url("../yui/grid.css");
@import url("../yui/custom.css");

body {
	background-color:#ffffff ;
	}

/* frame.css ============================ */

#doc {
	width:832px;
}


/* ===== head ===== */

/* ===== main ===== */

#bd {
	background: #ffffff ;
	font-size:13px;
	*font-size:14px;
}

.yui-b {
	padding: 0px 0px 10px 0px;
	background-color: #fff;
	margin-left: 0px;

}

#yui-main {
	padding-right: 45px;

}

.yui-t2 #yui-main .yui-b {
	margin-bottom: 50px;
	position:inherit;
}

#sidebar {
	width: 222px;
	float:right;
	background-color:#ccc;
	margin: 0px 0px 10px 10px;
	padding:10px;
}

/* style.css ====================================== */

/* general tags ============================================================ */

html, body {
	font-family:  Georgia, "Times New Roman", Times, serif;
}
	
p {
	line-height: 1.2em;
	margin: 0px;
	padding: 20px;
	padding-bottom: 8px;
	text-color: #ccc;
 }
 
a {
	color:#3300FF;
}
	
a:link,
a:visited {
	text-decoration: none; }
	
a:hover,
a:active {
	text-decoration: underline; } 


/* head styles ==================================================== */

#head-background {
	background: url(images/Ojai_Valley_Library_header.jpg);
	height: 158px;
}

#hd h1 {
	font-size:70px;
	text-align:center;
	color:#fff;
	padding-top:35px;
	line-height:.8em;
	
}

#hd a {
	color: #fff;
}

#breadcrumb {
	padding: 3px 0px 5px 202px;
	font-weight:bold;
	color:#ccc;
}
/* main styles ============================================================ */



#menu {
	padding: 40px 5px 10px 10px;
	background-color: #d9e099;
}

.menu {
	border-bottom: 1px solid #fefefe;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

#menu h1 {
	color: #683429;
	font-size: 14.8px;
}

#menu a {
	color: #683429;
}

.submenu {
	color: #5d8053;
	font-family: arial, helvetica, sans-serif;
	font-size:11px;
}

#yui-main h1.black {
	color:#000000;
	font-size:40px;
	font-style:italic;
	margin-left:20px;
}

#yui-main h1.black-medium {
	color:#000000;
	font-size:242%;
	font-style:italic;
	margin-left:20px;
}

#yui-main h1 {
	color: #E13F34;
	font-size:312%;
}

#yui-main h1.smaller {
	color: #E13F34;
	font-size:242%;
}

#yui-main h1.red-medium {
	color: #E13F34;
	font-size:242%;
}

#yui-main h2 {
	font-size:50px;
	color: #1D7C72;
	margin: 0px 10px;
}

#yui-main h3 {
	font-size:129%;
	font-weight:normal;
	color: #b4282e;
	margin-bottom: 10px;
}

#yui-main h4 ,
#yui-main h4 a {
	font-size:17px;
	font-weight:normal;
	color: #E13F34;
	margin-bottom: 10px;
}

#yui-main h4.purple,
#yui-main h4.purple a {
	font-size:17px;
	font-weight:normal;
	color: #6275D1;
	margin-bottom: 10px;
}

#yui-main h4.black,
#yui-main h4.black a {
	font-size:17px;
	font-weight:normal;
	color: #000;
	margin-bottom: 10px;
}

#yui-main h4.teal,
#yui-main h4.teal a {
	font-size:17px;
	font-weight:normal;
	color: #8A9E59;
	margin-bottom: 10px;
}

#yui-main h4.green-head,
#yui-main h4.green-head a {
	font-size:17px;
	font-weight:normal;
	color: #1D7C72;
	margin-bottom: 10px;
}

#yui-main h4.gray,
#yui-main h4.gray a {
	font-size:17px;
	font-weight:normal;
	color: #65685F;
	margin-bottom: 10px;
}

#yui-main h4.light-green,
#yui-main h4.light-green a {
	font-size:17px;
	font-weight:normal;
	color: #7A9C36;
	margin-bottom: 10px;
}

#yui-main h5 {
	color:#1D7C72;
    font-size:129%;
	font-style:italic;
	padding:5px;
	text-align:center;
}

#content {
	padding: 0px 10px 10px 20px;
	clear:both;
	height:100%;
}

#content-light-blue {
	padding: 0px 10px 10px 20px;
	background-color:#CBFFFD;
	clear:both;
	height:100%;
}

#content-yellow {
	padding: 0px 10px 10px 20px;
	background-color:#FEFF99;
	clear:both;
	height:100%;
}

#content-light-green {
	padding: 0px 10px 10px 20px;
	background-color:#d9e099;
	clear:both;
	height:100%;
}


.left {
	float:left;
	width:346px;
}

.right {
	float:right;
	width:229px;
}


.yellow {
	background-color:#FEFF99;
	padding: 10px 10px 10px 20px;
}

.white {
	padding: 10px 10px 10px 20px;
}



.light-blue {
	padding: 10px 10px 10px 10px;
	background-color:#F7F7BF;
	clear:both;
	margin-bottom:0px;
	border: 1px solid #E5E5CE;
}

.green {
	color:#61564F;
	font-weight:bold;
	line-height:1.2em;
	font-size:140%;
}

.green-sm {
	color:#1D7C72;
	font-weight:bold;
	line-height:1.1em;
}

.green-sm-em {
	color:#1D7C72;
	font-weight:bold;
	line-height:1.1em;
	font-style:italic;
}


.teal-sm-em {
	color: #8A9E59;
	font-weight:bold;
	line-height:1.1em;
	font-style:italic;
}


.red {
	color:#E13F34;
}

.red-em {
	font-size:107%;
	color:#E13F34;
	font-weight:bold;
	font-style:italic;
}

.heading {
	color:#356C18;
	font-weight:bold;
	font-size: 160%;
	vertical-align:top;
	line-height: 1.5em;
	margin-top: 10px;
	padding-left: 24px;
}


.description{
	font-weight:bold;
	vertical-align:top;
}

.background-image {
	background: #fff;
	height: 306px;
	width: 328px;
	position:absolute;
	right:0px;
	top:91px;
	*top: 122px;
}

.image-caption {
	position:absolute;
	right:0px;
	top:415px;
	*top:445px;
	width:190px;
	margin-right:10px;
	color:#1D7C72;
	font-weight:bold;
	font-style:italic;
}



.blue-caption {
	color:#7275A8;
	font-weight:bold;
	font-style:italic;
}

.red-caption {
	color:#E13F34;
	font-weight:bold;
	font-style:italic;
	padding: 10px 10px 0px 0px;
}

.green-caption {
	color:#4D6E38;
	font-weight:normal;
	font-style:italic;
	padding: 10px 10px 5px 0px;
	text-align:center;
	border-bottom-style: solid;
	border-bottom-color: #D9E099;
	border-bottom-width: 1px;
	margin-right: 80px;
	margin-left: 80px;
	background-color: #F0F0D8;
}

.blue-text {
	color:#2d1d5a;
	font-weight:normal;
	font-style:normal;
	font-size: 16px;
	line-height: 20px;
}


.thumbnail {
	margin:10px;
}

ol li {
	list-style:decimal;
	margin-left: 22px;
	margin-bottom:5px;
}

li {
	list-style:disc;
	margin-left: 15px;
	margin-bottom:5px;
}

.italics {
	font-style:italic;
}

.bold {
	font-weight:bold;
}



/* utility classes ====================================================== */

.left-align {
	float:left;
	margin: 0px 15px 0px 0px;
}

.right-align {
	float:right;
	margin: 0px 10px 0px 10px;
}

div.clearFloats, .clearFloats {
	clear: both;
	line-height: 0px; 
	height: 0px;
	visibility: hidden; }
	
.pagetop {
	float: right;
}
.text_bold_red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	padding-right: 24px;
	padding-left: 30px;
	text-align: center;
	padding-top: 24px;
	line-height: 18px;
}