body {
	margin:0;
	padding:0;
	background-color:#FFFAE6;
}

body.admin {
	background-color:#990000;
}

/*
Pixel to em Conversion Table
-------------------------------
			6px		=	0.429em
0.5em 	= 	7px
			8px		= 	0.571em
			9px 	= 	0.643em
			10px	= 	0.714em
			11px	=	0.786em
			12px	=	0.857em
			13px	=	0.929em
1em 	= 	14px
			15px	=	1.071em
			16px	=	1.143em
			17px	=	1.214em
			18px	=	1.286em
			19px	=	1.357em
			20px	=	1.429em
1.5em 	= 	21px
			22px	=	1.571em
			23px	= 	1.643em
			24px	=	1.714em
2em 	= 	28px
			30px	=	2.143em
2.5em 	= 	35px
3em		= 	42px
3.5em 	= 	49px


*/

p {font-size:1em;} 			/*1em*/
h1 {font-size:1.71em;}		/*24px*/
h2 {font-size:1.286em;}		/*18px*/
h3 {font-size:1.143em;}		/*16px*/
h4 {font-size:1.143em;}		/*16px*/


body {
    color: #3C3C3C;
    font-family: 'Lato',Arial,Helvetica,sans-serif;
}

a {
	color:black;
	text-decoration:underline;
	word-wrap:break-word;
}

a:hover, a:active, a:focus {
	background-color:#FFFF66;
	color:black;
}

.menuicon {
	float:right;
}

.floatleft {
	float:left;
}

.floatright {
	float:right;
}

.textright {
	text-align:right;
}

.clearboth {
	clear:both;
}


ul.square {
    line-height: 1.5em;
    list-style: square outside url("/graphics/square.gif");
	margin-left:2em;
}

ul.up {
	margin-top:-1.5em;
}

li.square {
    line-height: 1.5em;
    background-image: url("/graphics/square.gif");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 1em;
    padding-right: 0.5em;
}

.row {
	background-color:white;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

.yellowbox {
	background-color:#FFFFD6;
	border:1px solid #CCCCCC;
	padding:0.5em;
	min-height:2.5em;
	/*padding-top:28px;*/
}

.whitebox {
	background-color:white;
	border:1px solid #CCCCCC;
	padding:1em;
	overflow:hidden;
}

.back a{
	color:black;
}

a.noHover:hover, a.noHover:active {
background-color:white;
	background-image:none;
	padding:0:
	margin:0;
}

#lightbox-image-details-caption{
font-size:12px;
}

#lightbox-secNav-btnClose:hover, #lightbox-secNav-btnClose:active {
background-color:white;
	background-image:none;
	padding:0:
	margin:0;
} 

/* #Typography (baseline corrections)
================================================== */

	h1 { line-height: 1.5; margin-bottom: 1em;}
	h2 { line-height: 1.5; margin-bottom: 0.5em; }
	h3 { line-height: 1.5; margin-bottom: 0.5em; }
	h4 { line-height: 1.5; margin-bottom: 0.5em; }
	h5 { line-height: 1.5; }

	p { line-height: 1.5; margin-bottom:0.5em;}
	p { margin: 0 0 1.5em 0; }
	p.lead { line-height: 2; }


/*	Blockquotes  */
	blockquote, blockquote p { line-height: 1.5em;}
	blockquote { margin: 0 0 1.5em; padding: 0.5em 1.429em 0 1.357em; }

	hr { margin: 1em 0 2em;}


/* #Lists (baseline corrections)
================================================== */
	ul, ol { margin-bottom: 1.5em; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 0.5em 0 0.5em 2.143em; }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 0.5em; }
	li { line-height: 1.5em; margin-bottom: 1em; }



/* page sections
================================================== */
.frontpage {

}

#header {
	padding-top:1em;
	margin-top:1em;
	border-top:1px solid #cccccc;
}


#ident h1.logo {
	margin:0;
}

#ident h1.logo-small {
	margin:0;
	margin-bottom:1.5em;
}


.explore {
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
}

.explorebox {
background-image:url(../graphics/explore.png);
background-repeat:no-repeat;
background-position:top right;

}

#ident h1.logo a{
	color:#000000;

	width: 200px;
	height: 144px;
	display: block;

	background: url(/graphics/title123.png) no-repeat scroll 0 0;
	
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
}

#ident h1.logo-small a{
	padding:4px;
	text-decoration:none;
	background: url(/graphics/titleback3.png) no-repeat scroll top left;
	height: 94px;
	display: block;
	color:white;
	text-shadow: 2px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}

#ident h1.logo-small a:hover{
	background-color:none;
}

#siteNavigation a:hover {
	color:black;
}

.nav-bar {
	margin-top:0;
}

.nav-bar li a {
	font-size:1.3em !important;
}

#title h1.title {
	margin:0 0 0.5em 0;
 line-height: 1.5;
font-size:1.286em; 
}

#searchbox p {
	font-size:1em;
	margin-top:1em;
}

#searchboxMobile p {
	font-size:1em;
	margin-top:1em;
}

.searchgraphic {
	background-image:url(../graphics/search.png);
	background-repeat:no-repeat;
	background-position:top right;
}

.contactgraphic {
	background-image:url(../graphics/contact2.png);
	background-repeat:no-repeat;
	background-position:top right;
}

.sitemapgraphic {
	background-image:url(../graphics/sitemap2.png);
	background-repeat:no-repeat;
	background-position:top right;
}

#textbox {
	margin-bottom:1.5em;
	min-height:380px;
}

.textboxphoto {
min-height:29.7em !important;
}

#folderbox {
	margin-bottom:1.5em;
	min-height:8.5em;
}

#contactbox {
	margin-bottom:0.5em;
}

#contactbox2 {
	margin-bottom:0.5em;
	min-height:30.2em;
}

#sitenav {
	background-color:white;
	padding:1em;
	border:1px solid #cccccc;
	border-bottom:none;
	text-align:center;
}

.sitenav li {
	display:inline;
}

ul.sitenav {
	margin-bottom:0;
}

#footer {
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:1px solid #cccccc;
}

.footer {
	background-color:#003366;
	border:1px solid #cccccc;
	height:6em;
}

#footer p{
	text-align:right;
	color:white;
	padding-right:1em;
	padding-top:1em;
	font-size:0.857em;
	margin-bottom:0;
}

#footer a{
	color:white;
}

#footer a:hover{
	color:black;
}

.gallerylist1 {
    color: #669900;
    list-style: square outside none !important;
}


.gallerylist2 {
    background-image: none;
    color: #003366;
    list-style: square outside none !important;
}

.thumbContainer {
    border: 1px solid #cccccc;
    height: 154px;
    margin: 0 7px 21px;
    padding: 7px;
    text-align: center;
}

.thumbContainer img {
	margin:0 auto;
}

.caption {
	font-size:0.714em;
}

.MagnifImage{
	background-color:#ffffff;
	background-image:url(../graphics/popuptitle.gif);
	background-repeat:no-repeat;
	background-position:top left;
	color:#000000;
	padding:10px; 
	font-weight:bold; 
	border-color:#333333;
	border-style:solid;
	border-width:1px;
	text-align:center;
}

.next {float:right;}
.prev {float:left;}	
.pages_nav {margin-bottom:1.5em;}

.pagemenu {
	width:5em;
}

.pagemenu2 {
	width:14em;
}

select {
	height:2em;
}


.img-shadow img {
    background-color: #FFFFFF;
    border: 1px solid #A9A9A9;
    display: block;
    padding: 7px;
    position: relative;
-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.3);
box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.3);
}

.previewimage {
	max-height:50px; border:1px solid #cccccc; float:right; padding:1px;
}


/* #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) {
	#header {
		margin:0;
		padding-top:1em;
		border:none;
	}
#footer {
margin-bottom:0;
border:none;
}	

	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	#header {
		margin:0;
		padding-top:1em;
		border:none;
	}
#footer {
margin-bottom:0;
border:none;
}


	.textboxphoto {
		min-height:0 !important;
	}
	#contactbox2 {
		min-height:0 !important;
	}
	#folderbox {
		min-height:0 !important;
	}

	#footer {
		margin:0;
		margin-bottom:0.5em;
		padding:0;
		border:none;
	}
}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

	#header {
		margin:0;
		padding-top:1em;
		border:none;
	}
#footer {
margin-bottom:0;
border:none;
}
}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

	.row {
		border:none;
		background-color:#FFFAE6;
	}
	#header {
		margin:0;
		margin-top:0.5em;
		padding:0;
		border:none;
	}

	.textboxphoto {
		min-height:0 !important;
	}
	#contactbox2 {
		min-height:0 !important;
	}
	#folderbox {
		min-height:0 !important;
	}

	#footer {
		margin:0;
		margin-bottom:0.5em;
		padding:0;
		border:none;
	}

		
	}
	
	/* Additional large screens 1280+ */
	@media only screen and (min-width: 1280px) {
				
	}

/* #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; }
*/