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

body {
margin: 0;
text-align: center;
padding: 0;
color: #333333;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
background: #baa4a2 /*url(images/patternOne.png)*/;  
}

#container {
width: 830px;
text-align: left;
position: absolute;
top: 20px;
left: 50%;
margin-left: -415px;
}

#printHead {
display: none;
}

#header {
height: 190px;
background: url(images/hopeHeader.png);
z-index: 100;
}

#contentContainer {
margin: 30px 0 0 0;
padding: 0;
background: #68bec6;
border-left: solid 3px #0091a1;
border-right: solid 3px #0091a1;
z-index: 50;
}

#mainContent {
background: #FFFFFF url(images/bottomMenuDetail.png) no-repeat;
float: left;
width: 627px;
min-height: 500px;
text-align: left;
padding: 0 0 10px 0;
margin: 0;
z-index: 50;
} 

#menu {
background-color: #0091a1;
border: none;
padding: 0;
font-size: 12px;
color: #FFFFFF;
width: 830px;
height: 30px;
position: absolute;		
top: 190px;
left: 0px;
z-index: 100;
}

#menu ul {
margin:0;
padding:0;
}

#menu ul li {
display: block;
float: left;
margin: 0 0 0 30px ;
line-height: 30px;
padding: 0;
}

#menu a {
color:#FFFFFF;
text-decoration:none;
}

#sideMenu {
margin: 0;
padding: 10px 0 0 0;
float: right;
width: 192px;
text-align: left;
}

#bottom {
height: 32px;
background: url(images/bottomPiece.png) no-repeat;
margin: 0;
padding: 0;
}

.clearer {
clear: both;
width: 50px;
height: 0;
}

.sideMenuBottom {
background: url(images/logo.png) no-repeat;
width: 180px;
position: absolute;
bottom: 0px;
margin: 0 0 2px 12px;
padding: 95px 0 43px 10px; 
}

img {
float: left;
margin: 0 20px 10px 25px;
}

img.inside {
margin: 10px 20px 10px 0;
}

img.book {
margin: 0 20px 10px 0;
}

img.place {
margin: 0 0 20px 0;
}

input  {
border: solid 1px #ef4b23;
margin: 0 0 0 23px;
height: 25px;
width: 400px;
}

input.submit {
background: #f37010;
width: 60px;
color: #FFFFFF;
}

textarea  {
border: solid 1px #ef4b23;
margin: 0 0 0 23px;
height: 65px;
width: 400px;
}
/*copy and headlines ---------------------*/

p {
margin: 0px 30px 10px 23px;
}

p.copywrite {
font-size: 9px;
text-align: left;
margin: 0 10px 10px 0;
padding: 0;
}

p.contactInfo {
display: none;
}

p.highlight {
font-weight:bold;
color: #5b307c;
font-style:italic;
}

h1 {
font-family: kansasnew,serif;
font-weight: 400;
font-style: normal;
color: #5b307c;
margin: 30px 30px 13px 23px;
}

h2 {
color: #5b307c;
font-family: kansasnew,serif;
font-weight: 400;
font-style: normal;

margin: 5px 30px 5px 23px;
}

h3 {
color: #5b307c;
font-family: kansasnew,serif;
font-weight: 400;
font-style: normal;

margin: 0 30px 0 23px;
}

span.purple {
color: #5b307c;
}

.italics {
font-style: italic;
}

ul {
list-style-type: square;
margin: 0 30px 10px 23px;
padding: 0 30px 10px 23px;
}

ol {
margin: 0 30px 10px 23px;
padding: 0 30px 10px 23px;
}


a {
color: #ef4b23;
text-decoration: none;
}

a:hover {
color: #f37010;
text-decoration: none;
}

#headline {
display: none;
}

.hopeCenter {
background: url(images/hopeCenter.png) no-repeat;
}

.hopeStaff {
background:url(images/hopeStaff.png) no-repeat;
}

.hopeServices {
background:url(images/hopeServices.png) no-repeat;
}

.hopeFAQ {
background:url(images/hopeFAQ.png) no-repeat;
}

.hopeForms {
background:url(images/hopeForms.png) no-repeat;
}

.contact {
background:url(images/contact.png) no-repeat;
}

/*side menu links ----------------------------------------------*/

#sideMenu a {
display: block;
width: 151px;
margin: 0 0 0 5px;
padding: 17px 0px 0px 47px;
font: bold 18px sans-serif;
color:#ffffff;
text-decoration: none;
}

#sideMenu a.twitter {
background: url(images/twitterButton.png) 0 0 no-repeat;
}

#sideMenu a:hover.twitter {
background-position: 0 -40px;
color: #b4eef6;
}

#sideMenu a.facebook {
background: url(images/facebookButton.png) 0 0 no-repeat;
}

#sideMenu a:hover.facebook {
background-position: 0 -40px;
color: #b4eef6;
}

#sideMenu a.linkedIn {
background: url(images/linkedInButton.png) 0 0 no-repeat;
}

#sideMenu a:hover.linkedIn {
background-position: 0 -40px;
color: #b4eef6;
}

#sideMenu a.ezine {
background: url(images/ezineButton.png) 0 0 no-repeat;
}

#sideMenu a:hover.ezine {
background-position: 0 -40px;
color: #b4eef6;
}
#sideMenu a.video {
background: url(images/videoButton.png) 0 0 no-repeat;
}

#sideMenu a:hover.video {
background-position: 0 -40px;
color: #b4eef6;
}

#sideMenu a.rss {
background: url(images/rssButton.png) 0 0 no-repeat;
}

#sideMenu a:hover.rss {
background-position: 0 -40px;
color: #b4eef6;
}

#sideMenu input {
border: solid 1px #ffd600;
margin: 2px 0 0 10px;
padding: 5px 0 0 5px;
height: 15px;
width: 150px;
overflow: auto;
}

#sideMenu input.submit {
background-color: #ffd600;
border: none;
height: 20px;
width: 60px;
color: #FFFFFF;
margin: 5px 0px 0 10px;
padding: 2px;
}

#sideMenu p {
color: #FFFFFF;
font-size: 10px;
margin: 0;
padding: 0;
}

#sideMenu p.list {
color: #FFFFFF;
font-size: 11px;
margin: 0;
padding: 10px 15px 0 10px;
}