body
{
	background-color:#fee;
	background-image:url('img/bg.jpg');
	color:#633;
	margin:0px;
	font-size:14pt;
	height:100%;
}

@font-face
{
	font-family:goudy;
	src:url('GoudyStM-webfont.woff');
}
@font-face
{
	font-family:fanwood;
	src:url('fanwood_italic-webfont.woff');
}

body,h1,h2,h3,h4,h5,div,p,input,a
{
	font-family:fanwood,goudy,Georgia,serif;
}


a,a:visited
{
	color:#A33;
	font-weight:bold;
	text-decoration:underline;
}

a:hover
{
	text-decoration:underline;
	color:#B44;
}

div#nav
{
	z-index:1;
	left:auto;
	right:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
	top:20px;
	background-color:#966;
	padding:20px;
	width:500px;
	left:0px;
	right:0px;
	position:absolute;
	box-shadow: 3px 3px 5px #633;
}

div#nav a
{
	color:#FFF;
	margin-right:20px;
	text-shadow: 1px 1px 1px #CAA;
	border-color:#A77;
	border-style:solid;
	border-width:1px;
	padding:6px;
	padding-top:8px;
	padding-bottom:8px;
	text-decoration:none;
	border-bottom-color:#855;
	border-right-color:#855;
	border-top-color:#A77;
	border-left-color:#A77;
	box-shadow: 1px 1px 3px #633;
}

div#nav a:hover
{
	text-shadow: -1px -1px 2px #633;
	text-decoration:none;
	border-bottom-color:#A77;
	border-right-color:#A77;
	border-top-color:#855;
	border-left-color:#855;
	padding-top:10px;
	padding-left:8px;
	padding-right:4px;
	padding-bottom:6px;
	box-shadow: -1px -1px -3px #633;
}

h1
{
	font-family:goudy;
	margin-left:-15px;
}

input
{
	border-width:2px;
	border-style:solid;
	border-color:#933;
	padding:4px;
	font-size:12pt;
	background-color:#edd;
	font-weight:bold;
	font-family:fanwood;
}

input:active,input:hover
{
	border-color:#966;
	background-color:#fee;
}

input#accesscode,input#sendaccesscode
{
	font-size:14pt;
	display:block;
}

.acenter
{
	text-align:center;
	font-size:14pt;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.cntr
{
	text-align:center;
}

.aright
{
	display:table;
	float:right;
}

h1
{
	color:#966;
}

hr
{
	color:#966;
	border-style:solid;
	width:300px;
}

div.sect
{
	display:none;
	margin-left:auto;
	width:480px;
	padding:10px;
	padding-left:25px;
	margin-right:auto;
	margin-bottom:0px;
	background-color:#dcc;
	padding-top:80px;
	top:0px;
	/* opacity:0.75; */
	box-shadow: 3px -60px 10px #a88;
	min-height:100%;
	height:auto;
	bottom:0px;
}

div.sect#index
{
	display:block;
}

.disabled
{
	display:none;
}

div.message
{
	border-style:solid;
	border-width:3px;
	padding:5px;
	opacity:0.75;
	font-weight:bold;
}

#msginfodiv
{
	border-color:#090;
	background-color:#CFC;
}

#msgwarndiv
{
	border-color:#900;
	background-color:#FCC;
}

#popups
{
	z-index:3;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	margin-left:auto;
	margin-right:auto;
	width:500px;
}

li
{
	margin-bottom:0.75em;
}

iframe.mapframe
{
	width:450px;
	height:400px;
	border-style:solid;
	border-width:1px;
	border-color:#000;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}


/** foto upload **/
div#upprogress
{
	display:none;
}

#upprogress div.ok
{
        background-color:#9F9;
}

#upprogress div.ok,div.error,div.statusUploading
{
        display:block;
        border-style:solid;
        margin-top:0.5em;
        font-weight:bold;
}

#upprogress div.ok,div.error div
{
        font-weight:normal;
}

#errorReason_NOTANIMAGE
{
        background-color:#FFA;
}

#upprogress div.error
{
        display:block;
        background-color:#F99;
}

div.error div.progressDisplay
{
        display:none;
}

div.ok div.progressDisplay
{
        display:none;
}

.progressDisplay img
{
        width:1em;
        height:1em;
        float:left;
}

div.statusUploading div.progressDisplay 
{
        display:block;
}

div.invisible
{
        display:none;
}


/** gallery **/
div#photoscrollerframe,div#photoscrollerouterframe
{
	width:460px;
	height:220px;
	overflow:hidden;
	white-space:nowrap;
	position:relative;

}
#thumblinkoverlay
{
	position:absolute;
	width:auto;
	height:auto;
	z-index:2;
	opacity:0.2;
	top:0px;
	left:0px;
}
#thumblinkoverlay a
{
	width:60px;
	height:220px;
	border-style:solid;
	font-size:30px;
	margin-left:0px;
	position:absolute;
	left:0px;
	margin-right:auto;
	float:left;
	text-decoration:none;
	display:block;
	background-color:#933;
	color:#FFF;
	vertical-align:middle;
	text-align:center;
}
#thumblinkoverlay a:last-child
{
	margin-right:0px;
	left:400px;
	margin-left:auto;
}

#gmainbuttons
{
	opacity:0.1;
	transition:0.5s;
	top:0px;
	left:0px;
	right:0px;
	height:60px;
	position:absolute;
	z-index:3;
	text-align:center;
}
#gmainbuttons a
{
	width:150px;
	display:inline-block;
	text-decoration:none;
	margin-left:20px;
	margin-right:20px;
	font-size:20pt;
}
#gmainbuttons a:last-child
{
	width:50px;
	font-size:40pt;
}
#gmainbuttons a:first-child
{
	width:50px;
	font-size:40pt;
}
#gmainbuttons:hover
{
	opacity:0.6;
	background-color:#FFF;
}


div#photoscrollercontent
{
	height:220px;
	width:4000px;
	margin-left:-1100px;
	vertical-align:middle;
}

div#photoscrollercontent img
{
	opacity:none;
	margin-left:5px;
	margin-bottom:5px;
	border-style:solid;
	border-color:#FFF;
	z-index:1;
}
div#photoscrollercontent img:hover
{
	border-style:solid;
	border-color:#A77;
}

div#photoframe
{
	width:800px;
	height:800px;
	margin-left:-170px;
	margin-top:20px;
	position:relative;
	text-align:center;
}