/* default styles
   -------------- */
  
* {
	outline:none;
}
  
body { 
	position:relative;
	padding: 10px; 
	margin:0 auto;
	font: 0.74em Arial, Helvetica, sans-serif; 
	line-height: 1.5em;
	background-color: #4F708D;
	color: #454545; 
}

a {
	color: #4A8EBC; 
	background: inherit;
}

a:hover {
	color: #b52e3f;
	background: inherit;	
}

a.title {
	color: #FE6700;
	background: #FFF;
}

.center{
	text-align:center;
}

.imgLeft{
	float:left;
	margin-right:10px;
}

h1 {
	font: bold 2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px; 
	padding: 2px 0 0 0px;
	margin: 0;
	color: #464548;
	background: inherit;
}

h1 .red {
	color: #C3593C;
	background: inherit;
}

h2 { 
	margin: 0 0 10px 0; 
	padding: 0; 
	font: bold 1.5em Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #000; 
	text-align:left;
}

h2 .yellow{
	color: #FFFCD1;
}

h3 {
	font-size:16px;
	margin:5px 0;
	width:508px;
	height:30px;
	background:#fff url(../images/monthbg.gif) no-repeat top left;
	padding-left:10px;
	padding-top:7px;
}

h4 {
	font-size:16px;
	color:#fff;
	text-align:left;
	clear:both;
	margin:0 5px 15px 0;
}

p {	
margin: 0 0 5px 0; 
text-align:left;
}

ul { 
	margin: 0; 
	padding : 0; 
	list-style : none; 
}

form { 
	margin: 0; 
}

input.search { 
	width: 145px; 
	height: 22px;
	border: none;
	background: #fff url(../images/input.gif) no-repeat; 
	padding: 5px 10px 0 25px;
	color: #808080;
}

input.button {
	border: 0;
	height: 27px;
	width: 76px;
	background: #ABC43C url(../images/button.gif) no-repeat;
	color: #FFF;
	font: bold 1.1em Arial, Helvetica, Sans-Serif;
}

input.login { 
	width: 150px;
	border: none; 
	background: url(../images/logininput.gif); 
	padding: 4px; 
}

/* layout
   ------ */

/*** Main Wrapper Divs ***/

.content { 
	width: 800px; 
	margin-top:10px;
}

#white {
	text-align:left;
	width:800px;
	background-color:#FFFFFF ;
	padding-top:20px;	
	margin-right:auto;
	margin-left:auto;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:10px;
	margin-bottom:200px;
	border-style:solid;
	border-width:1px;
	border-color:#333333;
}


/*** Tippy Top Navigation Links ***/

.bar { 
	text-align: right;
	font-size: 1.1em;
	color: #4A8EBC;
	background-color:transparent;
	margin-right:5px;
}

.bar li { 
	padding: 0px 10px 2px 10px;
	color: #808080;
	background: #FFF;
	display: inline;
}
	
.bar li.active { 
	background: #FFF url(../images/bar.gif) no-repeat center bottom; 
	color: #C3593C;
	font-weight: bold; 
	padding-bottom: 2px; 
}

.bar a { 
	font-weight: bold;
	color: #4A8EBC; 
	background: inherit;	
} 

.bar a:hover { 
	font-weight: bold;
	color:#b52e3f; 
	background: inherit;	
}

/*** End of Tippy Top Navigation links ***/

.search_field { 
	text-align: right;
	float: right;
	width: 540px;
	height: 38px;
	background: #464548 url(../images/searchbg.gif) no-repeat top right; 
	color: #000;
	clear: both;
	padding: 10px 10px 0 0;
}

.grey {
	font-size: 1.2em;
	font-weight: bold;
	color: #ccc;
	background: inherit;
}

.search {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	background: inherit;	
}

/*** Navigation ***/

.nav{
	clear:both;
	display:block;
	text-align:left;
	padding-top: 3px;
}
	
.nav li {
display:inline;
margin: 5px 0 0 0;
}

/* First Nav Button */

.newsletterstart a{
	text-decoration:none;
	font-size:16px;
	float:left;
	text-align:center;
	height: 33px;
	padding: 15px 0 0 0px;
	width: 157px;
	background:#b52e3f  url(../images/redstart.gif) no-repeat top left;
	color: #FFF;
	margin: 0 1px 3px 0;
	font-weight: bold;
}

.newsletterstart a:hover{
	background: #46647F url(../images/bluebegin2.gif) no-repeat;
}

/* Three Middle Nav Buttons */

.newslettermid a {
	text-decoration:none;
	font-size:16px;
	float:left;
	text-align:center;
	height: 33px;
	padding: 15px 0 0 0px;
	width: 157px;
	background:#b52e3f  ;
	color: #FFF;
	margin: 0 1px 3px 0;
	font-weight: bold;	
}

.newslettermid a:hover {
	background: #46647F ;
}

/* Last Nav Button */

.newsletterend a {
	float:left;	
	text-align:center;
	text-decoration:none;
	font-size:16px;
	font-weight: bold;
	height:33px;
	padding: 15px 0px 0 0px;
	width: 157px;
	background: #b52e3f url(../images/redend.gif) no-repeat top right;
	color: #FFF;
	margin: 0 1px 3px 0;
}

.newsletterend a:hover {
	background: #46647F url(../images/blueend2.gif) no-repeat top right;
}

/*** End of Navigation ***/


/*** Mission Statement Box ***/

.subheader {
	font-weight:bold;
	text-align:left;
	clear: both;
	height:70px;
	width:772px;
	margin: 3px 0 -2px 0;
	padding: 8px;
	padding-bottom:12px;
	background:#E2E2E2;
	color:#333333;
	border-bottom: 1px solid #ccc;
}

.subheader a:hover {
	color:#b52e3f;
}


/* left side
   --------- */

.left {
	float: left;
	width: 490px;
	margin: 0 0 10px 0;
}

.left_articles {
	text-align:left;
	margin: 0 0 15px -5px;
	padding: 0 0 0 10px;
}	
	
.left_articles p {
	text-align:left;
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
	text-indent:3px;	
}

/*** Volunteer Spotlight Box ***/

.lt {
	margin-top:20px;
	height: 10px;
	background: #6e6e6e url(../images/lt.gif) no-repeat;
	color: #FFF;
}
	
.lbox {
	text-align:left;
	color:#ffffff;
	padding: 3px 12px;
	margin: 0 0 25px 0;
	background: #6e6e6e url(../images/lb7.gif) no-repeat bottom left;
	height: 168px;
	width:auto;
}

.lbox p {
	text-align:left;
	color:#ffffff;
	padding: 12px 15px 12px 170px;
	margin: -17px  0 5px 0;
	text-indent:5px;
	width:auto;
}
	
.lbox a {
	color: #ffffff;
	background: inherit;
}
	
.lbox h2 {
	padding-left:5px;
	color:#ffffff;
	background: #6e6e6e;
}
	
.thumb {
	float: left;
	width: 150px;
	border: 1px solid #353636;
	color: #ffffff;
	background: #6e6e6e;
	margin: 0 15px 15px 0;
	padding: 5px;
}

.lbox a {	
	float:right; 
	padding-top:4px;  
	background: url(../images/bluebtn2.gif) no-repeat; 
	width:110px; 
	height:25px; 
	text-align:center; 
	margin-top:-13px; 
	margin-right:-5px;
	text-decoration:none;
}

/*** Epilepsy Spotlight Box ***/

.lt2 {
	height: 10px;
	background: #353636 url(../images/dlt.gif) no-repeat;
	color: #FFF;
}
	
.lbox2 {
	text-align:left;
	color:#ffffff;
	padding: 3px 12px;
	margin: 0 0 5px 0;
	background: #353636 url(../images/dlb.gif) no-repeat bottom left;
	height: 168px;
	
}

.lbox2 a{
		color: #ffffff;
	background: inherit;
}

.lbox2 p {
	text-indent:5px;
	text-align:left;
	color:#ffffff;
	padding: 13px 15px 12px 170px;
	margin: -17px  0 5px 0;
	width:auto;
}
	
.thumb2 {
	float: left;
	width: 150px;
	border: 1px solid #6e6e6e;
	color: #ffffff;
	background: #353636;
	margin: 0 15px 15px 0;
	padding: 5px;
}

.lbox2 a {
	float:right; 
	padding-top:4px;  
	background: url(../images/bluebtn3.gif) no-repeat; 
	width:110px; 
	height:25px; 
	text-align:center; 
	margin-top:-13px; 
	margin-right:-5px; 
	text-decoration:none;
}

/* For wide subpage text area */

.wide {
	padding-left:10px;
}
	
/* right side
   ---------- */
		
.right {
	float: right;
	width: 245px;
	margin: 10px;
}

.right a {
	color: #FFFCD1;
	background: inherit;
}

.right a:hover {
	color:#b52e3f;
}
	
.rt {
	background:  #8DA5B9   url(../images/bluerighttop3.gif) no-repeat top;
	color: #353636;
	height: 7px;
}
		
.right_articles {
	text-align:left;
	font-size: 0.9em;
	background:  #AAC1D4   url(../images/bluerightbottom3.gif) no-repeat bottom;
	color: #353636;
	padding-left: 8px;
	padding-bottom:2px;
	margin: 0 0 5px 0;
}

.right_articles h4{
	font-size:16px;
	text-align:center;
}
	
			
.image {
	float: left;
	margin: 0 9px 1px 0;
}
.moreinfo{
	text-align:center;
	display:block;
}
.moreinfo a{
	text-align:center;
	font-size:14px;
	color:#CF0000;
}

/* footer
   ------ */

.footer { 
	clear: both; 
	text-align: center;
	line-height: 2.3em;
	color: #808080;
	background: #FFF url(../images/dot.gif) repeat-x;
	padding: 8px 0;
	margin-top:30px;
	font-weight:normal;
}

.footer p{
	text-align:center;
	font-weight:normal;
}

.footer a {
	color: #4A8EBC;
	background: inherit;
	font-weight:normal;
}

.footer a:hover {
	color:#b52e3f;
}

 #upcomingevents  {
 	text-align:center;
}
 #upcomingevents H2 {
 	text-align:center;
	color:#353636;
}


.content .right .right_articles .image {
	border: 1px solid #000000;
}

.content .right #moreevents a {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	float:right;
	margin: 5px;	
	color: #4A8EBB;
}

.content .right #moreevents a {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	float:right;
	margin: 5px;	
	color: #4A8EBB;
}

.content .right #moreevents a:hover {
	color:#b52e3f;
}

.content .header_right .bar .killspace {
	word-spacing: -20px;
}

.content .header_right .bar span {
	color: #FFFFFF;
}



#container #white .content .left .lbox .thumb img{
	text-align: right;
}

#container #white .content .subheader .BBU {
	font-weight: bold;
	color: #4F708D;
	text-decoration: underline;
}

#container #white .content .subheader span {
	font-weight: bold;
	color: #4F708D;
	text-decoration: underline;
}

#container #white .content #lilfade img {
	margin-bottom:5px;
	margin-top: -5px;
	padding-top:-5px;
	height:10px;
}
#container #white .content .topic .topicheader {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	margin: 15px;
	text-align:center;
}
#container #white .content .topic {
	text-align: left;
	margin-bottom:20px;
}
#container #white .content .topic .subpagephotoleft {
	float: left;
	margin:15px;
}

.subpagephotoleft {
	float: left;
	margin:15px;
}
#container #white .content .topic .subpagephotoright {
	margin: 15px;
	float: right;
}

.subpagephotoright {
	margin: 15px;
	float: right;
}

#container #white .content .topic a{
	color: #4A8EBC;
}

#container #white .content .topic a:hover{
	color: #b52e3f;
}#container #white .content #upcomingevents2 {
	text-align: right;
	margin-right:50px;
}

#upcomingevents3 {
	text-align: right;
	margin-right:50px;
	padding-top:140px;
}

#container #white .content .blankleft {
	text-align: left;
	margin:15px;
}
#container #white .content .blankleft .blanklefttitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	margin: 5px;
	margin-left:170px;
	float: left;
}

#container #white .content .header_right img {
	margin-top: -30px;
	margin-left:0px;
	margin bottom:0px;
}

#container #white .content .blankleft a{
	color:#4A8EBC;
}

#container #white .content .blankleft a:hover{
	color:#b52e3f;
}

/***START OF FORM***/

fieldset {
	border:1px dashed #52360e;
	padding:10px;
	width:507px;
	margin:10px 0 0 30px;
}

legend {
	font:17px/33px Arial, sans-serif;
	line-height:18px;
	border: 1px solid #FFF;
	padding: 2px 6px 5px 6px;
	*padding-right:10px;
	font-weight:bold;
	font-size:16px;
	color:#354C5F;
	background:#E2E2E2;
	*margin:0 0px 7px -7px;
}
label {
	width:142px;
	height:32px;
	margin-top:3px;
	margin-right:2px;
	padding-top:11px;
	padding-left:6px;
	color:#4F708D;
	background:#E2E2E2;
	float:left;
	display: block;
	font-size:16px;
	font-weight: bold;
	line-height: 1.1;
}
.form {
	margin:0;
	padding:0;
}

.clear {
	clear:both;
}
.holder {
	background-color:#fff;
}
.div_textbox {
	width:347px;
	float:right;
	background-color:#46647F;
	height:35px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
	display:block;
}

.textbox {
	background-image: url(../images/16t.png);
	background-repeat: no-repeat;
	background-position:left;
	width:285px;
	font:normal 18px Arial;
	color: #444;
	padding:3px 5px 3px 19px;
	margin-bottom:30px;
}
.textbox:focus, .textbox:hover {
	background-color:#eee;
}

.div_textarea {
	width:347px;
	float:right;
	background-color:#46647F;
	height:115px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}

.textarea {
	background-image: url(../images/16t.png);
	background-repeat: no-repeat;
	background-position:left;
	width:285px;
	height:100px;
	font:normal 18px Arial;
	color: #444;
	padding:3px 5px 3px 19px;
}
.textarea:focus, .textarea:hover {
	background-color:#eee;
}

.username {
    	background-image: url(../images/16m.png);
    	background-repeat: no-repeat;
    	background-position:left;
		width:285px;
    	font:normal 18px Arial;
    	color: #444;
    	padding:3px 5px 3px 19px;
}
.username:focus, .username:hover {
	background-color:#eee;
}
   
.password {
    	background-image: url(../images/16s.png);
    	background-repeat: no-repeat;
   	background-position:left;
	width:285px;
    	font:normal 18px Arial;
    	color: #444;
    	padding:3px 5px 3px 19px;
}
.password:focus, .password:hover {
	background-color:#eee;
}

.email {
    background-image: url(../images/email.gif);
    background-repeat: no-repeat;
   	background-position:left;
	width:281px;
    font:normal 18px Arial;
    color: #444;
    padding:3px 5px 3px 24px;
}
.email:focus, .email:hover {
	background-color:#eee;
}

.phone {
    background-image: url(../images/phone.png);
    background-repeat: no-repeat;
   	background-position:left;
	width:281px;
    font:normal 18px Arial;
    color: #444;
    padding:3px 5px 3px 24px;
}
.phone:focus, .phone:hover {
	background-color:#eee;
}

.button_div {
	width:287px;
	float:right;
	background-color:#fff;
	border:1px solid #ccc;
	text-align:right;
	height:35px;
	margin-top:8px;
	padding:5px 32px 3px;
}
.buttons {
	background: #B52E3F;
	font-size:12px; 
	color: #FFF; 
	padding: 6px 14px;
	border-width: 2px;
	border-style: solid;
	border-color: #DF7D8A #5F1D28 #5F1D28 #DF7D8A;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}
	.buttons:hover{
		cursor:pointer;
	}

/***END OF FORM***/

/*** Accordion Styles ***/

#accordion h3  { 
	cursor:pointer; 
	margin:0; 
	padding:5px; 
	font-size:16px; 
}
#accordion h3.current  { 
	color:#4F708D;
}
#accordion p { 
	padding:0 5px; 	
	overflow: hidden; 
	color: #333; 
	font-weight:normal;
	line-height:130%;
}
#accordion .pane{
	display:none;
	background-color:#EFEFEF;
	width:485px;
	padding:10px 5px;
	margin:-10px 0 15px 4px;
}
.accordionImage {
	float:right;
	margin-left:10px;
	border-width: 3px;
	border-style: solid;
	border-color: #9BB3BF #006784 #006784 #9BB3BF;
}

.imageBorder {
	border-width: 3px;
	border-style: solid;
	border-color: #9BB3BF #006784 #006784 #9BB3BF;
}


/** EPILEPSY WALK FORM **/

.walkForm{
	float:right;
	margin:25px 15px 0 0;
	width:250px;
	border:2px solid #E2E2E2;
	padding:10px;
}
.walkForm h4{
	font-size:18px;
	color:#B52E3F;
}
.walkForm span{
	font-weight:bold;
	display:block;
	margin:10px 0 3px 0;
}
.walkForm input{
	width:220px;
	font-size:15px;
}

/* Auction Table */

.auction table{
	display:block;
	clear:both;
}

.auction table td{
	padding:5px;
}

/*** ONLINE AUCTIONS PAGE ***/

.onlineAuction table{
	margin-bottom:15px;
}
	/** EPILEPSY WALK FORM **/
	
	.onlineAuctionForm{
		position:fixed;
		margin-top:-30px;
		margin-left:570px;
		*margin-left:80px;
		width:220px;
		border:2px solid #E2E2E2;
		padding:10px;
	}
	.onlineAuctionForm h4{
		font-size:18px;
		color:#B52E3F;
		margin-bottom:-5px;
	}
	.onlineAuctionForm span{
		font-weight:bold;
		display:block;
		margin:10px 0 3px 0;
	}
	.onlineAuctionForm input{
		width:190px;
		font-size:15px;
		margin-bottom:-10px;
	}