/*
This is Eric Meyer's CSS Reset. 
(http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)  It's pretty
harsh, but serves as a clear-all for browser-imposed CSS styles.  If you wish to
perform your own CSS reset, comment out this line.
*/

@import url("/css/reset.css");

a {
  color: #77559D;
}
a:hover {
  color: #A88FC2;
}
p {
  padding: 0 0 13px 0;
}
th, td {
  padding: 5px;
}
label {
  clear: left;
  float: left;
  padding: 5px;
  text-align: right;
  width: 150px;
}
input {
  margin: 5px;
}
textarea {
  height: 150px;
  width: 550px;
}

.center {
  margin: 0 auto;
  text-align: center;
}

#container {
  margin: 0 auto;
  width: 910px;
}

#footer {
  color:#F1EFF1;
  background:url(/images/footerrepeat.jpg) repeat-x top;
  height:70px;
  clear:both;
  padding: 40px;
  text-align: center;
  clear: both;
}


/* Some styles for 'cms/edit' */
/*
#edit_page_form {
  display: block;
  float: left;
}
.wmd-preview {
  border: thin solid;
  height: 190px;
  margin-left: 600px;
  overflow: auto;
  width: 550px;
}
*/

/* Styling for /login.php login form */
#login_form {
  margin: 0 auto;
  text-align: center;
  width: 350px;
}

body {
	background: url(../images/purplebgrepeat.jpg) repeat-x top #F1EFF1;
	background-position:0 40px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#7A7679;
	font-size:.7em;
}

#main {
	background:url(../images/purplebg.png) no-repeat top;
	width:100%;
	height:260px;
}


#banner {
	background:url(../images/banner.jpg) no-repeat top;
	width:910px;
	height:340px;
}


/* TOP BAR & NAV */


#top {
	background:url(../images/navrepeat.jpg) repeat-x top;
	height:40px;
	width:100%;
}

#topcontainer {
	height:40px;
	width:910px;
}

#telephone {
	background:url(../images/telephone.png) no-repeat top;
	float:left;
	margin-top:15px;
	height:14px;
	width:123px;
}

#nav {
	width:769px;
	height:40px;
	float:right;
}

#nav ul {
	display:inline; 
	}
	
#nav li {
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
	}
	
#nav a{overflow:hidden;display:block;}
a.aboutus:link, a.aboutus:active, a.aboutus:visited {background:url(../images/nav.jpg) 0px 0px;height:40px;width:91px;}
a.aboutus:hover {background:url(../images/nav.png) 0 -40px;}
a.youarenotalone:link, a.youarenotalone:active, a.youarenotalone:visited {background:url(../images/nav.jpg) -91px 0px;height:40px;width:142px;}
a.youarenotalone:hover {background:url(../images/nav.png) -91px -40px;}
a.gethelp:link, a.gethelp:active, a.gethelp:visited {background:url(../images/nav.jpg) -233px 0px;height:40px;width:138px;}
a.gethelp:hover {background:url(../images/nav.png) -233px -40px;}
a.news:link, a.news:active, a.news:visited {background:url(../images/nav.jpg) -371px 0px;height:40px;width:104px;}
a.news:hover {background:url(../images/nav.png) -371px -40px;}
a.makeadonation:link, a.makeadonation:active, a.makeadonation:visited {background:url(../images/nav.jpg) -475px 0px;height:40px;width:131px;}
a.makeadonation:hover {background:url(../images/nav.png) -475px -40px;}
a.contactus:link, a.contactus:active, a.contactus:visited {background:url(../images/nav.jpg) -606px 0px;height:40px;width:94px;}
a.contactus:hover {background:url(../images/nav.png) -606px -40px;}

a.home:link, a.home:active, a.home:visited {
	background:url(../images/homebutton.png) no-repeat top;
	display:block;
	height:40px;
	width:69px;overflow:hidden;
}

a.home:hover {
	background-position:0px -40px ;
}

/********************************************************************dropdowns***/
#jsddm {	
  margin: 0;
	padding: 0
}

#jsddm li {	
	list-style: none;
}

#jsddm li a {
	display: block;
}

#jsddm_about {
  margin-left: -40px;
  *margin-left: 10px;
  *padding-bottom: 5px;
}

#jsddm_alone {
  margin-left: -70px;
  *margin-left: 10px;
}
#jsddm_help {
  margin-left: -65px;
  *margin-left: 10px;
}
#jsddm_news {
  margin-left: -50px;
  *margin-left: 10px;
}

#jsddm li ul {	
	width: 150px;
	padding: 0;
	position: absolute;
	visibility: hidden;
	background: #f7f7f7;
	text-indent: none;
	border: 1px solid #efefef;
	border-top: none;
}
		
#jsddm li ul li {	
  float: none;
	display: block;
}
#jsddm li ul li a {
  padding: 10px;
	text-align: left;
	color: #8b878b;
	text-decoration: none;
	*padding: 0 5px 5px 5px;
	*height: 20px;
}
#jsddm li ul li a:hover {
	color: #666;
}
.drop_arrow {
  float: left; 
  margin-top: 9px; 
  margin-left: 5px;
  *margin-top: 10px;
}
hr.dropdownss {
  border: 1px solid #EDECEE;
  border-top: none;
  border-left: none;
  border-right: none;
  width: 85%;
  margin: auto;
  *height: 1px;
}
/***end dropdowns***/
/* HEADER */


#header {
	width:890px;
	margin-left:10px;
	height:110px;
}

a#logo:link, a#logo:visited, a#logo:active, a#logo:hover {
	background:url(../images/LOGO.png) no-repeat top;
	display:block;
	height:64px;
	margin-top:30px;
	float:left;
	width:224px;
}

a#escape:link, a#escape:visited, a#escape:active {
	background:url(../images/button_escape.png)  no-repeat top;
	display:block;
	height:34px;
	margin-top:30px;
	float:right;
	width:114px;
}

a#escape:hover {
	background:url(../images/button_escape.png) 34px 0px no-repeat top;
	background-position: 0px -34px;
}

/* CONTENT */

#content {
	display:block;
	float:left;
	font-size:1.1em;
	line-height:19px;
	padding:20px;
	width:620px;
}

#content p {
}

#donatetoday {
	background:url(../images/donatebg.jpg) no-repeat top;
	display:block;
	float:right;
	height:160px;
	margin-top:20px;
	padding:20px;
	text-align:center;
	width:210px;
}


#unitedway {
	background:url(../images/donatebg.jpg) no-repeat top;
	display:block;
	float:right;
	height:60px;
	margin-top:10px;;
	padding:10px 20px 30px 20px;
	margin-bottom:10px;
	text-align:center;
	width:210px;
}

#donatetoday p {
  line-height: 20px;
  margin-top: 5px;
}
a.makeadonation1:link, a.makeadonation1:visited, a.makeadonation1:active {
	background:url(/images/button_makeadonation.png)  no-repeat top;
	display:block;
	height:30px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	width:124px;
}

a.makeadonation1:hover {
	background:url(/images/button_makeadonation.png) 30px 0px no-repeat top;
	background-position: 0px -30px;
}

h1 { font-size:1.6em; font-weight:normal; margin-bottom:10px;}


h2 { font-size:1.4em; font-weight:normal; margin-bottom:20px; color:#261361}

#float_image {
  float: right;
  padding: 0 0 10px 10px;
}
/* CONTENT PAGES */


#content1 {
	background:url(../images/contenttop.png) no-repeat top;
	display:block;
	float:left;
	font-size:1.2em;
	line-height:22px;
	padding:30px;
	width:850px;
    height:500px ;
    min-height:500px !important;
    height:auto;
}

#content1 li {
  margin-bottom: 5px;
}
#content1 ul {
  margin-bottom: 15px;
}
.board li {
	margin-left:0;
	list-style-type:none;
}

ul { list-style-type:disc; margin-left:40px;}

/* EVENTS PAGE */
a.viewevent1:link, a.viewevent1:visited, a.viewevent1:active {
	background:url(/images/button_eventdetails.png)  no-repeat top;
	display:block;
	height:30px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	width:124px;
}

a.viewevent1:hover {
	background:url(/images/button_eventdetails.png) 30px 0px no-repeat top;
	background-position: 0px -30px;
}

a.viewflyer1:link, a.viewflyer1:visited, a.viewflyer1:active {
	background:url(/images/button_flyer.png)  no-repeat top;
	display:block;
	height:30px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	width:124px;
}

a.viewflyer1:hover {
	background:url(/images/button_flyer.png) 30px 0px no-repeat top;
	background-position: 0px -30px;
}

a.regevent1:link, a.regevent1:visited, a.regevent1:active {
	background:url(/images/button_eventregister.png)  no-repeat top;
	display:block;
	height:30px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	width:124px;
}

a.regevent1:hover {
	background:url(/images/button_eventregister.png) 30px 0px no-repeat top;
	background-position: 0px -30px;
}

a.viewcal:link, a.viewcal:visited, a.viewcal:active {
	background:url(/images/button_calview.png)  no-repeat top;
	display:block;
	height:34px;
	margin-left:auto;
	margin-right:auto;
	width:114px;
}

a.viewcal:hover {
	background:url(../images/button_calview.png) 34px 0px no-repeat top;
	background-position: 0px -34px;
}

a.viewlist:link, a.viewlist:visited, a.viewlist:active {
	background:url(/images/button_listview.png)  no-repeat top;
	display:block;
	height:34px;
	margin-left:auto;
	margin-right:auto;
	width:114px;
}

a.viewlist:hover {
	background:url(../images/button_listview.png) 34px 0px no-repeat top;
	background-position: 0px -34px;
}

/* NEWS PAGE */

.newsTitle {
	font-size:15px;
	color: #494949;
}

/* MAKE A DONATION PAGE */

#donation_table_2 tr td{
  padding: 2px;
  padding-bottom: 0;
}
#donation_table_2 select {
  margin-top: 6px;
}
#donation_table_2 {
  margin-left: 66px;
}
#donate_form {
  background: #f5f5f5;
  border: 1px solid #E3DFE3;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 700px;
  margin: auto;
}

.smallLink {
	font-size:10px;
	color: #77559D;
}

a.smallLink:link, a.smallLink:active, a.smallLink:visited {
	color: #77559D;
	font-size:10px;
}

a.smallLink:hover {
	color: #A88FC2;
	font-size:10px;
}

/* CONTACT US */
#contactus {
  background: #f5f5f5;
  border: 1px solid #E3DFE3;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 800px;
}
