html, body {background-color:#74AFAD;
/* #e7f784; */
	height: 100%;
	align: center;
	margin-left:10px;
}
/* RWD elements */
* {
    box-sizing: border-box;
}

@media only screen and (min-width: 0px) {
.col-p-0 {width: 0%;}
.col-p-1 {width: 10%;}
.col-p-2 {width: 15%;}
.col-p-3 {width: 25%;}
.col-p-4 {width: 30%;}
.col-p-5 {width: 35%;}
.col-p-6 {width; 40%;}
.col-p-7 {width: 60%;}
.col-p-8 {width: 75%}
.col-p-10 {width: 100%}
}

@media only screen and (min-width: 600px) {
    /* For tablets: */
.col-m-0 {width: 0%;}
.col-m-1 {width: 10%;}
.col-m-2 {width: 15%;}
.col-m-3 {width: 25%;}
.col-m-4 {width: 30%;}
.col-m-5 {width: 35%;}
.col-m-6 {width: 40%;}
.col-m-7 {width: 60%;}
.col-m-8 {width: 75%;}
.col-m-10 {width: 100%;}
}

@media only screen and (min-width: 768px) {
/* For desktop: */
.col-0 {width: 0%;}
.col-1 {width: 10%;}
.col-2 {width: 15%;}
.col-3 {width: 25%;}
.col-4 {width: 30%;}
.col-5 {width: 35%;}
.col-6 {width: 40%;}
.col-7 {width: 60%;}
.col-8 {width: 75%;}
.col-10 {width: 100%;}
}
/*
.col-m-1 {width: 8.33%;}
.col-m-2 {width: 16.66%;}
.col-m-3 {width: 25%;}
.col-m-4 {width: 33.33%;}
.col-m-5 {width: 41.66%;}
.col-m-6 {width: 50%;}
.col-m-7 {width: 58.33%;}
.col-m-8 {width: 66.66%;}
.col-m-9 {width: 75%;}
.col-m-10 {width: 83.33%;}
.col-m-11 {width: 91.66%;}
.col-m-12 {width: 100%;}
*/
[class*="col-"] {
    float: left;
    padding: none;
    border: none;
}
.row:after {
    content: "";
    clear: both;
    display: list-item;;
}
html {
    font-family: "Georgia", "Baskerville", "Garamond", "Helvetica", "Times New Roman""Lucida Sans", sans-serif;
}

h1 {font-style:italic;
    font-size:2.0em;
    font-weight:bold;
    generic-family:cursive;
    color:black}
h2 {font-style:normal;
    font-size:1.5em;
    font-weight:normal;
    color:black}
h2i{font-style:italic;
    font-size:1.5em;
    font-weight:bold;
    color:black}
h2b {font-style:normal;
    font-size:1.25em;
    font-weight:bold;
    color:black}
h2o {font-size:1.00em;
     font-weight:bold;
     color: #D9853B;}
h3b {font-style:normal;
    font-size:1.25em;
    font-weight:bold;
    color:black}
h3 {font-style:normal;
    font-size:1.25em;
    font-weight:normal;
    color:black}
h4 {font-size:0.9em;
}
h5 {font-size: 0.875em;
}
h6 {font-size:0.85em;
}
h4, h5, h6 {
	font-style:normal;
	font-weight:normal;
        color:black
}
table.ctr
    {width:100%;
    float:center;
    border="0";
    rules=none;
    bordercolordark=brown;
    bordercolorlight=#D9853B;
    }
td
    {align:center;
    }
td.main-left
    {width:100%;padding:0;align:left;
    }
td.main-center{
    width:100%;padding:10px;align:center;
    }
p 	{font-style:normal;  
	font-weight:normal;
	font-family:"Georgia", "Baskerville", "Garamond", "Helvetica", "Times New Roman";
    	color:black;
    	}
p.intro {font-weight:bold;
}
p.shift1
	{margin-left:0.8cm
	}
p.italic
	{font-style:italic;
	font-weight:bold;
	font-size:1.5em;
	}
.horiz {
	float: left;
	padding: none;
	margin: none;
	display: inline;
	overflow: hidden;
	white-space: nowrap}
ul.horiz {
    	margin :0;
    	list-style-type: none;
}

ul.a {list-style-type:circle;
    }
 

span.linkright
{
	float: left;
	width: 100%;
}
span.linkmore
{
	float:right;
	width:13cm;
	max-width: 80%;
	overflow: clipped;
}
span.adrleft
{
	float:left;
	background-color: white;
	width: 100%;
	margin-bottom: 0px;
}
span.inlimg
{
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	width: 150px;
	height: 200px;
	padding-left: 5px;
	background: url("images/img_main.jpg") no-repeat;
}

span.transbox
{
	width: 160px;
	height: 200px;
	display: inline;
	opacity:0.0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
	onmousedown=right();
	onmouseup=right();
}

header
{
	border-top: thin solid navy;
	border-bottom: thin solid navy;
	resize: both;
}
footer
{
	width: auto;
	border-top: thin solid navy;
	scrolling: "no";
	resize: both;
	overflow: hidden;
}

/*
header,nav,main,footer {
	diplay: inline-block;
}
nav 
{
	float: left;
	width: 100%;
	background-color: navy;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right:0px;
	border-top: none;
	border-bottom: none;
	scrolling: "no";
	resize: horizontal;
	overflow: auto;
}

main 
{
	float: left;
	width: 100%;
	border-bottom: none;
	margin-left: 0px;
	padding-left: 10px;
	border-left: thin solid black;
	resize: horizontal;
	height: initial;
	max-height: initial;
	scrolling: no;
	overflow: auto;
}
*/
div.allpage
{
	border-bottom: none;
}
.adrline {
	background-color: #558C89; /* #558C89; */
	overflow: hidden;
	font-size:1.25em;
	font-weight:bold;
	color: #D9853B;
	margin: none;
}
.linkline {
	background-color: #74AFAD;
	overflow: hidden;
	font-size:1.25em;
	font-weight:bold;
	text-align: center;
}


.button {
    background-color: #D9853B; /* orangish */
    border: none;
    color: black;
    width: 98%;
    /* padding: 5px 12px; */
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.8em;
    /* margin: 4px 2px; */
    cursor: pointer;
    border-radius: 22px;
    border: 2px solid black; /* darker indigo */
     -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;

}
.button1 {
    background-color: #806641; 
    color: black; 
    border: 2px solid black;
}
/* visited link 
.button:visited {
    background-color: #558C89;	
    color: navy;
} */
.button:hover {
    background-color: #ECECEA; /*  #558C89; */
    color: black;
}
/* selected link 
.button:active {
    background-color: #74AFAD;	
    color: navy;
} */


div.mainarea {
	width: auto;
	border-top: thin solid navy;
	border-bottom: thin solid navy;
	border-right: thin solid navy;
	border-top: thin solid navy;
	border-left: thin solid navy;
	
}
div.bio {
	width: auto;
	margin-left: 5 px;
	border-bottom: thin solid navy;
	border-right: thin solid navy;
}

div.gallery{
	margin:2px;
	height:auto;
	width:auto;
	float:left;
	text-align:center;
	font: normal;
	font-size:0.875em;
	font-weight:normal;
	color:black
}
div.gallery img{
	opacity:0.6;
	filter:alpha(opacity=60);/*for IE8 and earlier*/
	margin:3px;
	border:1px solid #ffffff;
}
div.gallery a:hover img{
	opacity:1.0;
	filter:alpha(opacity=100);/*for IE8 and earlier*/
}

div.imgdesc{
	text-align:center;
	font-weight:normal;
	font-style:normal;
	font-size:10 pt;
	width:120px;
	margin:2px;
}
div.mappage{
	width:630px;
	background-color: #E0E0E0;
	height: 530px;
	border: 1px solid black;
}
div.myMap{
	position:relative;
	width:600px;
	height:400px;
	margin-left:15px;
}
div.dir{
	padding: 10px;
}
div.pad20{
	padding-left:20px;
	padding-top:5px;
}
div.ctr{
	text-align:center;
}
.article {
    display: block;
    font-color: white;
}