*
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
html
{
	font-family: "Lucida Sans", sans-serif;
}
.header 
{
    color: #ffffff;
	background-color: blue;
    padding: 5px;
	align-self: center;
}
/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

/*Chrome Safari, Opera prefix */
.col-1s {-webkit-colum-width: 8.33%;}
.col-2s {-webkit-colum-width: 16.66%;}
.col-3s {-webkit-colum-width: 25%;}
.col-4s {-webkit-colum-width: 33.33%;}
.col-5s {-webkit-colum-width: 41.66%;}
.col-6s {-webkit-colum-width: 50%;}
.col-7s {-webkit-colum-width: 58.33%;}
.col-8s {-webkit-colum-width: 66.66%;}
.col-9s {-webkit-colum-width: 75%;}
.col-10s {-webkit-colum-width: 83.33%;}
.col-11s {-webkit-colum-width: 91.66%;}
.col-12s {-webkit-colum-width: 100%;}

/*Mozilla Firefox */
.col-1f {-moz-colum-width: 8.33%;}
.col-2f {-moz-colum-width: 16.66%;}
.col-3f {-moz-colum-width: 25%;}
.col-4f {-moz-colum-width: 33.33%;}
.col-5f {-moz-colum-width: 41.66%;}
.col-6f {-moz-colum-width: 50%;}
.col-7f {-moz-colum-width: 58.33%;}
.col-8f {-moz-colum-width: 66.66%;}
.col-9f {-moz-colum-width: 75%;}
.col-10f {-moz-colum-width: 83.33%;}
.col-11f {-moz-colum-width: 91.66%;}
.col-12f {-moz-colum-width: 100%;}



p#header
{
	font-family: "Lucida Sans", sans-serif;
	font-size: .8em;
	font-weight: bold; 
	color: blue;	
}
#headertop
{
	margin-top: 14px;
}
@media only screen and (max-width: 768px) 
{
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
}
[class*="col-"] 
{
	float: left;
    padding: 15px;
}
S.row::after 
{
    content: "";
    clear: both;
    display: block;
}
.lmenu ul 
{
    list-style-type: none;
    margin: 0;
    padding: 0;
	align-self: center;
}
.lmenu li 
{
    padding: 8px;
    margin-bottom: 20px;
    background-color: #ffffff;
	text-align: center;
    color: blue;
	font-size: .8em;
	border-color:blue;
	border-width: 2px;
	border-style: solid;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.lmenu li:hover 
{
    background-color: #FFECE6;
	box-shadow: 10px 10px 15px #888888;
}

.rfmenu
{
	margin-top: 10px;
	width: 50%;
	margin: auto;
}
.rfmenu ul 
{
    list-style-type: none;
    padding: 0;
	margin-bottom: 5px;
}
.rfmenu li 
{
    padding: 4px;
	display: block;
	margin-bottom: 10px;
    background-color: #ffffff;
    color: blue;
	font-size: .8em;
	text-align: center;
	border-color:blue;
	border-width: 2px;
	border-style: solid;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.rfmenu li:hover 
{
    background-color: #FFECE6;
	box-shadow: 10px 10px 15px #888888
}
.rmenu ul 
{
    list-style-type: none;
    margin: 0;
    padding: 0;
	align-self: center;
}
.rmenu li 
{
    padding: 8px;
    margin-bottom: 20px;
    background-color: #ffffff;
    color: blue;
	font-size: .8em;
	text-align: center;
	border-color:blue;
	border-width: 2px;
	border-style: solid;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	display: block;
}
.rmenu li:hover 
{
    background-color: #FFECE6;
	box-shadow: 10px 10px 15px #888888;
}
body
{
	background-color: #F5D1C4;
	display: block;
}
.col-3
{
	align-self: center;
}

.btn-group
{
	display: block;
	position: relative;
}
img#drawing
{
	border-color: blue;
	border-width: 4px;
	border-style: solid;
	box-shadow:30px 30px 30px #888888;
}

.imgsdiv
{
	padding: 15px;
	margin: 0 auto;
}
img#article1
{
	border-color:blue;
	border-width:4px;
	border-style: solid;
	border-right: none;
	float:left;
	box-shadow:30px 30px 30px #888888;
}
img#article1a
{
	border-color:blue;
	border-width:4px;
	border-style: solid;
	float:left;
	box-shadow:30px 30px 30px #888888;
}
img#article2
{
	border-color:blue;
	border-width:4px;
	border-style: solid;
	border-left-width: 2px;
	border-left-color: blue;
	border-left-style: dashed;
	float: right;
	box-shadow:10px 30px 30px #888888;
}
.buttonA
{
	display: block;
	background-color:#D4DAFF;
	border-color:blue;
	border-width:2px;
	border-style:solid;
	color:blue;
	padding:2px 4px;
	text-align:center;
	text-decoration:none;
	font-size: 1em;
	font-weight:bold;
	width: 91.5%;
	margin: auto;
	margin-bottom: 5px;
	cursor:pointer;
}
.buttonUA
{
	display: block;
	background-color: #F5D1C4;		/*#D4DAFF;*/			/*C1F7EB;*/
	border-color:blue;			/*#02752B;*/
	border-width:2px;
	border-style:solid;
	color: blue;
	padding:2px 4px;
	text-align:center;
	text-decoration:none;
	font-size: 1em;
	font-weight:bold;
	width: 91.5%;
	margin: auto;
	margin-bottom: 5px;
	cursor:pointer;
}
.dropdown-content
{
	display:none;
	border-color: blue;
	border-style:solid;
	border-width: 1px;
	position:relative;
	background-color:#F5D1C4;
	color: blue;
	padding:5px 2px;
	margin: auto;
	width: 91.5%;
	box-shadow:10px 10px 10px #888888;
}
.dropdown-contentUA
{
	display:none;
	border-color: blue;
	border-style:solid;
	border-width: 1px;
	position:relative;
	color: blue;
	padding:5px 2px;
	margin: auto;
	box-shadow:10px 10px 10px #888888;
	width: 91.5%;
	background-color:#D4DAFF;
}
.btn-group #fennerb:hover #fennerdc.dropdown-content
{
	display: block;
}

.dropdown
{
	display: block;
	position: relative;
	width: 91.5%;
	float: right;
}
.dropdownUA
{
	display: block;
	position: relative;
	width: 91.5%;
	float: right;
}

.dropdown-content a  
{ 
	border-color: blue;
	border-style:solid;
	border-width: 1px;
	color:blue;
	padding:3px 10px;
	text-decoration:none;
	display: block;
}
.dropbtn:hover 
{
	color: blue;
	display:block;
}

.dropdown-content a:hover
{
	background-color: #f1f1f1;
}

.dropdown-contentUA a  
{
	border-color: blue;
	border-style:solid;
	border-width: 1px;
	color:blue;
	background-color:#D4DAFF;
	padding:3px 10px;
	text-decoration:none;
	display: block;
}
.dropdown-contentUA a:hover
{
	background-color: #f1f1f1;
}
#uldown
{
	margin-top: 80px; 
	position: relative;
}
#uldown2
{
	margin-top: 70px; 
	position: relative;
}
#uldown3
{
	margin-top: 120px;
	position: relative;
}
#uldown4
{
	margin-top: 10px; 
	position: relative;
}
#uldown4
{
	margin-top: 10px; 
	position: relative;
}
#uldownr
{
	margin-top: 80px; 
	position: relative;
}
#uldownr2
{
	margin-top: 70px; 
	position: relative;
}
#uldownr3
{
	margin-top: 120px;
	position: relative;
}
#uldownr4
{
	margin-top: 60px;
	position: relative;
}

#stones1
{
	border-color:blue;			/*#02752B;*/
	border-width:4px;
	border-style:solid;
	box-shadow:15px 15px 20px #888888;
}
#stones2
{
	border-color:blue;			/*#02752B;*/
	border-left-width:2px;
	border-right-width:2px;
	border-top-width:4px;
	border-bottom-width:4px;
	border-left-style:dashed;
	border-right-style:dashed;
	border-top-style:solid;
	border-bottom-style:solid;
	box-shadow:5px 20px 20px #888888;
}
#stones3
{
	border-color:blue;			/*#02752B;*/
	border-width:4px;
	border-style:solid;
	box-shadow:15px 15px 20px #888888;
}
#stones_imgs {
    width: 100%;
    display: -webkit-flex; /* Safari */
    -webkit-align-items: flex-start; /* Safari 7.0+ */
    display: flex;
    align-items: flex-start;
}

#stones_imgs div {
   -webkit-flex: 1; /* Safari 6.1+ */
   flex: 1;
}

#croxdale_imgs div
{
	-webkit-flex: 1;
	flex: 1;
}
#croxdale_imgs 
{
    width: 100%;
    display: -webkit-flex; /* Safari */
    -webkit-align-items: flex-start; /* Safari 7.0+ */
    display: flex;
    align-items: flex-start;
}
#croxdale1
{
	border-color:blue;	
	border-width: 4px;	/*#02752B;*/
	border-left-width: 4px;
	border-style:solid;
	box-shadow: 10px 15px 20px #888888;
}
#croxdale2
{
	display: inline-block;
	border-color:blue;			/*#02752B;*/
	border-width:4px;
	border-style:solid;
	margin: auto 0;
	box-shadow:15px 15px 20px #888888;
}
#intro
{
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
	text-align: justify;
	
}