body {
	background-image: none;
	background-repeat:repeat-X;
	background-color: #c4bc96;
}


a:link {
	color: #fff;
	text-decoration: none;
}


a:visited {
	text-decoration: none;
	color: #fff;
}


a:active {
	text-decoration: none;
	color: #fff;
}


a:hover {
	font-weight: bold;
	color: #fff;
}


img {
	background-color: transparent;
	outline: none;
	height: auto;
	width: auto;
	Border-radius: 15 px;
	z-index: 1000;
	
}


h1 {
	font-family: Verdana, Geneva, sans-serif;
	color: #fff;
	font-size: 40px;
	font-weight:100;
}

h2 {
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 20px;
	font-weight:100;
	text-align: left;
	margin-top: 20px;
	margin-left: 15%;
	margin-right: 15%
}

p {
	font-family:  Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 16px;
	font-weight:100;
	text-align: left;
	margin-top: 20px;
	margin-left: 15%;
	margin-right: 15%;
	word-wrap: break-word;
	white-space: normal;
	padding-top: 5px;
	padding-bottom: 2px;
	text-indent: 50px;
}


.container {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 130px;
	/*Height of frame div*/
	overflow: hidden;
	/*Disable scrollbars. Set to "scroll" to enable*/
	background-color: #c4bc96;
	background-image: url(../ASSETS/Site/banner.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-repeat: no-repeat;
}


.banner {
	text-align: center;
	margin-top: 95px;
	margin-left: auto;
/*Margins for inner DIV inside each DIV (to provide padding)*/
}

.bullets {
	list-style-position: outside;
	font-family:  Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 16px;
	font-weight:100;
	text-align: left;
	margin-top: 20px;
	margin-left: 15%;
	margin-right: 15%;
		padding-top: 5px;
	padding-bottom: 2px;
	
}

.bullets li {
	list-style-position: inside;
}


/* navbar*/
.solidblockmenu {
	margin: 0;
	padding: 0;
	font: bold 13px Arial;
	text-align: center;
	width: 100%;
	overflow: hidden;
	margin-bottom: 1em;
	border: 1px solid #625e00;
	border-width: 1px 0;
	background: url(../ASSETS/Site/blockdefault.gif)
center center repeat-x;
}


.solidblockmenu li {
	position: ;
	display: inline-block;
}


.solidblockmenu li a {
	float: left;
	color: white;
	padding: 9px 11px;
	text-decoration: none;
	border:none;
}


.solidblockmenu li a:visited {
	color: white;
}


.solidblockmenu li a:hover,
.solidblockmenu li .current {
	color: white;
	background: url(../ASSETS/Site/blockactive.gif)
center center repeat-x;
}
/* end navbar */


.middle {
	position: fixed;
	top: 130px; 
/*Set top value to HeightOfFrameDiv*/
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: #151515;
	overflow-y:scroll;
	float:left;
	padding-bottom: 5%;
}


/* scrollbar */
#ex3::-webkit-scrollbar {
	width:16px;
	background-color: #000000;
} 


#ex3::-webkit-scrollbar-thumb {
	background-color:#c4bc96;
	border: 1px solid #a89c64;
	border-radius:10px;
}


#ex3::-webkit-scrollbar-thumb:hover {
	background-color:#afa470;
}


#ex3::-webkit-scrollbar-thumb:active {
	background-color:#a89c64;
	border:1px solid #333333;
} 
/* end scrollbar */


.holder {	
	background-color: #c4bc96;
	width: auto;
	height: auto;
	padding:10px;
	border:0px solid #a89c64;
	margin: 40px;
	white-space: normal;
	position: relative;
}


table {
	border: #a89c64 2px solid;
	background-color: #C4BC96;
	
	
}


tr {
	width: Auto;
	border: #a89c64 3px solid;
	
}


td {
	padding: 5px;
	width: 25px;
	font-family:  Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight:100;
	text-align: center;
	
}


td img {
	height: 200px;
	width: 200px;
	background-color:#ffffff;
	box-shadow: none;
	margin: 30 px;
}


th {
	font-family:  Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 14px;
	font-weight:100;
	text-align: center;
}


/* magnified image*/
.hovergallery img {
	display: inline-block;
	-webkit-transform:scale(0.8);
/*Webkit: Scale down image to 0.8x original size*/
	-moz-transform:scale(0.8); 
/*Mozilla scale version*/
	-o-transform:scale(0.8); 
/*Opera scale version*/
	-webkit-transition-duration: 0.5s;
/*Webkit: Animation duration*/
	-moz-transition-duration: 0.5s;
/*Mozilla duration version*/
	-o-transition-duration: 0.5s; 
/*Opera duration version*/

/*initial opacity of images*/
	margin: 0 10px 5px 0;
/*margin between images*/
}


.hovergallery img:hover {
	display: inline;
	-webkit-transform:scale(1.1); 
/*Webkit: Scale up image to 1.2x original size*/
	-moz-transform:scale(1.1);
/*Mozilla scale version*/
	-o-transform:scale(1.1); 
/*Opera scale version*/
	box-shadow:0px 0px 30px gray; 
/*CSS3 shadow: 30px blurred shadow all around image*/
	-webkit-box-shadow:0px 0px 30px gray;
/*Safari shadow version*/
	-moz-box-shadow:0px 0px 30px gray; 
/*Mozilla shadow version*/

}
/* end magnified image */




/* image with drop down */ 

.imagepluscontainer { 
/* main image container */
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 35px;
	
}


.imagepluscontainer img { 
/* CSS for image within container */
	position: relative;
	z-index: 2;
	-moz-transition: all 0.5s ease; 
/* Enable CSS3 transition on all props */
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}


.imagepluscontainer:hover img { 
/* CSS for image when mouse hovers over main container */
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}


.imagepluscontainer div.desc{
	font-family:  Verdana, Geneva, sans-serif;
	color: #fff;
	font-size: 14px;
	font-weight:100;
	text-align: center;
/* CSS for desc div of each image. */

	width: 80%;
	z-index: 1; 
/* Set z-index to that less than image's, so it's hidden beneath it */
	bottom: 0; 
/* Default position of desc div is bottom of container, setting it up to slide down */
	left: 5px;
	padding: 8px;
	background: rgba(0, 0, 0, 0.8); 
/* black bg with 80% opacity */
	color: white;
	-moz-border-radius: 0 0 8px 8px; 
/* CSS3 rounded borders */
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	opacity: 0; 
/* Set initial opacity to 0 */
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8); 
/* CSS3 shadows */
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
	-moz-transition: all 0.5s ease 0.2s; 
/* Enable CSS3 transition on desc div. Final 0.5s value is the delay before animation starts */
	-webkit-transition: all 0.2s ease 0.2s;
	-o-transition: all 0.2s ease 0.2s;
	-ms-transition: all 0.2s ease 0.2s;
	transition: all 0.2s ease 0.2s;
}


.imagepluscontainer div.desc a {
	color: white;
	font-family:  Verdana, Geneva, sans-serif;
	color: #fff;
	font-size: 14px;
	font-weight:100;
	text-align: center;
}


.imagepluscontainer:hover div.desc { 
/* CSS for desc div when mouse hovers over main container */
	font-family:  Verdana, Geneva, sans-serif;
	color: #fff;
	font-size: 14px;
	font-weight:100;
	text-align: center;
	
	-moz-transform: translate(0, 20%);
	-webkit-transform: translate(0, 20%);
	-ms-transform: translate(0, 20%);
	-o-transform: translate(0, 20%);
	transform: translate(0, 20%);
	opacity:1; 
/* Reveal desc DIV fully */
}
/* end image with drop down */



/* content drop down*/
div.css3droppanel { 
/* Main wrapper for push down panel */
	float:right;
	position: relative;
	margin-top: auto;
	margin-bottom: 5em; 
	width: 100%;
/* margin with rest of content on page */
}


div.css3droppanel > div { 
/* Content DIV DIV inside wrapper */
	height: 10px; 
/* initial height of content when hidden. Should be same height as bottom bar (see div.css3droppanel:after) */
	padding: 10px;
	margin: 3px;
	-moz-box-sizing: border-box; 
/* ensure any padding and border declared inside content DIV doesn't increase DIV's declared dimensions */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	background: #c4bc96;
	position: relative;
	opacity: 0;
    -moz-transition: all 0.2s ease-in-out 0.1s;  
/* CSS3 transition of UL state. Last 0.1s specifies delay before animation */
    -o-transition: all 0.2s ease-in-out 0.1s; 
/* instead of ease-in-out, also try cubic-bezier(0.25, 0.1, 0.25, 1.4) instead */
    -webkit-transition: all 0.2s ease-in-out 0.1s;
    transition: all 0.2s ease-in-out 0.1s;
}


div.css3droppanel:after { 
/* Add bottom bar beneath wrapper */
	content: '';
	display: block;
	bottom: 0;
	position: absolute;
	width: 100%;
	height: 10px;
	box-shadow: 0 3px 8px gray, 3px 3px 4px #c4bc96 inset;
	background: #c4bc96; 
/* dark redish background and its gradient versions */
	background: -moz-linear-gradient(top,  rgba(196,199,150,1) 0%, rgba(211,200,121,1) 50%, rgba(25,25,13,0.72) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,199,150,1)), color-stop(50%,rgba(211,200,121,1)), color-stop(100%,rgba(25,25,13,0.72)));
	background: -webkit-linear-gradient(top,  rgba(196,199,150,1) 0%, rgba(211,200,121,1) 50%, rgba(25,25,13,0.72) 100%);
	background: -o-linear-gradient(top,  rgba(196,199,150,1) 0%, rgba(211,200,121,1) 50%, rgba(25,25,13,0.72) 100%);
	background: -ms-linear-gradient(top,  rgba(196,199,150,1) 0%, rgba(211,200,121,1) 50%, rgba(25,25,13,0.72) 100%);
	background: linear-gradient(to bottom,  rgba(196,199,150,1) 0%, rgba(211,200,121,1) 50%, rgba(25,25,13,0.72) 100%);
}


div.css3droppanel input[type="checkbox"] { 
/* style invisible checkbox element used to toggle state of push down panel */
	position: absolute;
	right: 50px; 
/* right position of checkbox */
	width: 60px; 
/* width of checkbox */
	height: 42px;
/* height of checkbox */
	bottom: -34px; 
/* bottom offset of checkbox */
	z-index: 10;
	cursor: pointer;
	opacity: 0;
}


div.css3droppanel input[type="checkbox"]:checked ~ div { 
/* when checkbox is checked, expand content within wrapper */
	height: 800px; 
/* height of content to expand to. Scrollbar will be shown if content overflows this height */
	opacity: 1;
	overflow: auto;
}


div.css3droppanel label { 
/* style label that's positioned below wrapper's bottom bar, and will toggle checkbox when interacted with */ 
	position: absolute;
	right: 50px; 
/* right position of label */
	width: 60px; 
/* width of label */
	height: 42px; 
/* height of label */
	bottom: -34px; 
/* bottom offset of label */
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	cursor: pointer;
	z-index: 5;
	background: #c4bc96; 
/* dark redish background and its gradient versions */
	background: -moz-linear-gradient(top,  rgba(196,199,150,1) 0%, rgba(211,200,121,1) 50%, rgba(25,25,13,0.72) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,199,150,1)), color-stop(50%,rgba(211,200,121,1)), color-stop(100%,rgba(25,25,13,0.72)));
	background: -webkit-linear-gradient(top,  rgba(196,199,150,1) 0%, rgba(211,200,121,1) 50%, rgba(25,25,13,0.72) 100%);
	background: -o-linear-gradient(top,  rgba(196,199,150,1) 0%, rgba(211,200,121,1) 50%, rgba(25,25,13,0.72) 100%);
	background: -ms-linear-gradient(top,  rgba(196,199,150,1) 0%, rgba(211,200,121,1) 50%, rgba(25,25,13,0.72) 100%);
	background: linear-gradient(to bottom, rgba(196,199,150,1) 0%, rgba(211,200,121,1) 50%, rgba(25,25,13,0.72) 100%);
	box-shadow: 0 3px 8px black, 5px 5px 6px #c4bc96 inset, 0 -3px 3px rgba(196,188,150,0.7) inset, 0 5px 0 rgba(255,255,255,0.7) inset;
}


div.css3droppanel label:hover { 
/* style of label when mouse rolls over it */
	box-shadow: 0 3px 8px black, 5px 5px 6px #c4bc96 inset, 0 -3px 3px rgba(196,188,150,0.7) inset, 0 5px 0 rgba(255,255,255,0.7) inset, 0 0 15px rgba(255,255,255,0.8) inset;
}


div.css3droppanel label:after { 
/* generated down arrow */
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-color: white transparent transparent transparent;
	top: 18px;
	left: 18px;
	box-shadow: 0 0 7px gray inset;
}
/* end content drop down */