/*

* Skeleton V1.2

* Copyright 2011, Dave Gamache

* www.getskeleton.com

* Free to use under the MIT license.

* http://www.opensource.org/licenses/mit-license.php

* 6/20/2012

*/



/* Table of Content

==================================================

	#Site Styles

	#Page Styles

	#Media Queries

	#Font-Face */



/* #Site Styles

================================================== */

* {

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

} 

img {

	max-width: 100%;

}     

.wrap {

    	background: url(../images/websitebg.jpg) no-repeat 0 0;

	background-size: 100%;

	background-color:#8abcea;

}

.band {

         background: url(../images/bg_main.jpg) repeat #343434;

		padding: 0 0 14px 0;

}

.band.navigation {

         background: url(../images/topline.jpg) left top repeat-x,

         			url(../images/bg_nav.jpg) repeat left 2px, #004000;

		padding: 0;

		color: #e0e0e0;

}

.band.footer {

         background: url(../images/topline.jpg) left top repeat-x,

         			url(../images/bg_foot.jpg) repeat left 2px, #343434;

         padding: 14px 0 14px 0;

         color: #e0e0e0;

}

.band.bottom {

         background: url(../images/bg_bottom.jpg) repeat #343434;

         padding: 14px 0 14px 0;

         color: #e0e0e0;

}

/*ie multiple background image fallbacks*/

.ie .band.navigation {

	background: url(../images/bg_nav.jpg) repeat left 2px #004000;

}

.ie .band.footer {

	background: url(../images/bg_foot.jpg) repeat left 2px #343434;

}

.ie .band.bottom {

	background: url(../images/bg_bottom.jpg) repeat #343434;

}



/*flexible embeds*/

.embed {

	position: relative;

	padding: 0;

	padding-bottom: 56.25%;

	height: 56.25%;

	overflow: hidden;

}

.embed iframe,

.embed object,

.embed embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

/* #Links

================================================== */

	a.nu { text-decoration: none; }

	a.sm { text-decoration: none; }

	a.sm:hover {color:#006400; background-color:#CCCCCC;}

/* #Page Styles

================================================== */



	h1, h2, h3, h4, h5, h6 {

		color: #006400;

		font-family: Verdana, Arial, Helvetica, sans-serif, serif;

		font-weight: bold; }

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

	h1 { font-size: 35px; line-height: 42px; margin-bottom: 14px; margin-top: 14px;}

	h1.homep { font-size: 35px; line-height: 42px; margin-bottom: 14px; margin-top: 0px; }

	h2 { font-size: 28px; line-height: 35px; margin-bottom: 7px; }

	h3 { font-size: 21px; line-height: 28px; margin-bottom: 7px; }

	h4 { font-size: 14px; line-height: 21px; margin-bottom: 7px; }

/*header*/

header.main {

		padding: 10px 5px;

}

header h1.logo {

		margin: 7px 0 0 0;

		float: left;

}

header h1.logo a {

        	width: 200px;

		height: 158px;

		display: block;

		background: url(../images/LogoWork14__.jpg) no-repeat 0 0;

        	font: 0/0 a;

        	text-shadow: none;

        	color: transparent;

}

header.main .banner {

	float: right;

}

/* #Give table border */

table {

    border-collapse: collapse;

}

table, th, td {

   border: 1px solid green;

}

td {

    padding: 2px;

}

th {

    background-color: #006400;

    color: white;

}

#bellsplayer {


	width: 100%;


}  
		

/* #Navigation Styles

================================================== */



     nav.primary ul,

     nav.primary ul li {

           margin: 0px;

}

	nav.primary select {

		display: none;	

		width: 100%;

		height: 35px;

		margin: 7px 0;

} 

     nav.primary ul li {

           display: inline;

           float: left;

           position: relative;

}

     nav.primary ul li a {

           display: inline-block;

           line-height: 35px;

           padding: 0 18px;

           color: #ebebeb;

		text-decoration: none;

		font-weight: bold;

}

     nav.primary ul li a:hover {

           background: #424242; 

           cursor: pointer;

}

     nav.primary ul ul {

           opacity: 0;

           filter: alpha(opacity=0);

           position: absolute;

           z-index: 999;

           background: url(../images/bg_nav.jpg);

           height: 0px;

           overflow: hidden;

           min-width: 100%;

		-webkit-transition: opacity 0.4s ease-out; 

		-moz-transition: opacity 0.4s ease-out; 

		-o-transition: opacity 0.4s ease-out; 

		-ms-transition: opacity 0.4s ease-out; 

		transition: opacity 0.4s ease-out; 

           -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

           -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

           -box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

}

	nav.primary ul li span {

		display: none;

}

     nav.primary ul li:hover ul {

           opacity: 10;

           filter: alpha(opacity=100);

           height: auto;

           overflow: auto;

		display: block;

}

     nav.primary ul ul li {

            float: none;

            display: list-item;

            border-bottom: 1px solid #ffffff;

}

     nav.primary ul ul li a {

            display: block;

            line-height: 35px;

            text-transform: none;

		 white-space: nowrap;

}

     nav.primary ul li:hover > a {

           background: #424242;

}

/* image border */

figure {

	padding: 6px;

	border: 1px solid #ededed;

	background: #ffffff;

	line-height: 0px;

}

/* FlexSlider Browser Resets

*********************************/

.flex-container a:hover,

.flex-slider a:hover,

.flex-container a:focus,

.flex-slider a:focus {outline: none;}

.slides,

.slides > li,

.flex-control-nav,

.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flex-pauseplay span {text-transform: capitalize;}

            

/* FlexSlider Necessary Styles

*********************************/

.flexslider {margin: 0; padding: 0;}

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}

.flexslider .slides img {width: 100%; display: block;}

.flexslider .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

html[xmlns] .flexslider .slides {display: block;}

* html .flexslider .slides {height: 1%;}

.no-js .flexslider .slides > li:first-child {display: block;}



/*Additional FlexSlider Styles */

.flexslider {

	margin: 21px 0

}

.flex-control-nav {

	width: 100%;

	text-align: center;

}

.flex-control-nav li {

	display: inline-block;

	margin: 0 5px;

}

.flex-control-paging li a {

	display: block;

	width: 14px;

	height: 14px;

	background: #d5d5d5;

	border: 1px solid#d5d5d5;

	cursor: pointer;

	font: 0/0 a;

	text-shadow: none;

	color: transparent;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

}

.flex-control-paging li a.flex-active,

.flex-control-paging li a:hover {

	Background: #f1f1f1;

}



/* #Media Queries

================================================== */



	/* Smaller than standard 960 (devices and browsers) */

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



	/* Tablet Portrait size to standard 960 (devices and browsers) */

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



	/* All Mobile Sizes (devices and browser) */

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

		nav.primary {

			padding: 7px 0;

		}

		nav.primary select {

			display: block;

		}

		nav.primary ul {

			display: none;

		}

		header.main .banner {

			display: none;

		}

	}



	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

	@media only screen and (min-width: 480px) and (max-width: 767px) {}



	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

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





/* #Font-Face

================================================== */

/* 	This is the proper syntax for an @font-face file

		Just create a "fonts" folder at the root,

		copy your FontName into code below and remove

		comment brackets */



/*	@font-face {

	    font-family: 'FontName';

	    src: url('../fonts/FontName.eot');

	    src: url('../fonts/FontName.eot?iefix') format('eot'),

	         url('../fonts/FontName.woff') format('woff'),

	         url('../fonts/FontName.ttf') format('truetype'),

	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');

	    font-weight: normal;

	    font-style: normal; }

*/