﻿body 
{
    margin:0;
    padding:0;
    text-align:center;
    font-size:62.5%;
    font-family: Verdana, Arial;
    background:url(Images/bodyBg.jpg) repeat;
}

h1, h2, h3, h4, h5, h6, p 
{
    line-height:140%;
}

p 
{
    font-size:1.4em;
}
h1 
{
    font-size:2em;
}

h2 
{
    font-size:1.8em;
}

h3 
{
    font-size:1.6em;
}

h4 
{
    font-size:1.4em;
}

h5 
{
    font-size:1.3em;
}

#wrapper 
{

    margin:10px auto 0 auto;
    background-image:url(Images/PageDropShadow.png);
    background-position:100% 0%;
    background-repeat:repeat-y;
    width:800px;
    padding:auto 20px 0 20px;
}

#wrapper2 
{
        text-align:left;
        margin:0 auto 0 auto;
        background-color:White;
        width:760px;
}

#header 
{
    width:760px;
    height:150px;
    border-bottom:solid 2px black;
    
}


#content-wrapper 
{
    float:right;
    width:600px;
    position:relative;
    min-height:475px;
    
    
}

/*Not Currently Used but may want to use for news faux column
#extraDiv
{
    float:right;
    background:url(Images/extraDivBg.gif) repeat-y 72%;
    width:100%;
    margin:0;
    padding:0;
}
*/
#content-inner 
{
    float:left;
    width: 98%;
    height:100%;
    padding-left:5px;
 
}

#content-inner h2 
{
    color: #3300ff;
}


#navigation 
{
    width:160px;
    float:left;
    font-size:1.2em;
    letter-spacing:.2em;
    line-height:120%;

}

#navigation ul 
{
    margin:0;
    padding:0;
    text-align:left;
    list-style:none;
}

#navigation ul li 
{
    margin:0;
    padding-right:5px;
    border-bottom:solid 1px black;
    border-right:solid 1px black;
    position:relative;
    top:0;
    left:0;

}
#navigation ul li a
{
    display:block;
    height:27px;
    padding: 21px 5px 7px 5px;    
    text-decoration:none;
    background:url(Images/handPrintOrange.jpg) no-repeat 105px;
    color:black;
    font-weight:bolder;
    
}

#navigation ul li a:hover
{
    background:url(Images/handPrintHover.jpg) no-repeat 100px 10px;
    text-decoration:underline;
    
}
#home #navigation #homeL a, #events #navigation #eventsL a, #aboutJere #navigation #aboutL a, #issues #navigation #issuesL a, #contribute #navigation #contributeL a, #volunteer #navigation #volunteerL a, #contact #navigation #contactL a
{
    background-image:url(Images/handPrintBlue.jpg);
    color:Black;
}

/* second level lists
---------------------------------------------------------- */
ul li ul {	
	border-top: 1px solid black;
	display: none;
	position:absolute;
	top:0px;
	left:160px;
	float:left;
	
	
}

#navigation ul li ul li 
{
    padding:0;
    margin:0;
    border-right:solid 1px black;
    border-bottom:none;
}


#navigation ul li ul li a {
	display: block;
	width:170px;
	height:25px;
	padding-top:10px;
	border-bottom:solid 1px black;

	margin:0px;
	background:white url(Images/secondLevel.jpg) no-repeat 140px;

}


#navigation ul li ul li a:hover { /* second-level list item links hover */
	background:white url(Images/secondLevelHover.jpg) no-repeat 140px;

}

/* IE and mozilla fixes
---------------------------------------------------------- */

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

li ul li {
	clear: left; /* float fix for IE*/
}

/* misc
---------------------------------------------------------- */


.centerfix {
	line-height: 3px;
	clear: both;


}




/* Home Page Formatting */
#commercial 
{
    float:right;
    margin-top:20px;
    background-color:Green;
    width:320px;
    height:300px;
    display:block;
    overflow:hidden;
 }

#home #content-inner p 
{
    font-size:1.6em;
    line-height:180%;
}

/*End Home Page Formatting */

/* Donate Money Page Formatting */

#donateMoney #viaCheck
{
    width: 200px;
    background-color: #8fbc8b;
    padding: 10px;
    margin: auto 30px auto 50px;
    height: 210px;
    float: left;
}
#donateMoney address 
{
    font-size:1.3em;
    line-height:120%;
    font-weight:bold;
}
#donateMoney #viaPaypal
{
    width: 200px;
    background-color: #add8e6;
    padding: 10px;
    height: 210px;
    float: left;
}


/*End of Donate Money Page Formatting */

/* Donate Clothes Page Formatting */

#donateClothes #Schedule, #donateClothes #itemsAccepted, #donateClothes #dropOff 
{
    width:185px;
    margin:2px;
    height:350px;
    float:left;
    padding:3px;
}

#donateClothes h3 
{
    text-align:center;
    margin-top:2px;
}

#donateClothes #Schedule
{
    background-color: #8fbc8b;

}

#donateClothes #Schedule legend 
{
    display:none;

}
#donateClothes #Schedule #reqText 
{
    font-size:1.0em;
    color:white;
    text-align:right;
}
#donateClothes #Schedule p
{
    margin:0;
    padding:0;
    font-size:1.2em;
}

#donateClothes #Schedule input 
{
    width:95%;
}

#donateClothes #Schedule .submitButton 
{
    margin-top:5px;
}

#donateClothes #Schedule ul 
{
    margin-top:3px;
    color:White;
}


#donateClothes #Schedule h3 
{
    margin-bottom:0;
}


#donateClothes #itemsAccepted 
{
    background-color: #add8e6;

}

#donateClothes #itemsAccepted h3
{
    margin-bottom:0;
    padding-bottom:0;
}

#donateClothes #itemsAccepted p 
{
    margin-top:0;
    padding-top:0;
    font-size:1.2em;
}

#donateClothes #dropOff
{
    background-color: #cccc66;
}

#donateClothes #dropOff hr 
{
    width:50%;
}

#donateClothes #dropOff address
{
    font-size:1.2em;
    margin-left:15px;
}

/* End of Donate Clothes Page Page Formatting */

/* Items Accepted Page Formatting */
#acceptedItems #content-inner #accept, #acceptedItems #content-inner #notAccepted 
{
    width:270px;
    float:left;
    margin:15px 7px;
    height:1100px;
}

#acceptedItems #content-inner ul 
{
    
    font-size:1.2em;
    line-height:120%
}

#acceptedItems #content-inner li 
{
    margin:4px 15px;
}

#acceptedItems #content-inner #accept
{
    background-color:#8fbc8b;
}

#acceptedItems #content-inner #notAccepted
{
    background-color: #cccc66;    

}

/* End of Items Accepted Page Page Formatting */

/* EVASE Page Formatting */

#evase .bold 
{
    font-weight:bold;
}

#evase #content-inner ul
{
    margin-left:20px;
}

#evase #content-inner li
{
    font-size:1.2em;
    line-height:120%;
    margin-bottom:5px;    
}

#evase #content-inner address 
{
    font-size:1.2em;
    line-height:130%;
}

#evase #content-inner span 
{
    text-align:right;
    display:block;
    margin-top:-25px;
    font-size:1.2em;
}


/* End of EVASE Page Page Formatting */

/* IDC Page Formatting */

#idc #content-inner ul
{
    margin-left:20px;
}

#idc #content-inner li
{
    font-size:1.2em;
    line-height:120%;
    margin-bottom:5px;    
}

#idc #content-inner span 
{
    text-align:right;
    display:block;
    margin-top:-15px;
    font-size:1.2em;
}
/* End of IDC Page Formatting */

/* Foster Care and Adoption Page Formatting */

#fosterAdoption #content-inner img 
{
    float:left;
    margin:7px 10px 0px 5px;
}

/* End of Foster Care of Adoption Page Formatting */

/* Become a Foster Parent Page Formatting */
#becomeFosterParent #content-inner #documents li a 
{
    display:block;
    width:100px;
    padding-top:50px;
    
    border:solid 1px white;
    text-align:center;
    
}

#becomeFosterParent #content-inner #documents li 
{
    list-style:none;
    display:block;
    height:130px;
    background:url(Images/WordDocImg.jpg) no-repeat center top;
    float:left;
}

#becomeFosterParent #content-inner #documents li a:hover
{
    border:solid 1px black;
}

#content-inner ol
{
    margin-left:20px;
}

#content-inner li
{
    font-size:1.2em;
    line-height:120%;
    margin-bottom:5px;
}



/* End of Donate Clothes Page Page Formatting */

/* Donate Clothes Page Formatting */
#history #content-inner h4
{
    color:Blue;
    font-size:1.4em;
}

#history #content-inner img 
{
    float:left;
    margin:7px 5px 0px 2px;
}
#history #content-inner .historyBox 
{
    width:200px;
    float:right;
    padding:5px;
    border:1px solid black;
    margin:2px;
}

#history #content-inner .historyBox p 
{
    color:Purple;
    font-weight:bold;
}


/* End of Donate Clothes Page Page Formatting */

/* Counseling Page Formatting */
#counseling #content-inner .infoBoxLeft, #counseling #content-inner .infoBoxRight 
{
    width:200px;
    padding:3px;
    margin:5px;
}

#counseling #content-inner .infoBoxLeft
{
    float:left;
    border:1px solid #cccc66;
    background-color:#8fbc8b;
         
}

#counseling #content-inner .infoBoxRight
{
    float:right;
    border:1px solid #8fbc8b;
    background-color:#cccc66;
         
}

#counseling #content-inner ol
{
    margin-left:20px;
}

#counseling #content-inner li
{
    font-size:1.2em;
    line-height:120%;
    margin-bottom:5px;
}


#counseling #content-inner .infoBoxLeft p 
{
    margin:0;
}
/* End of Counseling Page Page Formatting */

/* Facilities Page Formatting */
#facilities #content-inner address 
{
    font-size:1.3em;
    line-height:120%;
    font-weight:bold;
    margin-top:0;
    padding-top:0;
}

#facilities #content-inner img
{
    float:right;
}

/* End of Facilities Page Page Formatting */

/* Volunteer Page Formatting */
#content-inner #imgDoc
{
    background:url(Images/WordDocImg.jpg) no-repeat center top;
    display:block;
    width:100px;
    padding-top:50px;
    text-align:center;
}


/* End of Volunteer Page Formatting */

/* Employment Page Formatting */
#employment #content-inner #imgDoc
{
    background:url(Images/WordDocImg.jpg) no-repeat center top;
    display:block;
    width:100px;
    padding-top:50px;
    text-align:center;
}


/* End of Employment Page Formatting */

/* ECL Page Formatting */
#earlyChildhood #content-inner img
{
    float:right;    
}


/* End of Volunteer Page Formatting */


/* Play Bingo Page Formatting */
#bingo #content-inner .days:first-line
{
 font-weight:bold;    
}

#bingo #content-inner address 
{
    font-size:1.4em;
    line-height:120%;
}
#bingo #content-inner #features 
{
    border:solid 1px black;
    padding:5px;
    text-align:center;
}
#bingo #content-inner #Moonlight 
{
    float:right;
    border:solid 1px black;
    text-align:center;
    padding:10px;
}

#bingo #content-inner #Moonlight h3
{
    color:Red;}
/* End of Play Bingo Page Page Formatting */

/* FAQs Page Formatting */
#faqs #content-inner .answer:first-letter, #faqs #content-inner .question:first-letter 
{
    font-weight:bold;
}

#faqs #content-inner .answer 
{
    font-style:italic;
}

#faqs #content-inner .question 
{
    margin-bottom:-10px;
}


/* End of FAQs Page Page Formatting */

/* Teen Center Page Formatting */

#teenCenter #content-inner ol 
{
    margin-left:10px;
    font-size:1.3em;
    line-height:120%;
}

#teenCenter #content-inner ul 
{
    margin-left:10px;
    font-size:1.3em;
    line-height:120%;
}

/* End of Teen Center Page Page Formatting */

/* Membership Page Formatting */



/* End of MembershipPage Page Formatting */

#footer 
{
    clear:both;
    text-align:center;
    background:url(Images/FooterDropShadow.png) no-repeat 0px 14px;
    height:55px;
}

#footer p 
{
    font-size:1.1em;
    margin:0;
    padding:0;
}

#footer a
{
    text-decoration:none;
    color:Black;
}

#footer a:hover 
{
    text-decoration:underline;
    color:Blue;
}

/* Events Page Formatting */

#events #content-inner h1 
{
    background:url(Images/calanderBiggerBlue.jpg) no-repeat 50px 0px;
    height:50px;
    padding-left:80px;
    padding-top:20px;
    margin-top:5px;
    text-align:center;
}

#events #content-inner .headerhr
{
    width:60%;
    text-align:center;
}

#events #content-inner a 
{
    font-size:1.6em;
}

/*End of Events Page Formatting */

/* EventDetails Page Formatting */

#eventDetails #content-inner dt
{
    font-size:1.6em;
    width:170px;
    margin:7px 0px;
    padding-bottom:3px;
}

#eventDetails #content-inner dd
{
    font-size: 1.7em;
    font-weight: bold;
    color: #003300;
    line-height:130%
}


/* End of EventDetails Page Formatting */

/* Contact Page Formatting */
#contactpage #content-inner #altContact address
{
    margin-top:0;
    padding-top:0;
    font-size:1.3em;
    line-height:120%;
    margin-left:10px;
    color:Blue;
}

#contactpage #content-inner #altContact p
{
    margin-bottom:0;
    padding-bottom:0;
}

fieldset .textboxes label 
{
    width:125px;
    display:block;
    font-size:1.3em;
    float:left;
    margin-top:5px;
}
    
fieldset .textboxes input
{
    width:250px;
    background:white url(Images/inputBg.jpg) repeat-x bottom;
    font-size:1.3em;
    
}

fieldset .textboxes textarea
{
    width:250px;
    background:white url(Images/textareaBg.jpg) repeat-x bottom;
    font-size:1.3em;
}

fieldset .textboxes select, fieldset .textboxes option
{
    
    margin-top:5px;
    background:white url(Images/inputBg.jpg) repeat-x bottom;
    
}
fieldset .submitButton
{
    background:white url(Images/inputBg.jpg) repeat-x bottom;
    padding-left:15px;
    padding-right:15px;
    display:block
}

fieldset .authorize 
{
    border:solid 1px Blue;
    display:block;
    text-align:center;
    margin:10px;
}

/* End of Contact Page Formatting */

/* Directing pages Formatting */

#directingPage li
{
    font-size:1.6em;
    line-height:200%;
}

/* End of Directing Page Formatting */

/*Managing Stories Page */
#manageStories dt
{
    width: 9.0em;
    font-weight: bold;
    font-size: 1.2em;
    color: gray;
}

#manageStories dd
{
    
    font-size:1.2em;
    margin:3px auto;

}
#manageStories #bodytxt
{
 clear:both;
 font-weight:500;
 line-height:140%;
 font-size:1.4em;
}

#manageStories label 
{
    
    display:block;
    
}

#manageStories .textboxes 
{
 width:400px;
 
}

#manageStories textarea 
{
    font-size:1.5em;

}


/*End Manage Stories Page*/




/*Utilitiess */
.centered
{
    text-align:center;
    margin:0 auto 0 auto;
}

.highlight 
{
    font-weight:bolder;
    color:#c8610e;    
}

#redtxt 
{
    color:Red;
}

.uppercase 
{
    text-transform:uppercase;
}

.bold 
{
    font-weight:bold;
}

.blue 
{
    color:Blue;
}

#content-inner .imgPdf
{
    background:url(Images/pdfDocImg.jpg) no-repeat center top;
    display:block;
    width:100px;
    padding-top:50px;
    text-align:center;
    margin-bottom:15px;
    float:left;
}

#content-inner .imgDoc
{
    background:url(Images/WordDocImg.jpg) no-repeat center top;
    display:block;
    width:100px;
    padding-top:50px;
    text-align:center;
    float:left;
}



/* Mozilla Dotted Line Fix */
a:active
{
  outline: none;
}

a
{
  outline: none;
}