/*

Design by Free Responsive Templates
http://www.free-responsive-templates.com
Released for free under a Creative Commons Attribution 3.0 Unported License (CC BY 3.0)

*/ 



* { margin: 0; padding: 0;  }
body { background: url(img/siteBackground.jpg) repeat;  }


.container { margin: 0 auto; width: 960px;  }
header h1 { float: left; padding: 75px 0 0 0;  }
header h1 a { color: #160000; font-size: 36px; text-decoration: none;  }

.widetopcontent { background: url(img/contentBackground.jpg) repeat; border: 1px solid #BBBBBB; padding: 30px;  }
.widetopcontent .box { float: left; padding: 0 32px; width: 233px;  }
.widetopcontent .box h2, .sidebar1 h2, .maincontent h2 { padding: 20px 0;  }
.widetopcontent .box img { border: 2px solid #FFFFFF; box-shadow: 0px 3px 4px 0px #939393;  }
.widetopcontent .right img { border: 2px solid #FFFFFF; box-shadow: 0px 3px 4px 0px #939393;  }
.widetopcontent .box p { margin-bottom: 20px;  }
.widetopcontent .box p a { background: #18BBFF; border-radius: 5px; box-shadow: 0 3px #0695D1; color: #FFFFFF; float: right; font-weight: bold; padding: 10px 20px; text-decoration: none; text-shadow: none; text-transform: uppercase;  }
.widetopcontent .box p a:hover { background: #42A32C; border-radius: 5px; box-shadow: 0 3px #007FB4; color: #FFFFFF; float: right; font-weight: bold; padding: 10px 20px; text-decoration: none; text-shadow: none; text-transform: uppercase;  }


.sidebar1 { float: right; width: 30%; padding: 20px 0 20px 0; XXwidth: 290px;  }
.sidebar1 li { background: url(img/p.png) no-repeat left 17px; border-bottom: 1px solid #BBBBBB; box-shadow: 0 1px #F2F2F2; list-style: none; padding: 10px 0 10px 7px;  }
.sidebar1 li a { text-decoration: none;  }
.sidebar1 li a:hover { text-decoration: underline;  }
.sidebar1 img { border: 2px solid #FFFFFF; box-shadow: 0px 3px 4px 0px #939393;  }

.maincontent { XXmargin-right: 360px; float:left; width: 68%; XXmargin-top: 30px; XXpadding-top: 20px;  }
.maincontent.maincontentwide {width: 100%;}
.maincontent img { border: 2px solid #FFFFFF; box-shadow: 0px 3px 4px 0px #939393; max-width: 100%;  }
.maincontent h1 { margin-top: 20px;  }

.floatpic { float: left; margin: 0 25px 10px 0;  }
footer { background: url(img/contentBackground.jpg) repeat; border-top: 1px solid #BBBBBB;  }
footer p { padding: 30px; text-align: center;  }
.clearfloat { clear: both; font-size: 1px; height: 0; line-height: 0px;  }
/*--------------------------------------------------------------------------------------------*/

/********* begin MAIN NAV ********/

/*--------------------------------------------------------------------------------------------*/

#navcontainer { float: right;  }
ul#navlist { margin-left: 0; padding-left: 0; white-space: nowrap;  position:relative;}
#navlist li { display: inline; float: left; list-style-type: none; padding: 90px 0 3px 1px;  }
#navlist a { color: #444444; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 18px; font-weight: normal; padding: 90px 10px 10px 10px; text-decoration: none; text-transform: none;  }
#navlist a:hover { background: #42A32C; border-radius: 0 0 5px 5px; box-shadow: 0 3px #2C6D1D; color: #FFFFFF; text-shadow: none;  }
#navlist a:active { background: #42A32C; border-radius: 0 0 5px 5px; box-shadow: 0 3px #2C6D1D; color: #FFFFFF; text-shadow: none;  }
#navlist a.menu-current, #navlist a.menu-parent { background: #42A32C; border-radius: 0 0 5px 5px; box-shadow: 0 3px #2C6D1D; color: #FFFFFF; text-shadow: none;  }


/*OBSOLET from here - no dropdown */
#navlist li ul { XXdisplay: none; width:160px; position:absolute; z-index:6000; top:120px; padding:0; background:#42A32C; border-radius: 0 10px 10px 10px; box-shadow: 0 3px 20px #000; }
#navlist li ul li { display: block;  width:100%; float: left; padding: 0 0 0 0; margin:0; }
#navlist li ul li a {  font-size: 13px; display: block;  padding: 5px 10px 10px 10px; border-radius: 0 0 0 0; box-shadow: none;}
#navlist li ul li ul {  display: none; position:static;  padding:0; XXdisplay: inline; float: left;}

#navlist li ul a:hover , #navlist li ul a:active,  #navlist li ul a.menu-current  { border-radius: 0 0 0 0; box-shadow: none;}


/* Show and hide */
#navlist li ul { margin-left: -10000px; opacity:0.0; transition:0.5s opacity;}
#navlist  li:hover ul, #navlist  li a:focus ul { margin: -3px 0 0 0; opacity:1; transition:0.5s opacity;}
#navlist  li ul ul { margin-left: -10000px; opacity:0.0; transition:0.5s opacity;}
#navlist  li:hover ul ul { margin-left: -10000px; opacity:0.0; transition:0.5s opacity;}
#navlist  li:hover>ul, #navlist  li li:hover>ul { opacity:1; margin-left: 0;  transition:0.5s opacity; z-index: 1000;}
#navlist  ul li ul li:hover>ul {margin-left: -30%;  opacity:0.9;}


/*--------------------------------------------------------------------------------------------*/

/********* end MAIN NAV ********/

/*--------------------------------------------------------------------------------------------*/

/********* begin SLIDER ********/

/*--------------------------------------------------------------------------------------------*/

.slider { background: #FFFFFF; margin: 20px 0 15px 0; position: relative; width: 956px; z-index: 1;  }
.flexslider { margin: 0;  }
.flexslider .slides > li { display: none; list-style: none;  }
.flexslider .slides img { border: 2px solid #FFFFFF; box-shadow: 0px 3px 4px 0px #939393; display: block; max-width: 100%;  }
.flex-pauseplay span { text-transform: capitalize;  }
/* Clearfix for the .slides element */

.slides:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden;  }
/* control Nav */

.flex-control-nav { bottom: -20px; left: 434px; position: absolute;  }
.flex-control-nav li { display: block; float: left; margin-right: 1px;  }
.flex-control-nav li a { background: url(img/pagination.png) 0 0 no-repeat; display: block; height: 33px; text-indent: -5000px; width: 32px;  }
.flex-control-nav li a:hover,.flex-control-nav li a.active { background-position: 0 -33px; cursor: pointer;  }
/* Slider Image Caption */

.sliderimagecaption{ bottom: -35px; color: #160000; position: absolute; text-align: center; width: 100%;  }
/*--------------------------------------------------------------------------------------------*/

/********* end SLIDER ********/

/*--------------------------------------------------------------------------------------------*/

/********* begin MEDIA QUERIES ********/

/*--------------------------------------------------------------------------------------------*/

/* for 980px or less */

@media screen and (max-width: 960px) { 
	.container { width: 98%;  }
	.XXmainContent { width: 70%;  }
	.XXsidebar1 { width: 29%;  }
	.slider { width: 99.6%;  }
}
	/* for 768px or less */
	
@media screen and (max-width: 768px) { header h1 { float: left; padding: 5px 20px 0 0;  }
	header h1 a { font-size: 18px;  }
	#navcontainer { float: none;  }
	#navlist li { display: inline; float: left; list-style-type: none; padding: 17px 0 0 1px;  }
	#navlist #active a { border-radius: 5px;  }
	#navlist a:hover { border-radius: 5px;  }
	#navlist a { font-size: 18px; padding: 10px 10px;  }
	
	.maincontent, .maincontent.maincontentwide, .sidebar1  {float: none;width: 100%; margin: 0;  padding: 0;}
	
	.slider { margin: 20px 0 80px 0; margin-top: 10px;  }

	.widetopcontent .box { border-bottom: 1px solid #BBBBBB; box-shadow: 0 1px #F2F2F2; clear: both; float: none; margin-bottom: 30px; width: auto;  }
	.widetopcontent .box h2 { padding: 0 0 5px 0;  }
	.widetopcontent .box p a { float: none;  }
	.widetopcontent .box p a:hover { float: none;  }
	.widetopcontent .box img { float: left; margin: 0 20px 10px 0; width: auto;  }
	
	.sliderImageCaption{ bottom: -35px; color: #160000; position: absolute; text-align: center; width: 100%;  }
	.flex-control-nav { bottom: -80px; left: 40%; position: absolute;  }
 }
/* for 480px or less */

@media screen and (max-width: 480px) { 
	header h1 { float: none; padding: 5px 20px 0 0;  }
	#navlist li { display: block !important; float: none !important; list-style-type: none; padding-top: 4px;  }
	#navlist a { background: url(img/contentBackground.jpg) repeat; border-radius: 0 0 5px 5px; box-shadow: 0 3px #BBBBBB; font-size: 14px; padding: 10px 5px; text-shadow: none;  }
	#navcontainer { width: 100%;  }
	#navcontainer a { display: block; /* width: 100%; */ }
	.slider { margin-bottom: 0px; margin-top: 0px;  }
	.sidebar1 { padding: 0; width: 100%;  }
	.mainContent { padding: 0; width: 100%;  }
	
	.widetopcontent .box { border-bottom: 1px solid #BBBBBB; box-shadow: 0 1px #F2F2F2; clear: both; margin-bottom: 10px; padding: 0; width: 100%;  }
	.widetopcontent .box p a { float: none;  }
	.widetopcontent .box p a:hover { float: none;  }
	.widetopcontent .box img { text-align: center; width: 99%;  }
	
	.sliderImageCaption { display: none;  }
	.flex-control-nav { bottom: 5px; left: 25%; position: absolute;  }
 }
img { height: auto; max-width: 100%; width: auto;  }
/*--------------------------------------------------------------------------------------------*/

/********* end MEDIA QUERIES ********/

/*--------------------------------------------------------------------------------------------*/