@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: local('Abel'), local('Abel-Regular'), url(http://fonts.gstatic.com/s/abel/v6/brdGGFwqYJxjg2CD1E9o7g.woff2) format('woff2'), url(http://fonts.gstatic.com/s/abel/v6/EAqh528fFdbUek8UOky4sA.woff) format('woff');
}

{padding: 0;margin: 0;}
.firstcharacter { float: left; color: #cc935c; font-size: 49px; line-height: 49px; padding-top: 1px; padding-right: 8px; padding-left: 3px; font-family: Georgia; }
#content img {

float:right;

margin-left:10px;

}
strong { font-weight: bold; }


body {

font-size: 15px;

text-align: left;

height: 100%;

background: url(i/new-bkg.jpg) center top no-repeat fixed #f6eac9;

margin:0px 0 0 0;

color:#666;

font-family: Arial;

font-style: normal;

font-weight: 300;

}

p.announcement::first-line{

font-size:180%;

font-weight:bold;

}

a, a:link, a:visited, a:active {

font-weight:bold;

color:#cc935c;

text-decoration:none;

}

a:hover {

font-weight:bold;

color:#a2672e;

text-decoration:none;

}

#form-menu {

margin:0 0 4px 0px;

padding:0px;

display:none;

}

#form-menu select {

   background: #fff;

   padding: 5px;

   font-size: 20px;

   border: 1px solid #cc935c;

   border-radius:3px;

   width:98%;

   margin-left:1%;

}

hr {

border-top: 1px solid #dfdfff;

border-bottom: 0;

height: 0x;

width:80%

} 

h1 {
color: #EAEAEA;
background: url(i/h1-bkg.png) top center repeat-x; 
padding:8px 0 0 43px;
font-family: 'Abel', sans-serif;
font-size:30px;
font-weight:normal;
margin-left:-28px;
height:44px;
line-height:36px;
width:932px;
margin-top:2px;
text-shadow: 0 1px 1px #000;
}

.h198{width:98%}

h2{
font-family: 'Abel', sans-serif;
font-size:20px;
font-weight:normal;
color:#cc935c;
padding: 7px;
color: #a2672e;
background-color: #f6eac9;
margin-bottom:8px;
}

h3{

font-size:18px;

font-weight:normal;

letter-spacing:1px;

color:#cc935c;

}



h4 {

color:#436afe;

background: #FAFAFA;

padding:16px;

font-size:18px;    

font-weight:normal;

border:1px solid #dfdfff;

letter-spacing:3px;

font-style:italic; 

}



ul {

margin: 0;

padding: 0 0 0 22px;

}

ul#content li {

list-style: square url("i/li/light-blue-li.gif");

padding-left:12px;

color:#cc935c;

}

ul#content li ul li{

list-style: square url("i/li/blue-li.gif");

padding-left:0;

}

ul li ul li .topmenu{

list-style:none;

list-style-type:none;

padding-left:0;

}

ul#css3menu1 li ul li{

list-style:none;

list-style-type:none;

padding-left:0;

}

ul ul li{

background: none;

list-style-type:square;

padding-left:0;

margin-left:12px;

}

ul li ul li ul li{

background: none;

list-style-type:circle;

padding-left:0;

}

ul ul ul li{

background: none;

list-style-type:circle;

padding-left:0;

margin-left:10px;

}

ul#css3menu1 li{

background: none;

list-style:none;

list-style-type:none;

}

ul#css3menu1 ul li{

background: none;

list-style:none;

list-style-type:none;

}

ul#css3menu1 li ul li{

background: none;

list-style:none;

list-style-type:none;

}

#clear {

clear: both;

}

#top-wrapper{

width: 1000px;

margin-right:auto;

margin-left:auto;

margin-top:0px;

}

#top-left{

margin:20px 0 8px 10px;

padding: 0;

float:left;

text-align:left;

vertical-align:top;

}

#top-right{

margin:20px 12px 0 0;

color: #fff;

font-weight:bold;

padding: 0;

float:right;

text-align:right;

vertical-align:top;

text-shadow: 0px 1px 3px #a2672e;

}



#wrapper{

width: 1000px;

margin-right:auto;

margin-left:auto;

margin-bottom:0px;

margin-top:0px;

text-align: left;

}	

#header{

margin-right:auto;

margin-left:auto;

margin-bottom:10px;

padding-top:30px;

text-align:center;

}



#top-right a, #top-right a:link, #top-right  a:visited, #top-right  a:active {

font-weight:bold;

color:#fff;

text-decoration:none;

}

#top-right a:hover {
color:#633509;
text-decoration:none;
}

#top-right a.donate {
background-color:#557c2e;padding:3px 15px;border:1px solid #414141;border-radius:12px;
}

#top-right a.donate:hover {
background-color:#345415;
color:#f2f2f2;
}




#content-bkg{

border-radius: 3px 3px 3px 3px;

background: #fff;

padding:12px;

margin-top:2px;

}

#content-border{

padding:12px;

border:1px solid #dfdfff;

border-radius: 3px 3px 3px 3px;

background: #fff;

}



#menu-container{

text-align:left;

vertical-align:top;

width:988px;

height:38px; /* hide so insert slides down without height */

display:inline-block;

margin:12px 0;

border-radius: 3px 3px 3px 3px;

background-color: #fff;

padding-left:12px;

}

#insert{

margin:12px auto;

padding:12px;

border-radius: 3px 3px 3px 3px;

background: #fff;

width:976px; /* change insert width here */

}

#insert-border{

padding:12px;

border:1px solid #dfdfff;

border-radius: 3px 3px 3px 3px;

background: #fff;

}

#insert-photo{

margin:-348px 0 0 -15px;

position:absolute;

}

#content {

padding:0 0 0 16px;

width:70%;

vertical-align:top;

min-height:500px;

float:left;

line-height:25px;

}

#custom-right {

float:right;

margin:-13px;

width:23%;

padding:47px 2% 0px 2%;

text-align:left;

vertical-align:top;

font-size:92%;

line-height:130%;

color:#666;

word-wrap: break-word; /* ff */

word-break: normal; /*chrome safari ie */

border:1px solid #dfdfff;

border-radius: 3px 3px 3px 3px;

background: #fffad9;

margin-top:42px;

}

#special, #custom-bottom {

/* margin: 12px; */

font-size:106%;

font-style:italic;

line-height:25px;

padding: 12px;

color: #800000;

background: #f6eac9;

border:1px dotted #dfdfff;

/* width:86%; */

}

#custom-right  #special {

margin: 12px 3px;

font-size:106%;

font-style:italic;

line-height:25px;

padding: 12px;

color: #2f5617;

background: #f6eac9;

border:1px dotted #dfdfff;

width:86%;

}

#bottom-menu {

margin-right:auto;

margin-left:-13px;

margin-top:26px;

text-align:left;

padding-bottom:24px;

}

#bottom-menu .navigation a {

padding:0px 28px 0 28px;

list-style:none;

float:left;

text-align:center;

font-weight:normal;

border-left:1px solid #dfdfff;

text-transform:uppercase;

font-weight:normal;

color:#800000;

}

#bottom-menu .navigation a:hover {

color:#3c0101;

}

#footer-wrapper a {

color:#3a3b3b;

}

#footer-wrapper a:hover {

color:#4f5050;

}

#footer {

margin-right:auto;

margin-left:auto;



padding:0px 30px 0 30px;

color:#D1D5BF;

}

#footer a {

text-decoration:none;

font-size:110%;

}

#bottombox {

border-top:1px solid #dfdfff;

padding:2% 1%;

}

#bottomleft{

width: 24%;

padding:24px 3%;

float:left;

vertical-align:top;

margin-top:4px;

word-wrap: break-word; /* ff */

word-break: normal; /*chrome safari ie */

background: #cc935c;

color:#fff;

border-radius:3px;

height:220px;

}

#bottomleft a{

color:#fff;

}

#bottomleft a:hover{

color:#f6eac9;

}

#bottommiddle{

width: 26%;

border: 0px solid #f5f5f5;

border-radius:3px;

padding:25px 0px 6px 3%;

display:inline-block;

vertical-align:top;

margin-top:4px;

margin-left:3%;

margin-right:0%;

word-wrap: break-word; /* ff */

word-break: normal; /*chrome safari ie */

}

#bottomright{

width: 24%;

padding:24px 3%;

float:right;

vertical-align:top;

margin-top:4px;

text-transform:justify;

word-wrap: break-word; /* ff */

word-break: normal; /*chrome safari ie */

background: #cc935c;

color:#fff;

border-radius:3px;

height:220px;

}

#bottomright a{

color:#fff;

}

#bottomright a:hover{

color:#f6eac9;

}

#copyright {

clear:both;

font-size:11px;

text-align:center;	

margin:0px;

color:#ccc;

padding:23px 0 10px 0;

}

#copyright a {

color:#ccc;

}

#copyright a:hover {

color:#666;

}



#subfooter-wrapper{

background: url();

}

#subfooter {

font-size:10px;		

text-align:center;

margin-right:auto;

margin-left:auto;

margin-top:2px;

padding-top:0px;

padding-bottom:60px;

color:#333;

}

#subfooter a {	

font-size:10px;		

text-align:center;

color:#3a3b3b;    

}

.photos-3{width:30%;margin-right:2%;float:none;margin-left:0}



/* css menu */

ul#css3menu1,ul#css3menu1 ul{

margin:0;list-style:none;padding:0;

background-color: #fff;

list-style:none;

list-style-type:none;

border-radius: 3px;

}

ul#css3menu1 ul{ /*drop down */

	display:none;position:absolute;left:0;top:100%;

	background-color:#FFFFFF;

	border-radius: 0px 0px 3px 3px;

	padding:0 10px 10px;

	margin-left:0px;

	border:1px solid #F6EAC9;

	background: none;

	list-style:none;

list-style-type:none;

min-width:130px;

	}

	ul#css3menu1 li ul{

background:#fff;

list-style:none;

list-style-type:none;

	}

ul#css3menu1 li:hover>*{

	display:block;}

ul#css3menu1 li{

	position:relative;display:block;white-space:nowrap;font-size:0;float:left;}

ul#css3menu1 li:hover{

	z-index:1;

	background:#fff;}

ul#css3menu1{

	font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;

	*display:inline;

	list-style:none;

list-style-type:none;}

ul#css3menu1>li{

list-style:none;

list-style-type:none;

	margin:0;}

* html ul#css3menu1 li a{

	display:inline-block;

	list-style:none;

list-style-type:none;}

ul#css3menu1 a:active, ul#css3menu1 a:focus{

	outline-style:none;}

ul#css3menu1 a{

	display:block;vertical-align:middle;text-align:left;text-decoration:none;

	font-weight:normal;

	font-size:17px;

	/* text-shadow:#3d3d3d 0 -1px 0px; */

	cursor:pointer;

	padding:10px 10px 10px 10px; /* was 10px 24px 10px 10px; */

	border-width:0 1px 0 0;border-style:solid;border-color:#fff;

	color:#2F5617;}

ul#css3menu1 ul li{

	float:none;margin:0px 0 0;background:none;

	list-style:none;

list-style-type:none;}

ul#css3menu1 ul a{

	text-align:left;padding:4px;background-color:#FFFFFF;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px;text-decoration:none;}

ul#css3menu1 li:hover>a,ul#css3menu1 a.pressed{ /* Top menu hover here */

	background-color:#f6eac9;text-decoration:none;text-shadow:#FFF 0 0 1px;}

ul#css3menu1 img{

	border:none;vertical-align:middle;margin-right:0px;}

ul#css3menu1 img.over{

	display:none;}

ul#css3menu1 li:hover > a img.def{

	display:none;}

ul#css3menu1 li:hover > a img.over{

	display:inline;}

ul#css3menu1 li a.pressed img.over{

	display:inline;}

ul#css3menu1 li a.pressed img.def{

	display:none;}

ul#css3menu1 span{

	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}

ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{

text-decoration:none;

text-shadow:#FFF 0 2px 0px;

	}

ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li>a.pressed{ /*sub hover */

	background-color:#FFFFFF;background-image:none;text-decoration:none;

	list-style:none;

list-style-type:none;

color:#633509;

}

ul#css3menu1 li.topfirst>a{

	border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}

ul#css3menu1 li.toplast>a{

	border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}

ul#css3menu1 li{

background: none;

list-style:none;

list-style-type:none;

}







/* 1038 */

@media only screen and (max-width: 1038px) {



h1{
width:140%;
}
h1.full-screen{
width:101%;
}

#custom-right{

margin-top:43px;

}

}





/* 1018 */

@media only screen and (max-width: 1018px) {

#menu-container{

width:100%;

padding-left:0px;

margin:0 0 12px;

border-radius: 0px;

}

ul#css3menu1,ul#css3menu1 ul{

border-radius: 0px;

}

#wrapper{

width:100%;

}

#top-wrapper{

width:100%;

}

#insert{

width:96%;

}

#content-bkg{

width:96%;

margin-left:auto;

margin-right:auto;

}

}

/* 900 */

@media only screen and (max-width: 900px) {

#bottomright{

float:none;

width:92%;

margin-left:auto;

margin-right:auto;

margin-top:6%;

border-radius:3px;

clear:both;

}

#bottomleft{

width:92%;

margin-top:20px;

margin-left:auto;

margin-right:auto;

float:none;

}
#bottommiddle{
width:92%;
}
h1{
width:139.7%;
}
h1.full-screen{
width:100.6%;
}
}

/* 851 */

@media only screen and (max-width: 851px) {

#custom-right{

padding: 18px 2% 6px 1%;
}
}

/* 796 */

@media only screen and (max-width: 796px) {
h1{
width:139%;
}
h1.full-screen{
width:100%;
}
}


/* 768 */

@media only screen and (max-width: 768px) {



ul#css3menu1 a{

padding-top:11px;

padding-left:4px;

padding-right:4px;

height:14px;

}

ul#css3menu1 ul li>a{ /*sub hover */

height:24px;

}

ul#css3menu1 li:hover>a,ul#css3menu1 a.pressed{ /* Top menu hover here */

	background-image:none;

}

#insert{

width:93%;

}

#content-bkg{

width:93%;

}

}

/* 708 */

@media only screen and (max-width: 708px) {
.hide-708{
display:none;
}

#custom-right {

float:none;

margin:1% auto;

width:95%;

padding:0% 2% 0 2%;

text-align:left;

vertical-align:top;

font-size:92%;

line-height:130%;

word-wrap: break-word; /* ff */

word-break: normal; /*chrome safari ie */

border:1px solid #dfdfff;

border-radius: 3px 3px 3px 3px;

}

#custom-right  #special {

margin: 12px auto;

font-size:106%;

font-style:italic;

line-height:25px;

padding: 12px;



}

h1{
width:103%;
font-size:20px;
}
h1.full-screen{
width:102.6%;
}
.h198{width:103%;}
#content{

width:99%;

padding:0;

}

}

/* 590 */

@media only screen and (max-width: 590px) {

#insert{

display:none;

}

#content-bkg {

width:92%;

margin-top:12px;

}

.hide590{

display:none;

}

#bottomleft{

width:89%;

}

#bottommiddle{

width:89%;

}

#bottomright{

width:89%;

}

}

/* 550 */

@media only screen and (max-width: 550px) {

.hide550{display:none;}

#custom-right, #special{

/* width:88%; */

}

#bottomleft{

width:82%;

}

#bottomright{

width:82%;

}

h1{
font-size:18px;
width:103.4%
}

/* for condensed top menu */

#form-menu{

display:block;

width:100%;

height:32px;

padding-bottom:7px;

margin-top:-1px; /* if you raise this up too far the drop down button disappears on my phone */

}

#menu-container{

display:none;

}

#bottom-menu .navigation a{border-left:0;padding:28px;}


/* 420 */

@media only screen and (max-width: 420px) {
.hide-420{
display:none;
}
h1{
font-size:18px;
width:114%;
padding-left:14px;
}
h1.small{
letter-spacing:-.5px;
}
/* 360 */

@media only screen and (max-width: 360px) {

#content img{

margin-left:auto;

margin-right:auto;

clear:both;

float:none;

display:block;

width:99%;

}

#hide360 {

display:none;

}

.hide360 {

display:none;

}

}

/* 320 */

@media only screen and (max-width: 320px) {

h1{
width:116%;
letter-spacing:.9px;
}
.photos-3{width:100%;margin-right:0%;float:none;margin-left:0}

}