@charset "utf-8";

/* ------------------- basic styling -----------------------*/
* {margin: 0px;padding: 0px;}
body {text-align: center;font-family: Arial, Helvetica, sans-serif;font-size: 12pt;background-color: #fff;}
#clear {clear: both;}
#footer {color: #fff;padding: 0px;font-size: 10pt;font-weight: bold;width: 800px;text-align: center;background: #000;}
#header {position:relative;background: #000 url(images/header.jpg) no-repeat;height:135px; }
#spacer {background: url(images/spacer.jpg) no-repeat;height: 15px;}
#wrapper {position: relative;width: 800px;margin: 0 auto;text-align: left;background-color: #fff;background-image: url(images/bg.jpg);background-repeat: repeat-y;}
.floatLeft {float:left;}
.floatRight {float:right;}

/*--------------------Content Styling------------------------*/
#content {zoom: 1;float: right;width: 650px;}
#content p {margin: 0 0 20px 0;text-align: justify;padding-right: 25px;padding-left: 25px;}
#content ul {margin-left: 50px;font-size: 14pt;margin-bottom: 25px;}
#content li {margin-bottom: 10px;list-style-position: outside;list-style-image: url(images/5a-bullet-image.gif);}
#content .center {text-align: center;}
#imageHeaders {margin-bottom: 15px;text-align: center;}
#content h1 {text-indent: -1000em;height: 100px;margin-top: 10px;margin-bottom: 10px;}
#content h2 {font size: 18px;
	font-size: 1em;
	text-align: center;
	line-height: 1.5em;
	color: #FFFFFF;
	background-color: #000000;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-weight: bold;
	font-variant: small-caps;
	margin-top: 40px;
	margin-bottom: 40px;
}
#content h3 {
	font-size: 14pt;
	color: #0059AB;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-bottom: 15px;
}
#content h3 a {color: #0059AB;}
#content a {text-decoration: none;color: #000000;}
#content a:visited {text-decoration: none;}
#houseHeader p {text-align: center;padding-bottom: 5px;font-size: 14pt;margin: 0;}
#contact p {font-size: 10pt;font-variant: small-caps; margin: 0 0 5px 0;font-weight: bold;text-align: center;}
#houseHeader {margin-bottom: 10px;margin-right: 5px;margin-left: 5px;padding-right: 5px;padding-left: 5px;}
#header h1 {text-indent: -1000em;}
#content  .bold {font-weight: bold;width: 600px;}
#content .italic {font-style: italic;width: 600px;}
#video {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	width: 550px;
}
#map {
	border: thin groove #333333;
	text-align: center;
}
#content .caption {
	margin: 0 0 0 0;
}

#content .caption a {
	font-size:12px;
	color:#333333;
	font-variant: small-caps;
	text-decoration: none;
}

/* ---------------- Menu Styling------------------------*/
#menu {float: left;width: 150px;background: #fff;}
#nav li {width:150px;margin:0;list-style:none;padding: 0;}
#nav li a {color:#000000;display:block;width:150px;height:20px;background:bottom left no-repeat #fff;text-decoration:none;margin-top: 5px;}
#nav li a:hover { background-position:top left; }
#nav li a span { visibility:hidden; }

/*------------------Menu Items-------------------------*/
#nav li a.home { background-image:url(images/menu/home.jpg); }
#nav li a.solution { background-image:url(images/menu/solution.jpg); }
#nav li a.thenewsolution { background-image:url(images/menu/new-solution.jpg); }
#nav li a.hopehouse { background-image:url(images/menu/hope-house.jpg); }
#nav li a.aboutus { background-image:url(images/menu/about.jpg); }
#nav li a.whatweoffer { background-image:url(images/menu/what-we-offer.jpg); }
#nav li a.mission { background-image:url(images/menu/mission.jpg); }
#nav li a.vision { background-image:url(images/menu/vision.jpg); }
#nav li a.events { background-image:url(images/menu/events.jpg); }
#nav li a.donations { background-image:url(images/menu/donations.jpg); }
#nav li a.contactus { background-image:url(images/menu/contact-us.jpg); }

/*---------------Links Menu Styling---------------------*/
#links {float: left;width: 150px;padding: 0;margin-top: 10px;text-align: center;}
#links img {margin: 0px;padding: 0px;}
#links p {font-size: 9pt;font-weight: bold;font-variant: small-caps;margin-top: 10px;background-color: #000000;color: #FFFFFF;margin-bottom: 10px;}

/*---------------Page Header Styles------------------------*/
#content .solutionHeader {background-image: url(images/headers/solution.jpg);background-repeat: no-repeat;}
#content .newSolutionHeader {background-image: url(images/headers/new-solution.jpg);background-repeat: no-repeat;}
#content .hopeHouseHeader {background-image: url(images/headers/hope-house.jpg);background-repeat: no-repeat;}
#content .aboutHeader {background-image: url(images/headers/about.jpg);background-repeat: no-repeat;}
#content .offerHeader {background-image: url(images/headers/offer.jpg);background-repeat: no-repeat;}
#content .missionHeader {background-image: url(images/headers/mission.jpg);background-repeat: no-repeat;}
#content .visionHeader {background-image: url(images/headers/vision.jpg);background-repeat: no-repeat;}
#content .eventsHeader {background-image: url(images/headers/events.jpg);background-repeat: no-repeat;margin: 0 auto;}
#content .donationsHeader {background-image: url(images/headers/donations.jpg);background-repeat: no-repeat;}
#content .contactHeader {background-image: url(images/headers/contact.jpg);background-repeat: no-repeat;display: block;margin: 0px;}
#content .thanksHeader {background-image: url(images/headers/thanks.jpg);background-repeat: no-repeat;display: block;}
#content .errorHeader {background-image: url(images/headers/error.jpg);background-repeat: no-repeat;display: block;}
#contact {margin: 0px;}
#contact .blueText {font-weight: bold;color: #000033;margin-right: 4px;margin-left: 4px;font-size: 12pt;font-variant: small-caps;}


/*----------------Events Page Styles-------------------------*/
#events {zoom: 1;float: right;width: 650px;}
#eventItem  {text-align: center;background-image: url(images/event-bg.jpg);background-repeat: repeat-y;margin: 0px 0 0 0;}
#eventItem h1 {background-color:#000000;height:auto;color:#FFFFFF;text-indent:0px;font-weight:bold;margin-right:25px;margin-left:25px;font:Geneva;font-size: 18pt;}
#eventItem  h2 {font-size: 14pt;font-variant: small-caps;margin-top: 0px;}
#eventItem p {margin: 10px 0;text-align: center;font-variant: small-caps;font-size: 10pt;font-weight: bold;}
#eventItem a {color: #990000;margin-bottom: 5px;}
#eventItem li {font-size: 12pt;text-align: center;list-style-image: none;margin: 10px 0;font-variant: small-caps;font-weight: bold;}
#eventItem ul {list-style:none;margin: 0 0 10px 0;}
#eventItem .last {background-image: url(images/events-bg-bottom.jpg);background-repeat: no-repeat;height: 22px;margin: 0 0 10px 0;}
#eventItem .first {background-image: url(images/events-bg-top.jpg);background-repeat: no-repeat;margin: 0px;}
#eventItem  #register {text-align: center;width: 500px;margin: 0 auto;padding: 5px 0;}
#contactResponse p {text-align: center;font-size: 13pt;margin: 0px;}
#contactResponse td {
	text-align: center;
}

#contactResponse h2 {text-align: center;margin-top: 20px;margin-bottom: 5px;}
#donateForm  {
	width: 400px;
	border: thin solid #000000;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: center;
}
#donateForm  p {
	color: #000000;
ß
	height: auto;
	text-align: center;
}

.smallText {
	font-size: 10px;
	color: #993300;
	line-height: 2.5em;
}
#calendar {
	border: thin groove #333333;
	text-align: center;
}
#contactResponse h2 {
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	padding: 0px;
	margin-top: 25px;
	margin-bottom: 0px;
}
#eventItem h2 {
	margin-right: 25px;
	margin-left: 25px;
	background-color: #FFFFFF;
	color: #000000;
	margin-bottom: 0px;
}
.center {
	text-align: center;
}
#center p {
	text-align: center;
}
#content h4 {
	font-size: 2em;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	font-variant: small-caps;
}
#content hr {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#eventItem ul.box {
	border: medium solid #666666;
	width: 400px;
	text-align: center;
	margin-left: 125px;
	background-color: #000000;
	color: #FFFFFF;
}
#banner {
	position:relative;
	background: #000;
	height:75px;
	cursor: pointer;
}