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

body {
	font-family: 'Jaldi', arial;
	font-size: 22px;
	
	padding:10px;
	
	

}



p {margin:0; padding:0; color:#000;}
header {text-align: center; }
h1 {font-size:42px;}

nav {  margin-top:10px; font-weight: bold;}
nav ul { display: block; padding:6px; text-align: center;  margin:auto;}
nav ul li {display: inline-block; list-style-type: none; text-align: center; margin:0 10px 0 10px;}
nav a:link {text-decoration: none;}
footer{text-align: center; font-size:12px;}

.field-dropdown{
border: 1px solid #ddd;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    font-size: 16px;
    width: 100%;
    max-width: 332px;
    font-family: 'Didact Gothic', sans-serif, Arial, Helvetica, sans-serif;
    background-color: #fff;
    height: 43px;
    margin: 0px -5px 6px 0;
    cursor: pointer;
    padding: 0 10px 0px 10px;
	}

 .field-input{
border: 1px solid #ddd;
font-size: 16px;
padding: 10px;
font-family: 'Didact Gothic', sans-serif, Arial, Helvetica, sans-serif;
/*height: 14px;*/
/*top: -2px; removed to fix the donate page position*/
position: relative;
color: #000;
margin-bottom: 10px;
background-color: #fff;
width:100%;
max-width: 255px;
  border: 1px solid #ddd;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
	
.field-comments{
 border: 1px solid #ddd;
   border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    font-size: 16px;
    
    padding: 10px;
    width: 100%;
    max-width: 255px;
	font-family: 'Didact Gothic', sans-serif, Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin-bottom: 0;
	    margin-left: 5px;

	
    position: relative;
	}
	
input.button-expanding{display: inline-block; padding:6px 30px 6px 30px; background-color:#289845; color:#fff; font-size:22px; text-align:center; margin:5px 0 5px 0; text-decoration:none; border:none; cursor:pointer;  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}

input.button-expanding:hover {color:#fff; background-color:#000; border:none; cursor:pointer; -webkit-transition: all 0.3s ease 0s!important;
  -moz-transition: all 0.3s ease 0s!important;
  -o-transition: all 0.3s ease 0s!important;
  transition: all 0.3s ease 0s!important; }


.black h1 {color:black;}
.red h1 {color:#da191e; border-bottom: solid 1px #da191e;}
.red h2 {color:#da191e; padding:0; margin: 0 0 -35px 0; line-height: 35px; font-size:24px;}

#red a:link, #red a:visited {color:#da191e; }
a.red:link, a.red:visited {color:#da191e!important; }
a.red:hover { border-bottom: 1px dotted #da191e!important;  }
.currentpagered {border-bottom: 1px solid #da191e; }

#black a:link, #black a:visited {color:#000; }
a.black:link, a.black:visited {color:#000!important; }
a.black:hover { border-bottom: 1px dotted #000!important;  }
.currentpageblack {border-bottom: 1px solid #000; }

#orange a:link, #orange a:visited {color:#e67c44; }
.orange h1 {color:#e67c44; border-bottom: solid 1px #e67c44;}
a.orange:link, a.orange:visited  {color:#e67c44!important; }
a.orange:hover { border-bottom: 1px dotted #e67c44;  }
.currentpageorange {border-bottom: 1px solid #e67c44; }

#purple a:link, #purple a:visited {color:#7a2dc9; }
.purple h1 {color:#7a2dc9; border-bottom: solid 1px #7a2dc9;}
a.purple:link, a.purple:visited  {color:#7a2dc9!important; }
a.purple:hover {color:#7a2dc9; border-bottom: 1px dotted #7a2dc9;  }
.currentpagepurple {border-bottom: 1px solid #7a2dc9; }

#lightblue a:link, #lightblue a:visited {color:#07a3d3; }
.lightblue h1 {color:#07a3d3; border-bottom: solid 1px #07a3d3;}
.lightblue h2 {color:#07a3d3; font-size:24px;    margin: 0px;
    padding: 0px; text-align: center;line-height: 30px;}
.lightblue h3 {color: #000;
    font-size: 20px;
    margin: 0px;
    padding: 0px;
    margin-top: -7px;text-align: center; margin-bottom: 40px;}
a.lightblue:link, a.lightblue:visited {color:#07a3d3!important; }
a.lightblue:hover  { border-bottom: 1px dotted #07a3d3;  }
.currentpagelightblue {border-bottom: 1px solid #07a3d3; }


#facebookblue a:link, #purple a:visited {color:#3B5998; }
.facebookblue h1 {color:#3B5998; border-bottom: solid 1px #3B5998;}
a.facebookblue:link, a.facebookblue:visited  {color:#3B5998!important; }
a.facebookblue:hover {color:#3B5998; border-bottom: 1px dotted #3B5998;  }
.currentpagefacebookblue {border-bottom: 1px solid #3B5998; }





#darkblue a:link, #darkblue a:visited {color:#2a3e8f; }
.darkblue h1 {color:#2a3e8f; border-bottom: solid 1px #2a3e8f;}
a.darkblue:link, a.darkblue:visited  {color:#2a3e8f!important; }
a.darkblue:hover { border-bottom: 1px dotted #2a3e8f;  }
.currentpagedarkblue {border-bottom: 1px solid #2a3e8f; }

.darkblue h2 {color:#2a3e8f; padding:0; margin: 0 0 -35px 0; line-height: 35px; font-size:24px;}

#green a:link, #green a:visited {color:#289845; }
.green h1 {color:#289845; border-bottom: solid 1px #289845;}
 a.green:link, a.green:visited  {color:#289845!important; }
a.green:hover { border-bottom: 1px dotted #289845;  }
.currentpagegreen {border-bottom: 1px solid #289845; }


.outercontent {max-width:900px; margin:auto;}

img.gallery {    margin: 4px; border:4px solid #7a2dc9; padding:8px;  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
img.jo {float:right;  margin:10px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
/*border:4px solid #da191e; padding:2px;  
	-webkit-box-shadow: 10px 17px 49px -14px rgba(0,0,0,0.54);
-moz-box-shadow: 10px 17px 49px -14px rgba(0,0,0,0.54);
box-shadow: 10px 17px 49px -14px rgba(0,0,0,0.54);*/}