@charset "utf-8";
/* CSS Document */

*	{ margin:0; padding:0;	}

body	{
	background-color:#ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-image:url(images/background.png);
	background-repeat:repeat-x;
}
hr	{
	margin-bottom:5px;
}
#red{
	color:#a00;
}
#redbold{
	color:#a00;
	font-weight:bold;
}
#green{
	color:#0a0;
}
#blue{
	color:#00f;
}
h1	{
	font-size:medium;
	text-align:center;
	margin:10px auto;
	max-width:60%;
}
h2	{
	font-size:large;
	text-align:left;
	font-weight:bold;
	padding-top:1%;
	padding-bottom:2%;
}
h3	{
	font-size:medium;
	text-align:center;
	font-weight:bold;
	padding-top:1.5%;
	padding-bottom:0.5%;
}
h4	{
	font-size:x-large;
	text-align:center;
	margin:10px auto;
	max-width:60%;
}
h5	{
	font-size:x-large;
	text-align:center;
	color:#C00;
	margin:10px auto;
	max-width:100%;
}
.container	{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
@media (min-width: 900px)	{
	.container	{
		  width: 900px;
          margin: 0 auto;
	}
}
.header, .footer	{
	display:inline-block;
	margin:10px 0px;
	width:100%;
}
.header p	{
	display:inline-block;
	text-align:center;
	font-size:medium;
	font-weight:bold;
}
.footer	{
	padding:2%;
	text-align:center;
	font-size:small;
}
.footer p	{
	margin:0;
	padding:0px 10px;
}
hr	{
	margin:0;
	padding:0px 10px;
}
#headlogo	{
	display:inline-block;
	max-width:20%;
	margin-top: 1%;
}
	
#headtext	{
	display:inline-block;
	position:relative;
	max-width:60%;
	margin-left:8%;
	margin-top: 3%;
	vertical-align:top;
	text-align:center;
	font-weight:bold;
	font-size:1.5em;
}
p.ctr	{
	text-align:center;
	font-weight:bold;
}
.content1	{
	display:inline-block;
	max-width:45%;
	margin:2%;
}
.content1 p	{
	margin-bottom:10px;
}
.content1 ul li	{
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-weight:bold;
	margin-left:4%;
}
.content1 img{
	width:auto;
	height:150px;
}
.content2a	{
	display:inline-block;
	width:95%;
	margin:0 auto;
	padding:15px;
	max-width:100%;
}
.content2	{
	display:inline-block;
	margin:0 auto;
	padding:15px;
	max-width:100%;
}
.content2 table tr td input, .content5 table tr td textarea	{
	margin-bottom:10px;
	font-Family: Arial;
	font-size:1.3em;
}
.content2 table tr td:first-child	{
	width:32%;
}
.content2 table tr td:second-child	{
	width:62%;
}
.content3	{
	display:inline-block;
	max-width:77%;
	text-align:center;
}
.content3 p	{
	padding-top:3px;
	padding-bottom:5px;
	text-align:center;
}
.content3 img	{
	display:block;
	margin:10px auto;
	width:70%;
	max-width:70%;
	height:auto;
	border-bottom-style:inset;
	border-width:medium;
	border-color:#666;
	box-shadow: 8px 8px 8px #AAA;
}
.content3 table{
	max-width:100%;
	margin:0px auto;
}
.content4	{
	display:inline-block;
	max-width:77%;
	margin:10px auto;
	text-align:left;
}
.content4 img	{
	display:block;
	margin:10px auto;
	width:70%;
	max-width:100%;
	height:auto;
	border-bottom-style:inset;
	border-width:medium;
	border-color:#666;
	box-shadow: 8px 8px 8px #AAA;
}
/*.content4 table{
	max-width:100%;
	margin-left:2%;
}*/
.content4 table tr td input, .content5 table tr td textarea	{
	margin-bottom:10px;
	font-Family: Arial;
	font-size:1.3em;
}
.content4 table tr td:first-child	{
	width:32%;
}
.content4 table tr td:second-child	{
	width:62%;
}
.content5	{
	display:inline-block;
	max-width:50%;
	margin:2%;
}
.content5 p	{
	position:relative;
	margin-bottom:10px;
	font-weight:bold;
	font-size:medium;
	text-align:left;
	color:#00f;
}
.content6	{
	display:inline-block;
	max-width:45%;
	margin:2%;
	text-align:center;
}
.content6 p	{
	margin-bottom:10px;
}
.content6 a	{
	text-decoration:none;
}
.content7	{
	display:block;
	max-width:100%;
	margin:10px auto;
	text-align:center;
}
.content7 table	{
	max-width:100%;
	margin:0px auto;
	text-align:center;
}
.button	{
	width:100px;
	height:30px;
	font-size:medium;
	cursor:pointer;
}
.button2	{
	display:inline;
	width:200px;
	height:30px;
	font-size:medium;
	font-weight:bold;
	cursor:pointer;
}
.button2:hover	{
	background-color:#9ff;
}
.button3	{
	display:inline-block;
	border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    color: #000;
	background-color:#eee;
	width:200px;
	height:30px;
	padding:3px 0px 0px 0px;
	font-size:medium;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}
.button3:hover	{
	background-color:#9ff;
}
#captcha	{
	display:block;
	margin-right:10px;
	max-width:100%;
	height:auto;
	border-bottom-style:inset;
	border-width:medium;
	border-color:#666;
	box-shadow: 8px 8px 8px #AAA;

}
#slideshow img{
	display:block;
	margin:10px 0px;
	max-width:100%;
	height:auto;
	border-bottom-style:inset;
	border-width:medium;
	border-color:#666;
	box-shadow: 8px 8px 8px #AAA;
}
.nav	{
	display:inline-block;
	margin-top:2%;
	margin-left:2%;
	width:20%;
}
.nav ul {
	list-style-type:none;
	margin:0;
	text-align:left;
	background-color:#CCC;
	font-size:14px;
	cursor: default;
	width: 11em;
	box-shadow: 8px 8px 8px #AAA;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#BBB;
	}

/*Create a vertical list with spacing*/
.nav li {
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 11em;
	border-color:#BBB;
	border-left-style:solid;
	border-left-width:1px;
	border-bottom-style:solid;
	border-bottom-width:1px;}

/*Style for menu links*/
.nav li a {
	display: block;
	cursor: pointer;
	padding: 0.3em 0.75em;
	color: #000;
	text-decoration: none;
}

/*Hover state for top level links*/
.nav li:hover a {
	font-weight:bold;
}

.ssnav	{
	display:inline-block;
	margin-top:2%;
	margin-left:2%;
	width:20%;
}
.ssnav ul {
	list-style-type:none;
	margin:0;
	text-align:left;
	background-color:#CCC;
	font-size:14px;
	cursor: default;
	width: 11em;
	box-shadow: 8px 8px 8px #AAA;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#BBB;
	}

/*Create a vertical list with spacing*/
.ssnav li {
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 11em;
	border-color:#BBB;
	border-left-style:solid;
	border-left-width:1px;
	border-bottom-style:solid;
	border-bottom-width:1px;}

/*Style for menu links*/
.ssnav li a {
	display: block;
	cursor: pointer;
	padding: 0.3em 0.75em;
	color: #000;
	text-decoration: none;
}

/*Hover state for top level links*/
.ssnav li:hover a {
	font-weight:bold;
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-decoration: none;
	color: #fff;
	background-color:#777;
	text-align: center;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}
input[type=checkbox]:checked ~ .show-menu:before {
    content: "Hide ";
}
#del	{
	display: block;
	-webkit-appearance: checkbox;
}
/*Responsive Styles*/

@media screen and (max-width : 760px){
	.content, .content2, .content2a, .content3, .content4, .content5, .content6	{
		margin:0 auto;
		padding:15px;
		max-width:100%;
	}
	.nav	{
		display:block;
		width:100%;
		margin:0px;
		padding:0px;
	}
	.nav ul {
		position: static;
		display: none;
		padding:0px;
		border:none;
		box-shadow:none;
		width:100%;
	}
	/*Create vertical spacing*/
	.nav li {
		margin-bottom: 1px;
		background-color:#ccc;
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-bottom-color:#000;
	}
	/*Make all menu links full width*/
	.nav ul li	{
		width: 100%;
		text-align:center;
		height: 30px;
		padding:10px;
	}
	.nav li a {
		width: 100%;
		text-align:center;
		height: 30px;
		padding:0px;
		font-size:x-large;
		font-weight:normal;
	}
	.ssnav	{
		display:block;
		width:100%;
		margin:0px;
		padding:0px;
	}
	.ssnav ul {
		padding:0px;
		margin:0px auto;
		border:none;
		box-shadow:none;
		width:100%;
	}
	/*Create vertical spacing*/
	.ssnav li {
		border-width:0px;
		margin-bottom: 1px;
		background-color:#ddf;
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-bottom-color:#000;
	}
	/*Make all menu links full width*/
	.ssnav ul li	{
		width: 100%;
		text-align:center;
		padding:0;
		height: 50px;
	}
	.ssnav li a	{
		margin:0 auto;
		width: 90%
		padding:5px 13px;
		font-size:medium;
		color:#000;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
		height: 40px;
		padding-top:10px;
		font-size:x-large;
	}
	.show-menu:before	{
		content:"Show ";
	}
	#headlogo	{
		display:none;
	}
	#headtext	{
		display:block;
		margin:0 auto;
		width:100%;
	}
	#slideshow img{
		display:block;
		max-width:100%;
		height:auto;
		margin:30px auto 0px;
	}
}
#slideshow { 
    position:relative; 
/* 	height:350px;
	width:350px;
	top:-30px;
	left:-30px; */
}
#slideshow > div { 
    position: absolute; 
}