body { 
	margin: 0;
	color: white;
	font-size: 18px;
	font-family: Arial;
	background-image: url();
	background-color: #2266bb;
	}

table {
  border-collapse: collapse;
} 
 
a.ulfnt { font-size: 18px;color: #ffffff;text-decoration: none; }
a.ulfnt:link { color: #ffffff; }
a.ulfnt:hover { color: #88bbff; }

a { color: #ffffff; }
a:link { color: #ffffff; }
a:hover { color: #eebb88; }

#fixedtop {
	position: fixed;
	top: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #2266bb;
	z-index: 1282;
	width: 100%;
	}

.topnav {
position: relative;
background-color: #2266bb;
color: #eeeeee;
height: 6vh;
max-width: 1320px;
padding: 1px;
margin: 1px;
margin-left:auto;
margin-right:auto;
z-index: 999;
border: 1px solid #ffffff;
}

#wrap {
	position: relative;
	max-width:1320px;
	margin-top: 7vh;
	margin-left:auto;
	margin-right:auto;
	padding: 1px;
	background-color: #2266bb;
	border: 1px solid #ffeedd;
	}

.ulfnt {
	font-family: Georgia;
	text-decoration: none;
	margin-top: 0vh;
	margin-bottom: 0vh;
	}

ul {list-style-type: none;}

li {
  float: left;
	margin-left: 4px;
	margin-right: 4px;
}

li a {
  display: block;
  padding: 2px;
  background-color: #2266bb;
}
li a:hover {
  background-color: #335533;
}
h1 {
	margin: 1px;
	font-family: Georgia;
	}
h2 {
	margin: 2px;
	font-family: Georgia;
	}

.ptr {cursor: pointer;}

#lftside {float: left; width: 48%;padding:1%}
#lftcnt {margin-left: 40px;}
#rghtside {float: left; width: 48%;text-align: center;padding:1%}

#navicon {display:none} 
#navdiv {display:none} 
#dulnav {display:block}
.oimg {
	max-width:44%;
	border: 2px solid #2266bb;
	} 
.dvid { margin: 2px;border: 1px solid #99bbdd;}
.cntr {text-align: center;}

/* ---------------------------------- */
@media screen and (max-width: 640px) {
#wrap {
	position: relative;
	width: 96%;
	margin-top: 3vh;
	margin-left:auto;
	margin-right:auto;
	padding: 2px;
	background-color: #2266bb;
	}

#lftside {width: 99%; margin-left:auto;	margin-right:auto;}
#lftcnt {margin-left: 0px;}
#rghtside {width: 99%; margin-left:auto;	margin-right:auto;}

a.ulfnt { font-size: 18px;color: #ffffff;text-decoration: none; }

#navicon {display:block} 
#navdiv {display:block} 
#dulnav {display:none} 

.topnav {
position: relative;
text-align: left;
height: 4vh;
max-width: 96%;
background-color: #2266bb;
color: #eeeeee;
font-size: 14px;
z-index: 999;
border: 0px solid #ffffff;
}

ul {
  margin: 0vh;
  padding: 1px;
	width: 94%;
	border: 0px solid #aaddaa;
}

li {
color: #eeeeee;
border: 1px solid #aaddaa;
	width: 84%;
	margin-left: 37px;
	margin-right: 1px;
}

li a {
  background-color: #2266bb;
}
li a:hover {
  background-color: #335533;
}

/* ---------------------------------- */
.dvid { margin: 2px;border: 1px solid #99bbdd;max-width:96%;}

#navicon div a {display:block;}
#navdiv li a {display:block;font-size: 16px;background-color: transparent;}
#navdiv a {display:block;font-size: 16px;background-color: transparent;}
#navul li {border: 0px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}