/*-------------------------------------
           Reset Styles
--------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

/*-------------------------------------
           End Reset Styles
--------------------------------------*/

body {
	line-height: 1;
	color: black;
	background: #8abfea url(../graphics/bodybg.jpg) repeat-x;
	/*background-color: #7dafd7;*/
	font-family: arial;
	line-height: 160%;
}

.clear {
	clear: both;
}

p {
	margin-bottom: 16px;
}

a,
a:link,
a:visited {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
}

strong {
	font-weight: bold;
}
.body { background-color: #b4d2ea;
	width: 860px;
	margin: 0 auto 20px auto;
	padding-bottom: 20px;
	border-left: 1px solid #7dafd7;
	border-right: 1px solid #7dafd7;
	border-bottom: 1px solid #7dafd7;
	border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
}

.topmenu {
	width: 780px;
	background-color: #7dafd7;
	margin: 0 auto;
	border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
 }
.topmenu ul.menu { text-align: center; padding: 4px; margin: 0; }
.topmenu ul.menu li { display: inline-block; margin: 0 16px; }
.topmenu ul.menu li a, .topmenu ul.menu li a:active { font-weight: bold; font-size: 15px; color: #d5e6f4; }
.topmenu ul.menu li a:visited { color: #d5e6f4; }
.topmenu ul.menu li a:hover, .topmenu ul.menu li.current > a { color: #fff; text-decoration: none; }

.dropbtn {
    position: relative;
}
ul.dropdown-content {
    display: none;
    position: absolute;
    margin-top: 3px;
    background-color: #8bbee6;
    min-width: 160px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.topmenu ul.menu li ul.dropdown-content li {
    width: 100%;
    padding: 0;
    margin: 0;
}
.dropdown-content a {
    text-align: left;
    padding: 6px 10px;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #d5e6f4;
}
.dropdown-content li:last-child a {
    border-bottom: 0;
}
ul.dropdown-content.show {display:block;}


#wrapper {
	min-height: 680px;
	width: 780px;
	margin: 26px auto 16px auto;
}

#info-container {
	width: 780px;
	margin: 26px auto;
	text-align: left;
	font-size: 20px;
}
h1 { font-size: 44px; font-weight: bold; margin: 16px 0; text-align: center; }
h2 { font-size: 40px; font-weight: bold; margin: 16px 0; text-align: center; }
h3 { font-size: 28px; font-weight: bold; margin: 16px 0; text-align: center; }

h1 a:hover { text-decoration: none; }
 
/*.cols { margin: 20px 0 40px 0; }
.col1, .col2 { width: 300px; float: left; }
.col1 { margin-right: 40px; }*/

.col1 { width: 280px; margin: 20px auto 40px auto; }


ul.gallery { line-height: 30px; }
ul.gallery li { display: inline; margin-right: 4px; }
ul.gallery li img { border: 1px solid #333; }
ul.gallery li img:hover { border: 1px solid #fff; }