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

body {font-family:'Palanquin', Verdana, Geneva, sans-serif; line-height: 135%; 
	background-color:#e9e9e9; color: #111; width: 100%; margin:0; font-size: 110%; padding: 0;}
	
.header {z-index:100; position:fixed; top: 0; right: 0; 
	padding-bottom: 4px;
	margin-bottom: 5px;
	margin-top: 20px;	
	line-height: 80%;
	min-height: 25px; width: 100%;	}
	
.bannertop {width: 100%; position: fixed; top: -10px; z-index:100; }
	
.bannertext, .bannertext2 {font-size:calc(.7em + 2.2vw); font-family: 'Asul'; text-align:left; position:fixed; text-shadow: 2px 2px #eee; letter-spacing: 1px; color: #000; opacity: 0.4; line-height: 100%; font-weight: normal; margin-left: 3%; margin-top: 4px; padding-right: 110px;}

.bannertext a, .bannertext2 a {color: #000; font-style:normal; font-weight: normal; text-decoration: none; }

.bannerimg img {width: 100%; padding-top: 25px;}
	
img, embed, object, video {max-width: 100%;}

#topnav {float:right;
	padding-top: 1px;
	font-size: 95%;}
	
a {text-decoration: underline; border: none; font-style:italic; font-weight: normal; text-decoration-color: #888; color: #666;}

a:hover {
	color: rgba(46,129,50,1);
	font-style:italic;
	font-weight:bold;
}

/*a:active, a:focus {color: #69c; outline-style: none; }*/

p {font-size: 95%}

h3 {font-size: 130%}

.clearboth {clear: both;}

h1 {color: #444; font-weight: normal; line-height: 150%; font-size: 90%;}

h1 span {font-style:italic; font-weight: normal; }

h2 {margin-bottom: 0; padding-bottom: 0; font-size: 160%; font-weight:normal; line-height: 120%;}

h4, h5, h6 {color: #eef;}

ol li {padding-left: 9px;}

.larger2 {font-size: 140%; margin-top: 30px;}

.larger {font-size: 130%;}

.larger22 {float:left;color: #eef; font-size: 180%;
	font-weight:400;
	z-index: 5;
	margin:0 0 5px 0;
	padding: 0 0 0 15px;}
	
.larger22 a {color: #333; font-style:normal; font-weight: normal; text-decoration: none;}

.wrapper {width: 95%;
	margin: 15px auto 25px auto;}
	
.inner-container {width: 95%;
	margin: 0 auto 0 auto;}	
	
.columns2 {max-width: 750px; margin: 45px auto 0 auto; }

.dropdown-menu {display: none; padding: 7px; background-color: #bbb; box-shadow: 3px 3px 3px #333; border-radius: 4px; 
	border: 1px solid #111; position:absolute; z-index:100; right:5%;}

.show {display:block;}

.dropdown-menu li {list-style:none; line-height: 160%;}
	
.dropdown-menu a{color: black;
	font-size: 100%;
	font-style:normal;
	font-weight: normal;
	position:relative;
	text-decoration: none;}
	
.dropdown-menu a:hover {color: rgba(46,129,50,1); font-weight: bold; font-style:italic; }

	
.dropdown {padding-top: 0px; padding-bottom:0; float: right;
	margin-right:7%; margin-bottom: 0px; margin-top: 0;}
	
.dropdown img {margin:0px 0 0 0; padding: 0; width: calc(55% + 3vw);}

.btn-default.active,.btn-default:active,.dropdown-toggle.btn-default{background-color:transparent;border-color:#adadad;}

.btn-default.hover,.btn-default:hover,.dropdown-toggle.hover{background-color:#ddd;border-color:#adadad;}

button:focus {outline: red;}
	
#topnav {display:none;}

.floatleft {float: left;}

.floatrtimg {margin: 15px auto 15px auto; }

.imagediv {text-align:center;}

.floatright {float:right;}

.imgsmall {max-width: 250 px;
	text-align: center;
	display: inline-block;
	font-size: smaller;
	margin: 12px 7px 2px 7px;}
	
/**********************/
.collapsible {font-style:italic; text-decoration:underline;
  background-color: transparent;
  color: #227531;
  cursor: pointer;
  border: none;
  text-align: left;
  outline: none;
  line-height:100%; padding: 2px; 
  margin: -16px 0 2px 0;
  font-size: 110%;}

.active, .collapsible:hover {background-color: transparent; color: red;}

.collapsContent {width: 218px; padding: 3px 5px 3px 0px; display: none; overflow: hidden; background: #f1f1f1; width: 290 px;}
  
/*.collapsContent p {margin-top: 0;}*/
  
 /*****************************/ 

.wrapword {word-wrap:break-word}
	
.imgsmall p {font-size: 90%; margin:0; line-height:100%; padding:0; margin-bottom: 12px;}

.imgsmall img {max-width: 215px;	
	border-right: 2px solid rgba(0, 0, 0, 0.4);
	border-bottom: 2px solid rgba(0, 0, 0, 0.4);
	text-decoration: none;
	margin-bottom: 6px;}
	
.copyr {font-size:75%; text-align:center; width: 80%; max-width: 500px; margin: 15px auto 0 auto;}
/*.copyr a {font-weight: normal;}*/

.navdiv a {color: #777; font-style:normal; text-decoration: none;}

#bottomnav {clear: both; padding-top:15px; border-top: solid 1px rgba(190,187,218,0.5);  
	text-align: center; font-size: 95%;  margin-top: 20px;}
	
#bottomnav a:hover {color: rgba(46,129,50,1); font-weight: bold; font-style:italic; }

#bottomnav span {color: #aaa; font-style:italic;}

.smaller {font-size: 50%; }

.smaller2 {font-size: 80%; }

.borderimg {padding: 5px; border: solid 1px #779; margin: 20px 0 20px 0; max-width: 100%;}

.theme-default .nivo-controlNav {
	text-align: center;
	padding-top: 0;  margin-top: 0;}

.nivoshowdiv {float: none; max-width: 730px; padding: 0; margin: 75px auto -10px auto; }

.nivo-caption {font-size: 100%; text-align:center; color: #333; opacity: 0.8; padding-top: 15px;}

.normaldiv {
	/*float: left;*/
	max-width: 90%;
	padding-right: 5px;
	padding-left: 8px;
	margin: 0px auto 0 auto;}

.normaldiv p, .narrowdiv p {padding-left: 20px; }

/*****************************************************************************/
@media screen and (min-width: 457px) {
	.nivoshowdiv {margin-top: 50px;}		
}

/*****************************************************************************/
@media screen and (min-width: 492px) {
	.nivoshowdiv {margin-top: 60px	;}
}

/*****************************************************************************/
@media screen and (min-width: 501px) {	
	.header {}
	.inner-container {width: 95%; margin: 0 auto 0 auto;}		
}

/*****************************************************************************/
@media screen and (min-width: 580px) {	
	.bannertext, .bannertext2  {/*font-size:19px;*/}
}


/*****************************************************************************/
@media screen and (min-width: 619px) {
	.nivoshowdiv {float: right; margin: 65px 10px -10px 25px; }
	/*.dropdown img {width: 100%; margin-top: -5px;}*/
}

/*****************************************************************************/
@media screen and (min-width: 680px) {
	/*.dropdown img {width: 100%; margin-top: -5px;}*/
}

/*****************************************************************************/
@media screen and (min-width: 788px) {
/*	.bannertext, .bannertext2  {font-size:calc(1em + 2vw); margin-right: 55px; line-height: normal; margin-left: 7%;}
	.bannertext  {margin-top: calc(-2px - 1em - 1vw); }
	.bannertext2  {margin-top: calc(45px - 1em - 1vw);}*/
	.floatrtimg {float:right; margin-left: 30px;}
	h1 {margin-top: 8px; }
	h1 span {font-size: 90%;}
	.dropdown {	margin-right:10%;}
}

/*****************************************************************************/
@media screen and (min-width: 917px) {#topnav, #bottomnav {font-size: 90%; }
	.normaldiv {max-width: 90%;}
}

/*****************************************************************************/
@media screen and (min-width: 1150px) {
	h2 {font-size: 160%;}
	.copyr {font-size: 80%;}
}

/*****************************************************************************/
@media screen and (min-width: 1289px) {
	.columns2 {float:left; margin: 25px auto 0 auto; width: 450px;}
}