html {
}
body{
	font-family: "Verdana",Arial,sans-serif;
	font-size: 10pt;
	color: #000;
	line-height: 1.2em;
	margin: 0px;
/*		background: #fff url('./images/blue.jpg') left top repeat;  */
	background-color: #2E6499;
}
p {
	font-family: "Verdana",Arial,sans-serif;
	font-size: 11pt;
	line-height: 1.4em;
	}
textarea {
	width: 100%;
}
h1, h2, h3
{
	color: #2E6499;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 2em;
	margin: 12px 0px 0.2em;
}
h2
{
	font-size: 1.2em;
	font-weight: bold;
}
hr {
	/* Also see tweaks.css */
	border: 1px solid #ccc;
	border-top-width: 1px;
	height: 1px;
	margin: 5px 0;
	display: block;
	clear: both;
}
.inner
{
	margin-right: auto;
	margin-left: auto;
	max-width: 1195px;
}

.headerbar {
	min-height: 155px;
	margin: 0px 60px;
}
.logo
{
	float: left;
	width: auto;
	margin: 13px 25px 15px 0px;
	padding: 0px;
}

.imageset.site_logo {
	background-image: url("./images/logo.png");
	padding-top: 185px;
	padding-left: 170px;
	z-index: 100;
	position: relative;
}

span.imageset {
	display: inline-block !important;
	background: transparent none no-repeat scroll 0px 0px;
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

a {
	color: #1A829F;
	text-decoration: none;
}

a:hover { color: #ec7500; }

.page, #debug
{
	margin: 0px 20px;
}
.page-container
{
	background-color: #FFF;
	border-radius: 6px;
	border: 1px solid #CAE8F3;
	padding: 5px 10px;
	margin: 0px 40px 40px 40px;
}
.page-container img
{
	max-width: 100%;
}
#gallery {
/*	background: transparent linear-gradient(to right, #003B53, #4AB2EC, #003B53) repeat scroll 0% 0%;
	padding: 8px;
	border-radius: 3px;*/
	color: #000;
}
.panel {
	padding: 0px 20px;
}
.error {
	font-weight:bold;
	color: #8D0000;
	font-size: 10pt;
}
fieldset dl {
	padding: 0px 0px;
}
fieldset dt {
	float: left;
	width: 40%;
	text-align: left;
	display: block;
}

#albummenu,
#albummenu ul,
#albummenu ul li,
#albummenu ul li a,
#albummenu #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 20;
}
#albummenu .active{
	background: transparent linear-gradient(to bottom, #213C47, #21A1D4) repeat scroll 0% 0%;
}
#albummenu:after,
#albummenu > ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#albummenu #menu-button {
	display: none;
}
#albummenu {
	width: auto;
	margin: 0px 40px 16px 40px;
	border-radius: 5px;
	font-family: 'Open Sans', Helvetica, sans-serif;
	background: #3db2e1;
	background: -o-linear-gradient(top, #69c4e8, #21a1d4);
	background: -ms-linear-gradient(top, #69c4e8, #21a1d4);
	background: -webkit-linear-gradient(top, #69c4e8, #21a1d4);
	background: -moz-linear-gradient(top, #69c4e8, #21a1d4);
	background: linear-gradient(to bottom, #69c4e8, #21a1d4);
	box-shadow: inset 0 -3px 0 #1f97c7, inset 0 -3px 3px #1f9acc, inset 0 2px 2px #9ad7ef, inset 1px 0 2px #22a4d9, inset -1px 0 2px #22a4d9, 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.06), 0 3px 3px rgba(0, 0, 0, 0.17), 2px 1px 2px rgba(0, 0, 0, 0.05), -2px 1px 2px rgba(0, 0, 0, 0.05);
}
#albummenu > ul > li > a {
	padding: 10px;
	font-size: 12px;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);
	font-weight: 700;
	text-decoration: none;
	transition: color 0.2s ease 0s;
}
#albummenu > ul > li {
	float: left;
}

a.button1, input.button1, input.button3, a.button2, input.button2 {
	font-weight: bold;
	padding: 4px 6px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: transparent linear-gradient(to bottom, rgb(105, 196, 232), rgb(0, 91, 128)) repeat scroll 0% 0%;
	box-shadow: 0px -3px 0px #0079AA inset, 0px -3px 3px #1F9ACC inset, 0px 2px 2px #9AD7EF inset, 1px 0px 2px #22A4D9 inset, -1px 0px 2px #22A4D9 inset, 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 2px 2px rgba(0, 0, 0, 0.06), 0px 3px 3px rgba(0, 0, 0, 0.17), 2px 1px 2px rgba(0, 0, 0, 0.05), -2px 1px 2px rgba(0, 0, 0, 0.05);
	color: #fff;
}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border-color: #bbb;
	color: #D4F3FF;
	box-shadow: 0px -3px 0px #4085A1 inset, 0px -3px 3px #1489B9 inset, 0px 2px 2px #53CEFF inset, 1px 0px 2px #000 inset, -1px 0px 2px #000 inset, 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 2px 2px rgba(0, 0, 0, 0.06), 0px 3px 3px rgba(0, 0, 0, 0.17), 2px 1px 2px rgba(0, 0, 0, 0.05), -2px 1px 2px rgba(0, 0, 0, 0.05);
}

.v_menu
{
	width: 35%;
	float: right;
	margin-top: -55px;
}
.v_menu .right-menu {
	margin: 0px;
	padding: 10px 0px;
	list-style: outside none none;
	line-height: 3em;
}
.v_menu .right-menu > li
{
	margin-left: 20px;
	margin-top: 15px;
}
.v_menu .right-menu > li > a {
	font-size: 16px;
	background-color: #FFF;
	border-radius: 4px;
	padding: 10px 14px;
	color: #000;
	font-weight: bold;
	vertical-align: bottom;
	text-decoration: none;
}
/*
.main_img{
position: relative;
top: -134px;
margin-bottom: -120px;
}
.main_img img{
width: 740px;
left: -12px;
position: relative;
}
*/

.main_img {
	margin-bottom: -120px;
	position: relative;
	top: -134px;
}

.main_img img {
	position: relative;
	width: 93.3%;
	left: 40px;
}
/* General form styles
----------------------------------------*/
fieldset {
	border-width: 0px;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	padding: 15px 0px;
}
fieldset dd {
	margin-left: 41%;
	vertical-align: top;
	margin-bottom: 3px;
}
dt label {
	font-weight: bold;
	text-align: left;
}

label {
	cursor: default;
	padding-right: 5px;
	color: #676767;
}
label :hoover{

	color: #Eff;
}

dd select {
	width: auto;
}
select {
	border-color: #666;
	background-color: #FAFAFA;
	color: #000;
}
select {
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-weight: normal;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid #4E8DAB;
	padding: 1px;
	background-color: #FAFAFA;
	font-size: 11px;
}

.inputbox {
	background-color: #FFF;
	border-color: #B4BAC0;
	color: #333;
}
.autowidth {
	width: auto !important;
}
.inputbox {
	padding: 2px;
	border-radius: 0px;
	border: 1px solid #4E8DAB;
}
dd input, dd textarea {
	margin-right: 3px;
}
input {
	font-weight: normal;
	vertical-align: middle;
	padding: 3px 0px 0px 0px;
	font-size: 1em;
	font-family: Verdana,Helvetica,Arial,sans-serif;
}
.breadcrumbs .crumb {
	word-wrap: normal;
	font-weight: bold;
	float: left;
}
.breadcrumbs .crumb:before {
	content: '\2039';
	font-weight: bold;
	padding: 0 0.5em;
}
ul.navlinks {
	border-top: 1px solid transparent;
}
ul.linklist {
	display: block;
	margin: 4px -40px 24px;
}
ul {
	list-style-type: disc;
}
ol, ul {
	list-style: outside none none;
}
ul.linklist > li {
	float: left;
	list-style-type: none;
	margin-right: 7px;
	padding-top: 1px;
	width: auto;
	font-weight: bold;
}

ul.album {
margin: 4px 0px 6px -40px;
display: inline-block;
}
span.album
{
	border-radius: 5px;
	font-weight:bold;
	background: transparent linear-gradient(to bottom, #69C4E8, #21A1D4) repeat scroll 0% 0%;
	box-shadow: 0px -3px 0px #1F97C7 inset, 0px -3px 3px #1F9ACC inset, 0px 2px 2px #9AD7EF inset, 1px 0px 2px #22A4D9 inset, -1px 0px 2px #22A4D9 inset, 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 2px 2px rgba(0, 0, 0, 0.06), 0px 3px 3px rgba(0, 0, 0, 0.17), 2px 1px 2px rgba(0, 0, 0, 0.05), -2px 1px 2px rgba(0, 0, 0, 0.05);
	float: left;
	margin: 2px;
	padding: 5px;
}
#album, #album ul, #album ul li, #album ul li a, #album #menu-button {

	color: #fff;
}
#message
{
	background-color: #FFF;
	margin: 16px 40px;
	padding: 5px 10px;
	border-radius: 6px;
	font-weight: bold;
}
#message p
{
	font-size: 12px;
}

#message a
{
	color: #004356;
}
#message a:hover { color: #1A829F; }
.message-title
{
	font-size: 1.5em;
}

#search {
	position: relative;
	float: right;
	top: -400px;
	margin-right: 64px;
	color: #000;
	background-color: #FFF;
	border-radius: 7px;
	border: 1px solid rgb(204, 204, 204);
	padding: 1px 0px 0px;
}
#search fieldset {
	padding: 4px 8px;
}
#search input {
	border:none
}

.search-icon {
	border: none;
	font-size: 0px;
	background: transparent none no-repeat scroll 0px 0px;
	background-image: url("./images/search_icon.png");
	height: 24px;
	width: 23px;
	cursor:pointer;
}

#search-header button {
	border-top: 0px none;
	border-bottom: 0px none;
}
.pagination {
	width: auto;
	text-align: right;
	float: right;
	margin-top:-3px;
}
.pagination span.page-sep {
	display: none;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
	margin: 0px 2px;
	padding: 1px 3px;
	background: transparent url("./images/pag_but.png") repeat-x scroll right 0%;
	border: 1px solid #8EBFFF;
	font-size: 0.9em;
	line-height: 1.6em;
	border-radius: 3px;
}
.pagination span strong {
	padding: 1px 3px;
	margin: 0px 2px;
	font-weight: normal;
	color: #FFF;
	background: transparent url("./images/pag_but_act.png") repeat-x scroll right 0%;
	border: 1px solid #CCFFDF;
	font-size: 0.9em;
	border-radius: 3px;
}
.pagination a {
	color:#000;
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 1024px)
{
	.headerbar {
		margin: 0px 10px;
	}
	.page-container
	{
	margin: 100px 10px 20px 10px;
	}
	#albummenu {
		margin: 114px 10px -88px 10px;
	}
	.main_img{
		/*display:none;*/
	}
	.v_menu {
		margin-right: 0px;
		position: relative;
		top: 0px;
		width: auto;
		float: none;
	}
	.v_menu .right-menu > li {
	margin-left: 10px;
	margin-top: 6px;
	}
}

@media only screen and (max-width: 320px), only screen and (max-device-width: 800px)
{
	.main_img img {
		width: 97.5%;
		left: 10px;
		top: 120px;
	}
}
@media (max-width: 640px) {
		.main_img img {
			width: 620px;
	}
}
@media (max-width: 600px) {
		.main_img img {
			width: 580px;
	}
}
@media (max-width: 480px) {
		.main_img img {
			width: 460px;
	}
}

@media (max-width: 360px) {
		.main_img img {
			width: 340px;
	}
}

@media (max-width: 320px) {
		.main_img img {
			width: 300px;
	}
}