body {background-color: gray;}

.col_middle {float: left; width: 40%; height:100%; background-color:white; }
.content {float: left; width: 80%; height:100%; margin-left: 10%; margin-right: 10%;   color:black; font-size: 15pt; background-color:white;}
.left_content{width:24%; margin-left:0%; margin-right: 0% ; color:white; font-size: 15pt; float:left;}
.col_left { width: 24%; height: 100%; float: left; padding: 3% 3% 3% 3%;}
.col_right {width: 24%; height: 100%; float:right; padding: 3% 3% 3% 3%;}
.bottom_box {position:absolute; top: 65%;font-size: 15pt;}
.top_box {position:absolute; top: 15%;font-size: 15pt;}

figcaption {color:white; text-align:center;}
.wide_pic {width:100%; margin-left:0px;  }
.right_pic2 {width:48%; float: right; margin-right: 4%;}
.right_pic3 {width:45%; float: right; margin-left: 4%;}
.pic_48 {width:48%;}
.pic_52 {width:52%;}
.img22 {display:block; max-width: 95%; max-height: 95%; height:auto; width:auto; padding:1%; margin-left:auto; margin-right: auto; }
.cent_pic {width:48%; float: left; margin-left: 23%;}
.show_gallery {float:left; width:99%; padding: 0%; margin-left:auto; marging-right:auto; }


a:link {color: #29006B; text-decoration:none; font-family: "verdana", "arial"; font-size: 12pt; }
a:active {color: #29006B; text-decoration:none; font-family: "verdana", "arial"; font-size: 12pt;  }
a:visited {color: #29006B; text-decoration:none; font-family: "verdana", "arial"; font-size: 12pt;  }
a:hover {color:silver; text-decoration:none; font-family: "verdana", "arial"; font-size: 12pt; font-weight: bold;}

a.silver:link {color:white; line-height:80%; }
a.silver:active {color:white; line-height:80%; }
a.silver:visited {color:white; line-height:80%; }
a.silver:hover {color:black; line-height:80%; }