@charset "utf-8";
/* CSS Document */

/*************************************************************************************************
						                BODY & BACKGROUND
*************************************************************************************************/
/* define default font & color, background color, background gradient, repeat horizontally, clear all margins, clear all padding */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #383838;
	background: #88A9D4 url(images/background-gradation.jpg) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

/************************************************************************************************
						               TABLE CONTAINER
*************************************************************************************************/
/* **table used to position background seed image behind left top of table no matter browser size or resolution** */
table {
	background-image: url(images/background-seed.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

/************************************************************************************************
						                 CONTAINER
*************************************************************************************************/
/* define the width, background, margins, border & text alignment of the white container that holds all of the actual content */
#container {
	width: 900px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-right: 3px solid #21508E;
	border-bottom: 3px solid #21508E;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/*************************************************************************************************
                                             HEADER
*************************************************************************************************/
/* float box containing header links & search to right, clear all margins, define top & right padding, no bottom or left padding, define font size & color */
#headerRight {
	float: right;
	margin: 0;
	padding: 30px 20px 0 0;
	font-size: 11px;
	text-align: right;
	color: #99268E;
	width: 522px;
}

/* clear all margins & padding, define header link line height for spacing purposes */
#headerLinks {
	margin: 0;
	padding: 0;
	height: 17px;
}

/* define text-decoration ("none" removes underline) & font color */
#headerLinks a {
	text-decoration: none;
	color: #99268E;
}

/* define link hover decoration to underline on rollover */
#headerLinks a:hover{
	text-decoration: underline;
}

/* define margin, padding & line height */
#headerSearch {
	margin: 5px 0 0 0;
	padding: 0 0 8px 0;
	height: 15px;
}

/* define input form field - clear all margins/padding, set border widths, styles & colors, set box hight & width */
input[type="text"]
{
	margin: 0;
	padding: 0;
	border-top: 2px solid #666666;
	border-right: 2px solid #999999;
	border-bottom: 1px solid #CCCCCC;
	border-left: 2px solid #999999;
	height: 15px;
	width: 192px;
}

#headerSearch input[type="submit"] {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #99268E;
	background: none;
	border: 1px solid #99268E;
	cursor: pointer;
	height: 18px;
	width: 45px;
}

/* clear all margins & padding around logo image */
#headerLeft {	
	margin: 0;
	padding: 0;
	width: 350px;
}

/*************************************************************************************************
                                           MAIN NAVIGATION
*************************************************************************************************/
/* set full navigation menu bar width to 100% of container (900px), set height and green background color, float left */
#menu {
width: 100%;
float: left;
}

/* list style none removes bullets, clear margins and padding, float left */
#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

/* top level navigation menu link style formatting: clear margin, set right & left padding, set font size, weight & color, text decoration none removes underline from links, display block changes in-line link items to block items and ensures that entire block is clickable rather than only text, set line height to match background green ul line-height, set background color of each link block, set right border */
#menu li a {
margin: 0;
padding: 0 4px 0 6px;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
display: block;
line-height: 27px;
background: #F37021;
border-right: 2px solid #F9B890;	
}

/* set specific width for top menu item "About Us" */
#menu li a.aboutUs {
width: 118px;
}

/* set specific width for top menu item "Who We Serve" */
#menu li a.whoWeServe {
width: 135px;
}

/* set specific width for top menu item "What We Do" */
#menu li a.whatWeDo {
width: 118px;
}

/* set specific width for top menu item "Resources" */
#menu li a.library {
width: 118px;
}

/* set specific width for top menu item "Get Involved" */
#menu li a.getInvolved {
width: 118px;
}

/* set specific width and right border for top menu item "Blog" */
#menu li a.store {
/* width: 65px; 12/1/09 */
width: 118px;
border-right: 2px solid #C7E39E;
}

/* set specific width and styles for top menu item "Donate" */
#menu li a.donate {
	/* width: 113px;  12/01/09 */
	width: 77px;
	background-repeat: no-repeat;
	border: none;
	padding: 0 6px 0 20px;
	text-align: right;
	background-color: #4CBB17;
	background-image: url(images/nav/donate-seed.gif);
	/* background-position: 47% 50%;  12/01/09 */
	background-position: 7% 50%;
}

/* set specific styles for hover (rollover) of top menu item "About Us" */
#menu li a.aboutUs:hover {
background: #163ECC url(images/nav/nav-seed-ro.gif) no-repeat 94% 50%;
background-repeat: no-repeat;
}

/* set specific styles for hover (rollover) of top menu item "Who We Serve" */
#menu li a.whoWeServe:hover {
background: #163ECC url(images/nav/nav-seed-ro.gif) no-repeat 94% 50%;
background-repeat: no-repeat;
}

/* set specific styles for hover (rollover) of top menu item "What We Do" */
#menu li a.whatWeDo:hover {
background: #163ECC url(images/nav/nav-seed-ro.gif) no-repeat 94% 50%;
background-repeat: no-repeat;
}

/* set specific styles for hover (rollover) of top menu item "Resources" */
#menu li a.library:hover {
background: #163ECC url(images/nav/nav-seed-ro.gif) no-repeat 94% 50%;
background-repeat: no-repeat;
}

/* set specific styles for hover (rollover) of top menu item "Get Involved" */
#menu li a.getInvolved:hover {
background: #163ECC url(images/nav/nav-seed-ro.gif) no-repeat 94% 50%;
background-repeat: no-repeat;
}

/* set specific styles for hover (rollover) of top menu item "Blog" */
#menu li a.store:hover {
border-right: 2px solid #C7E39E;
background: #163ECC url(images/nav/nav-seed-ro.gif) no-repeat 94% 50%;
background-repeat: no-repeat;
}

/* set specific styles for top menu item "Donate" */
#menu li a.donate:hover {
	background-repeat: no-repeat;
	background-color: #4CBB17;
	background-image: url(images/nav/donate-seed-ro.gif);
	/* background-position: 47% 50%;  12/01/09 */
	background-position: 7% 50%;
}

/* set background and text color for second & third level dropdown items 
**NOTE:** this would also work on first level if settings were not specifically defined above */
#menu a:hover {
color: #FFFFFF;
background: #163ECC;
}

/* position list items relative to their parent ul tag */
#menu li {
	position: relative;
}

/* format second level menu link display */
#menu ul ul ul a {
font-size: 12px;
font-weight: normal;
line-height: 20px;
height: 20px;
border: none;
}

/* add white border to top first and second sub menu items */ 
#menu ul ul a.top {
border-top: 1px solid #FFFFFF;
}

#menu ul ul a.double {
line-height: 14px;
padding: 3px 4px 3px 6px;
}

/* position second level menu links */
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

/* **sets 135px width for certain 2nd level sub items (used for presentation purposes)** */
#menu ul li ul li.specialWidth a,
#menu ul li ul li ul li.specialWidth a {
width: 135px;
}

/* format first level menu link display */
#menu ul ul a {
font-size: 12px;
font-weight: normal;
border-right: 2px solid #FFFFFF;
line-height: 20px;
width: 118px;
height: auto;
}

/* position first level dropdown link display */
#menu ul ul {
position: absolute;
z-index: 500;
}

/* hide first level dropdown link display */
div#menu ul ul {
display: none;
}

/* this tells the first dropdown links under the header to show when moused over */
div#menu ul li:hover ul { /* duplicate below */
display: block;
}

/* this hides the second and third level dropdown links to display when moused over */
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {
display: none;
}

/* this tells the second and third level dropdown links to show when moused over */
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
display: block;
}

body#aboutUs a#aboutUsLink,
body#whoWeServe a#whoWeServeLink,
body#whatWeDo a#whatWeDoLink,
body#library a#libraryLink,
body#getInvolved a#getInvolvedLink,
body#store a#storeLink {
background: #163ECC url(images/nav/nav-seed-ro.gif) no-repeat 94% 50%;
background-repeat: no-repeat;
position: relative;
margin: 0;
padding: 0 4px 0 6px;
}

body#getInvolved a#getInvolvedDonateLink {
	background-repeat: no-repeat;
	position: relative;
	background-color: #4CBB17;
	background-image: url(images/nav/donate-seed.gif);
	background-position: 10% 50%;
}

/*************************************************************************************************
                                    GLOBAL - TAG SELECTORS
*************************************************************************************************/
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #99268E;
}

h1 {
	padding-bottom: 6px;
	font-size: 20px;
	line-height: 22px;
	
}

h2 {
	padding-bottom: 6px;
	font-size: 16px;
	line-height: 20px;
	margin-right: 100px;
	margin-top: -6px; 
}

h3 {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 6px;
	margin-right: 100px;
}

h3.indent {
	margin: 0;
	padding: 6px 100px 6px 12px;
}

hr {
	margin: 0 0 10px 0;
	padding: 0;
	border-top: none;
	border-right: none;
	border-bottom: 2px solid #89B0CC;
	border-left: none;
	
}

p {
	margin: 0;
	margin-right: 100px;
	padding-bottom: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}

body a {
	color: #163ECC;
	text-decoration: none;
	
}
/*************************************************************************************************
                                        GLOBAL - CLASSES
*************************************************************************************************/
/****************************************** TEXT STYLES *****************************************/
.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.intro {
	margin: 0;
	margin-right: 100px;
	padding-bottom: 14px;
	font-size: 16px;
	line-height: 22px;
}

.new {
	font-style: normal;
	font-weight: bold;
	color: #F37021;
}

.price {
	margin: 0;
	font-weight: bold;
	color: #000000;
}

.purple {
	color: #99268E;
}

.gray  {
	padding-bottom: 6px;
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	color: #606060;
	font-style: italic;
}

.title {
	margin: 0;
	padding: 0 0 6px 0;
	font-size: 14px;
	line-height: 18px;
}

.bookDescription {
	margin: 0;
	font-weight: normal;
	color: #606060;
	
}

/* **caption text below images, clear margins & padding, font size, style, color & line height** */
.caption {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	padding-left: 5px;
}

.note {
	margin: 0;
	padding-bottom: 12px;
	font-size: 12px;
	font-weight: bold;
	color: #424242;
	line-height: 20px;
}

.address {
	margin: 0;
	padding-bottom: 6px;
	font-size: 14px;
	line-height: 20px;
}

/************************************** PARAGRAPHS & LAYOUT *************************************/
/* **paragraph right side margin, spacing in between paragraphs** */
.sub {
	margin: 0;
	margin-right: 100px;
	padding-bottom: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}

/* **quote text within main content (no box)** */
.subQuote {
	margin: 0;
	margin-right: 100px;
	padding-bottom: 12px;
	font-size: 14px;
	color: #99268E;
	line-height: 20px;
}

/* **add 20 pixel margin to the left side of an element** */
.leftmargin {
	margin: 0;
	margin-left: 20px;
}

.indent {
	margin: 0;
	padding: 0 100px 6px 12px;
}
.indentDouble {
	margin: 0;
	padding-top: 0;
	padding-right: 100px;
	padding-bottom: 6px;
	padding-left: 50px;
}

.titleOutdent {
	margin: 0;
	padding: 0 0 6px 12px;
	font-size: 14px;
	line-height: 18px;
	text-indent: -12px;
}

/********************************************* LISTS ********************************************/
/* **(children page)bulleted list header, clear margin & padding, set line height** */
.headerList {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
	color: #99268E;
}

/* **(children page) list item font size, style - no bullets, background image for bullets, do not repeat background image** */
.headerList li {
	list-style: none;
	background-image: url(images/header-bullet.gif);
	background-repeat: no-repeat;
	padding: 0;
	padding-left: 15px;
	padding-bottom: 6px;
	line-height: 19px;
}

/* **set right margin, add padding to bottom of last list item, indent bullets, place bullets outside of text** */
ul.subList {
	margin: 0;
	margin-right: 100px;
	padding-bottom: 12px;
	padding-left: 24px;
	list-style: outside;
	line-height: 20px;
}
ol.subList {
	margin: 0;
	margin-right: 100px;
	padding-bottom: 12px;
	padding-left: 24px;
	line-height: 20px;
	list-style-position: outside;
	list-style-type: decimal;
}

/* **clear margins, add 6 pixels of padding below each list item** */
.subList li {
	margin: 0;
	padding-bottom: 6px;
	font-size: 14px;
}

.orderedList {
	margin: 0;
	margin-right: 100px;
	padding: 0;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #606060;
	line-height: 20px;
}

/********************************************* LINKS ********************************************/
/* **all body text links color (blue), no underline** */
.bodyLink a {
	color: #163ECC;
	text-decoration: none;
	
}

/* **all body text links underline on hover** */
.bodyLink a:hover {
	text-decoration: underline;
	
}

/* **small body text links (view, listen, download) color (blue), no underline** */
.bodyLinkSmall a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #163ECC;
	text-decoration: none;
}

/* **text links underline on rollover** */
a:hover {
	text-decoration: underline;
}

/* **USED FOR ANCHOR LINKS - no underling on target anchor links** */
.none a:hover {
	text-decoration: none;
}

a.info      {
	position:relative; /*this is the key*/
	z-index:24;
	background-color:#FFF;
	color:#163ECC;
	text-decoration:none;
	font-size: 14px;
	}

a.info:hover    {
	z-index:25;
	background-color:#FFF;
	text-decoration: none;
	}

a.info span       {
	display: none;
	}

a.info:hover span       { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	left:12em;
	width:30em;
	background-color:#FFF7B1;
	color:#333;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	text-decoration: none;
	bottom: 100%;
	background-image: url(images/quote-seed.png);
	background-repeat: no-repeat;
	background-position: left center;
	border: 1px solid #FFB9A6;
	}
a.infoPhoto {
	position:relative; /*this is the key*/
	z-index:24;
	background-color:#FFF;
	color:#163ECC;
	text-decoration:none;
	font-size: 14px;
}
a.infoPhoto:hover {
	z-index:25;
	background-color:#FFF;
	text-decoration: none;
}
a.infoPhoto span {
	display: none;
}
a.infoPhoto:hover span {
	display:block;
	position:absolute;
	left:4em;
	width:30em;
	background-color:#FFF7B1;
	color:#333;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	text-decoration: none;
	bottom: 100%;
	background-image: url(images/quote-seed.png);
	background-repeat: no-repeat;
	background-position: left center;
	border: 1px solid #FFB9A6;
}

/********************************************* FLOATS *******************************************/
/* **use to float an element right in the page - the floated element must precede the element it should be next to on the page** */
.floatright {
	float: right;
	margin: 0;
}
.floatleft {
	float: left;
	margin: 0;
}

/* **this class should be placed on a div or break element to clear a right float** */
.clearright {
	clear: right;
}

/* **this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float** */
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/********************************************* SPACING ******************************************/
/* **paragraph right side margin, clears bottom spacing** */ 
.bottom {
	margin: 0;
	margin-right: 100px;
	padding-bottom: 0;
	font-size: 14px;
	line-height: 20px;
}

.bottomNone {
	margin: 0;
	margin-right: 50px;
	padding-bottom: 0;
	font-size: 14px;
	line-height: 20px;
}

.bottomXsmall {
	margin: 0;
	margin-right: 100px;
	padding-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}

.bottomSmall {
	margin: 0;
	padding-bottom: 12px;
	font-size: 14px;
}

.bottomMedium {
	margin: 0;
	padding-bottom: 40px;
	font-size: 14px;
}

.bottomBig {
	margin: 0;
	padding-bottom: 75px;
}

/* **USE TO CLEAR BOTTOM PADDING OF HEADERS - paragraph right side margin, clears bottom spacing** */ 
.bottomHeader {
	margin: 0;
	margin-right: 100px;
	padding-bottom: 0;
}

.leftText {
	width: 365px;
}

/* **sets caption below image on children page to match image width** */
.width201 {
	width: 201px;
}

.width306 {
	width: 306px; 
}
/*************************************************************************************************
                                   MAIN CONTENT - HOME PAGE
*************************************************************************************************/
/******************************************* CLASSES ********************************************/
.introHome {
	margin: 0;
	padding: 0;
	font-size: 18.5px;
	font-weight: bold;
	color: #99268E;
}

.home {
	margin: 0;
	padding: 13px 0 12px 13px;
}

.quoteBkgHome {
	background: #F0DFEE;
}

.quoteHome {
	margin: 15px 451px 0 28px;
	padding: 15px 0 0 0;
	font-size: 13px;
	font-weight: bold;
	color: #99268E;
	line-height: 18px;
}

.quoteSignatureHome {
	margin: 0 451px 20px 0;
	padding: 10px 0 20px 0;
	text-align: right;
}

/***************************************** HIGHLIGHT BOX ****************************************/
#highlightWrapper {
	margin: 38px 0 0 0;
	padding: 0;
	width: 398px;
	background: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

#highlightBox {
	margin: 0;
	padding: 0;
	background: #FFF6B6;
	width: 394px;
}

#highlightImage {
	margin: 0;
	padding: 0;
	width: 147px;
}

#highlightImage p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #2A2A2A;
}

#highlightText {
	width: 240px;
}

#highlightText img {
	margin: 0;
	padding: 13px 0 0 0;
}

#highlightText p {
	margin: 0;
	padding: 0 0 13px 13px;
	font-size: 14px;
	color: #2A2A2A;
	line-height: 18px;
}

/***************************************** MAIN CONTENT *****************************************/
#mainContentHome {
	margin: 30px 451px 40px 28px;
	padding-top: 10px;
	font-size: 16px;
	color: #2A2A2A;
	line-height: 22px;
}

/************************************ HOME PAGE SUB NAVIGATION **********************************/
/* define container margin/padding, top white border, background color, width 100% of container (900px), container height */ 
#subnavContainer {
	margin: -25px 0 0 0;
	padding: 0;
	border-top: 2px solid #FFFFFF;
	background: #FDEADE;
	width: 100%;
	height: 39px;
}

/* define unordered list margin and left side padding, remove bullets by setting list-style to none */
ul#subnav {
	margin: 0;
	padding: 0 0 0 28px;
	list-style: none;
}

/* float list items horizontally, define margin/padding set list item background color */
#subnav li {
	float: left;
	margin: 0;
	padding: 0;
	background: #FDEADE;
}

/* define link font size, color, text-decoration ("none" removes underline), set link line height, set left side padding, display block to display full background image height and align with text, add background image, no-repeat, display to left of text   */
#subnav a {	
	font-size: 14px;
	color: #2A2A2A;
	text-decoration: none;
	line-height: 39px;
	padding: 0 0 0 27px;
	display: block;
	background-image: url(images/nav/features-seed.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 39px;
}

/* define link hover decoration to underline on rollover */
#subnav a:hover {
	text-decoration: underline;
}

/* define specific width and right side padding for "California Workshop Schedule" */
ul#subnav a#schedule {
 	width: 191px;
	padding-right: 30px;
}

/* define specific width and right side padding for "Children's Services" */
ul#subnav a#services {
	width: 121px;
	padding-right: 30px;
}

/* define specific width and right side padding for "Library of Articles" */
ul#subnav a#library {
	width: 120px;
	padding-right: 30px;
}

/* define specific width for "eNewsletter Subscription" - last link, no right side padding necessary */
ul#subnav a#enewsletter {
	width: 155px;
}

/*************************** HOME PAGE WEB COMMUNICATION ICONS & LINKS **************************/
/* **home page web communication icons & links container - set 0 margin, top & bottom padding (right & left padding 0)** */
#icons {
	margin: 0;
	float: right;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 29px;
}


/*************************************************************************************************
                                     MAIN CONTENT - SUB PAGES
*************************************************************************************************/
/* **sub page main content container - set top & left margins, set top padding** */
#mainContentSub { 
	margin-top: 30px;
	margin-left: 170px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding-top: 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

/************************************* SUB PAGES LEFT SIDEBAR ***********************************/
/* **left side bar container float left, set width and top padding** */
#sidebar {
	float: left; /* since this element is floated, a width must be given */
	width: 170px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding-top: 30px;
}

/* **unordered list - clear margins & padding, font size, style no bullets, no border** */
ul.sideNav {
	margin: 0;
	padding: 0;
	font-size: 12px;
	list-style: none;
	border: none;
}

/* **list links - clear margin, bottom padding 12 pixels after each link, left padding 6 pixels, color, no underline, set line height, display & width** */
.sideNav a {
	margin: 0;
	padding-bottom: 12px;
	padding-left: 6px;
	color: #F37021;
	text-decoration: none;
	line-height: 15px;
	display: block;
	width: 164px;
}

/* **style active links in current section to display blue** */ 
.sideNav a.current {
	margin: 0;
	padding-bottom: 12px;
	padding-left: 6px;
	color: #163ECC;
	text-decoration: none;
	line-height: 15px;
	display: block;
	width: 164px;
}

/* **set visited links that are in current section to be blue** */
.sideNav a.current:visited {
	color: #163ECC;
}

/* **underline links on hover** */
.sideNav a:hover {
	text-decoration: underline;
}

/* **clear margin, left side padding and list style for 2nd level menu items** */
.sideNav ul {
	margin: 0;
	padding-left: 15px;
	list-style: none;
}

/* **set width for second level links - must be set to accomodate 15px indent above */
.sideNav li ul li a {
	width: 149px;
}

/* **set width on current for second level links - must be set to accomodate 15px indent above** */
.sideNav li ul li a.current {
	padding-bottom: 12px;
	width: 149px;
}

/* **change color of visited links to gray** */
.sideNav a:visited {
	color: #606060;
}

/* **set current page unactive link color to blue** */
.current {
	padding-bottom: 12px;
	padding-left: 6px;
	color: #163ECC;
	display: block;
}

/* **used for horizontal rule tag (hr) in left side bar** */
.hrNav {
	margin-top: 70px;
	padding: 0;
	border: 0;
	border-bottom: 2px solid #F8BBA8;
	width: 130px;
	text-align: left;
}

/* **set styles for text below left side bar navigation** */
.sideBarText {
	margin: 0;
	padding: 12px 0 12px 6px;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	color: #99268E;
}

/* **set styles for "Tip" text below left side bar navigation** */
.sideBarTip {
	margin: 0;
	padding: 12px 0 12px 6px;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	color: #606060;
}

/********************************* SUB PAGES QUOTE BOXES & IMAGES *******************************/
/* **border around images and quote boxes** */
.border {	
	border: 2px solid #F8BBA8;
}

/* **border around images and quote boxes with 20px left margin** */
.borderLeftMargin {
	margin: 0 0 0 20px;
	border: 2px solid #F8BBA8;
}
.borderRightMargin {
	border: 2px solid #F8BBA8;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0px;
}

/* **background color, height & width** */
.quoteWrapper {
	margin: 0;
	padding: 0;
	background: #FFF6B6;
	/* height: 150px; */
	width: 725px;
}

/* **top & bottom margin white space - can also be used in "<img />" tag** */
.quoteImageMargin {
	margin: 0;
	margin-top: 22px;
	margin-bottom: 22px;
	padding: 0;
}

/* **clear margins, background color, image & image position** */
.quoteBox {
	margin: 0;
	padding: 0;
	background: #FFF6B6 url(images/quote-seed.png) no-repeat top left;
}

/* **(history page) left side margin white space and box width** */
/* .historyQuoteBox {
	margin-left: 20px;
	width: 302px;
} */

.width302leftMargin {
	margin-left: 20px;
	width: 302px;
}

/* **clear margin, top, right, bottom (0), & left padding, font size, weight, style, first line indent & color** */
.quoteTextFull {
	margin: 0;
	padding: 32px 215px 0 20px;	
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	text-indent: 12px;
	color: #99268E;
	line-height: 20px;
}

/* **(history page) clear margin, top, right, bottom (0), & left padding, font size, weight, style, first line indent & color** */
.quoteTextHalf {
	margin: 0;
	padding: 32px 20px 0 20px;	
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	text-indent: 12px;
	color: #99268E;
	line-height: 20px;
}
.quoteTextJustify {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	text-indent: 12px;
	color: #99268E;
	line-height: 20px;
	padding-top: 32px;
	padding-right: 35px;
	padding-bottom: 0;
	padding-left: 20px;
}

/* **signature - clear margin, top (0), right, bottom & left (0) padding, align text right** */ 
.quoteSignatureFull {
	margin: 0;
	padding: 6px 215px 20px 0;
	text-align: right;
}

/* **signature - clear margin, top, right, bottom & left (0) padding, align text right** */ 
.quoteSignatureHalf {
	margin: 0;
	padding: 6px 20px 20px 0;
	text-align: right;
}
.quoteSignatureJustify {
	margin: 0;
	text-align: right;
	padding-top: 10px;
	padding-right: 45px;
	padding-bottom: 20px;
	padding-left: 0;
}

/***************************************** SUB PAGES FORMS **************************************/
/* **LOCATIONS PAGE FORM** */
#locationsForm {
	font-size: 14px;
}

#locationsForm .label {
	float: left;
	padding-bottom: 12px;
	width: 175px;
	text-align: left;
	font-weight: bold;
	clear: left;
}

select#usa, select#international {
	float: left;
	margin-bottom: 20px;
	font-size: 12px;
	border: 1px solid #F8BBA8;
	width: 280px;
}

input#go_button, input#go_button2 {
	float: left;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #F37021;
	border: none;
	margin: 0 0 20px 4px;
}

/* **DONATIONS FORM** */
#donateForm {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #2A2A2A;
	background: #FDEADE;
}

.label {
	float: left;
	padding-right: 5px;
	padding-bottom: 12px;
	width: 200px;
	text-align: right;
	font-size: 15px;
	font-weight: bold;
	clear: left;
}

label.leftIndent {
	margin: 0;
	padding-top: 0;
	padding-left: 205px;
}

label.donate {
	margin: 0;
	padding-left: 125px;
}

input[type="submit"] {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #F37021;
	border: none;
}

#donations input#otherAmount {
	border: 1px solid #F8BBA8;
}

#donations input#honoree {
	margin-top: 2px;
	margin-bottom: 12px;
	border: 1px solid #F8BBA8;
	width: 192px;
}

#donations input#acknowledgment {
	margin-top: 3px;
	margin-left: 205px;
	margin-bottom: 0;
	border: 1px solid #F8BBA8;
	width: 192px;
}

#donations input#firstName {
	margin: 0;
	margin-bottom: 14px;
	border: 1px solid #F8BBA8;
	width: 192px;	
}

#donations input#lastName {
	margin: 0;
	margin-bottom: 14px;
	border: 1px solid #F8BBA8;
	width: 192px;	
}

#donations input#address1 {
	margin: 0;
	margin-bottom: 14px;
	border: 1px solid #F8BBA8;
	width: 192px;
}

#donations input#address2 {
	margin: 0;
	margin-bottom: 14px;
	border: 1px solid #F8BBA8;
	width: 192px;
}

#donations input#city {
	margin: 0;
	margin-bottom: 14px;
	border: 1px solid #F8BBA8;
	width: 192px;
}

#donations input#zip {
	margin: 0;
	margin-bottom: 12px;
	border: 1px solid #F8BBA8;
	width: 192px;
}

select#recurring, select#state {
	border: 1px solid #F8BBA8;
}

select#state {
	width: 195px;
	margin-bottom: 14px;
}

/* **REGISTRATION FORM** */
#registrationForm {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #2A2A2A;
	background: #FDEADE;
}

#registration input#workshop {
	margin: 0;
	margin-bottom: 12px;
	border: 1px solid #F8BBA8;
	width: 420px;
}

#registration input#date {
	margin: 0;
	margin-right: 20px;
	border: 1px solid #F8BBA8;
	width: 125px;
}

#registration input#regCity {
	margin: 0;
	margin-left: 4px;
	border: 1px solid #F8BBA8;
	width: 235px;
}

#registration input#yourName {
	margin: 0;
	margin-bottom: 12px;
	border: 1px solid #F8BBA8;
	width: 420px;
}

#registration input#childName {
	margin: 0;
	margin-bottom: 12px;
	border: 1px solid #F8BBA8;
	width: 420px;
}

#registration input#childDOB {
	margin: 0;
	margin-bottom: 12px;
	border: 1px solid #F8BBA8;
	width: 125px;
}

#registration input#yourAddress {
	margin: 0;
	margin-bottom: 12px;
	border: 1px solid #F8BBA8;
	width: 420px;
}

#registration input#city2 {
	margin: 0;
	margin-right: 20px;
	margin-bottom: 12px;
	border: 1px solid #F8BBA8;
	width: 157px;
}

#registration input#zip2 {
	margin: 0;
	margin-right: 20px;
	margin-bottom: 12px;
	border: 1px solid #F8BBA8;
	width: 100px;
}

#registration input#email {
	margin: 0;
	margin-bottom: 12px;
	margin-left: 4px;
	border: 1px solid #F8BBA8;
	width: 250px;
}

#registration input#teleHm {
	margin: 0;
	margin-right: 20px;
	margin-bottom: 12px;
	border: 1px solid #F8BBA8;
	width: 173px;
}

#registration input#teleWk {
	margin: 0;
	margin-bottom: 12px;
	margin-left: 4px;
	border: 1px solid #F8BBA8;
	width: 173px;
}

#registration textarea#howDidYouHear {
	margin: 0;
	border: 1px solid #F8BBA8;
	width: 420px;
}

#registration input#wrkshpFee {
	margin: 0;
	margin-right: 20px;
	margin-bottom: 12px;
	border: 1px solid #F8BBA8;
	width: 85px;
}

#registration input#donation {
	margin: 0;
	margin-bottom: 12px;
	margin-left: 4px;
	border: 1px solid #F8BBA8;
	width: 84px;
}

#registration input#ccNum {
	margin: 0;
	margin-right: 20px;
	margin-bottom: 12px;
	border: 1px solid #F8BBA8;
	width: 197px;
}

#registration input#expDate {
	margin: 0;
	margin-bottom: 12px;
	margin-left: 4px;
	border: 1px solid #F8BBA8;
	width: 125px;
}

select#state2 {
	width: 195px;
	margin-left: 4px;
	margin-bottom: 12px;
	border: 1px solid #F8BBA8;
}

input#radio {
	margin-top: 10px;
}

label.register {
	margin: 0;
	padding-left: 560px;
}

.formInline {
	margin: 0;
	padding-bottom: 12px;
}

.asterisk {
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	color: #F37021;
}

.formNote {
	margin: 0;
	margin-top: -5px;
	font-size: 12px;
	color: #2A2A2A;
}

.formNoteIndent {
	margin: 0;
	text-indent: 12px;
	font-size: 12px;
	color: #2A2A2A;
}

/* **HORIZONTAL RULE - forms** */
.hrForm {
	margin: 0;
	padding: 0;
	border-top: none;
	border-right: none;
	border-bottom: 2px solid #FFFFFF;
	border-left: none;
}

/***************************************** SUB PAGES VIDEO **************************************/
/* **(prevention-bullying) top & bottom margin white space used for video or image directly after a horizontal rule** */
.videoMargin {
	margin: 0;
	margin-top: 12px;
	margin-left: 20px;
	padding: 0;
	width: 345px;
}

/* **clear right margin & bottom padding** */
.bottomVideo {
	margin: 0;
	margin-right: 0;
	padding-bottom: 0;
}

/*************************************************************************************************
                                         FOOTER - HOME PAGE
*************************************************************************************************/
/* **define font size & color, padding for top of box, width 100% of container (900px) & height** */
#footer {
	font-size: 11px;
	color: #8F8F8F;
	padding: 5px 0 0 0;
	width: 100%;
	height: 37px;
}

/* **place link box to left, define left side padding** */
#links {
	padding: 0 0 0 28px;
}

/* **define link text color and decoration - USED ON SUB PAGES ALSO** */
#footer a {
	color: #8F8F8F;
	text-decoration: none;
}

/* **define link hover decoration to underline on rollover - USED ON SUB PAGES ALSO** */
#footer a:hover {
	text-decoration: underline;
}

/* **place signature box to right, align text right, define right side padding** */
#signature {
	text-align: right;
	padding: 0 20px 0 0;
}

/*************************************************************************************************
                                         FOOTER - SUB PAGES
*************************************************************************************************/
/* **font size & color, padding for top of box, width 100% of container (900px) & height** */
#subFooter {
	font-size: 11px;
	color: #8F8F8F;
	padding-top: 40px;
	width: 100%;
	height: 37px;
}

/* **box left side padding** */
#subLinks {
	padding-left: 170px;
}

/* **link color & no underline** */
#subFooter a {
	color: #8F8F8F;
	text-decoration: none;
}

/* **define link hover decoration to underline on rollover** */
#subFooter a:hover {
	text-decoration: underline;
}
.libraryIndex {
	text-decoration: none;
	margin-top: 7px;
	margin-right: 250px;
	margin-bottom: 10px;
	list-style-type: disc;
	list-style-position: outside;
	font-size: 14px;
}

/* **sets end of white container and blue background at page bottom - - USED ON HOME PAGE ALSO** */
#pageBottom {
	margin: 0;
	padding: 0;
	background: #88A9D4;
	width: 100%;
	height: 30px;
}
h4 {
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
	margin-top: 8px;
	margin-bottom: 0px;
	margin-right: 100px;
}
.podPlayer {
	background-color: #CCC;
	margin: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	height: 32px;
	width: 500px;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}
.libraryIndex a {
	color: #163ECC;
	text-decoration: none;
}
#mediaWrapper {
	margin: 38px 0 0 0;
	padding: 0;
	width: 398px;
	background-color: #F3DEEF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#mediaBox {
	margin: 0;
	padding: 0;
	width: 394px;
	background-color: #F3DEEF;
}
.width150 {
	width: 150px;
}
#addThis {
	text-align: right;
	padding-bottom: 10px;
	margin-right: 100px;
	margin-top: -5px;
}
img.verticalCenter {
	vertical-align: middle;
	margin-top: 5px;
}
.quoteTextFullLarge {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	text-indent: 24px;
	color: #99268E;
	line-height: 18px;
	padding-right: 330px;
	padding-bottom: 0;
	padding-left: 20px;
	margin: 0;
	padding-top: 0px;
}
.subAllCaps {
	margin: 0;
	margin-right: 100px;
	padding-bottom: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-style: normal;
	text-transform: uppercase;
}
.table {
	background-color: #FFF;
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	vertical-align: top;
}
.table td {
	margin: 2px;
	padding: 2px;
	vertical-align: top;
	text-align: center;
	border: 0px none #FFF;
}
.videoText {
	font-size: 11px;
	line-height: 11px;
	margin-top: -7px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	vertical-align: top;
}
.videoText a {
	color: #163ECC;
	text-decoration: none;
}
.table img {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
.red {
	color: #F00;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
}
.rightMargin {
	margin-right: 100px;
}
.hidden {
	display: none;
}
.unhidden {
	display: block;
}
#invis1 {
	text-decoration: none;
}
#invis2 {
	text-decoration: none;
}