body {font-family:helvetica,arial;background-color:#9AADB0;}

@media screen and (min-width: 601px) {
#famfilter {position:relative;display:block;float:left;margin:20px 10px;font-size:1em;width:99%;}
.grp {position:relative;display:block;float:left;min-width:10%;padding:3px;cursor:pointer;text-align:center;color:white;font-size:18px;margin:0 10px;}
.grp:hover {color:blue;background:white;border-radius:12px;}
#signin {text-decoration:none;color:white;}
#signin:hover {color:blue;background:white;border-radius:12px;}
.filternm {position:relative;display:inline;min-width:80%;margin:0 10px 3px 0;}
.filtercount {position:relative;display:inline;min-width:19%;}
.row {position:relative;display:block;float:left;clear:both;padding:5px;font-family:helvetica,arial;width:99%;height:101%;min-height:900px;}
.column {position:relative;display:block;float:left;max-width:24%;padding:0 5px;margin:0 0 40px 0;}
.pics {margin-top:8px;vertical-align:middle;width:100%;border:solid 3px white;}
.caption {position:relative;display:none;width:98%;padding:6px;text-align:center;background:white;z-index:1;}
.pics:hover ~ .caption {display:block;top:-2%;}
#prompts {position:relative;display:block;float:left;width:99%;text-align:center;margin:10px 0;}
#myprompt {position:relative;display:inline;cursor:pointer;height:20px;margin-left:10%;}
#tomenu {position:relative;display:inline;cursor:pointer;height:20px;text-decoration:none;color:black;}
/*#welcome {position:relative;display:block;float:left;text-align:center;width:99%;margin:20px 0;} for use in original filter */
#welcome {position:relative;display:block;float:left;text-align:center;margin:20px 0;}
#welcome img {border:solid 4px white;height:400px;}
/*---*/
#col1, #col2 {position:relative;display:block;float:left;width:17%;margin:20px 0 0 10px;}
.idxgrp, .idxadm {position:relative;display:block;float:left;clear:left;padding:3px;cursor:pointer;color:white;font-size:18px;margin:0 10px;}
.idxgrp:hover, .idxadm:hover {color:blue;background:white;border-radius:12px;}


#slideshow {position:relative;display:none;float:left;text-align:center;width:99%;margin:10px;height:600px;}

#showcase {position:relative;display:inline-block;float:left;width:49%;margin:0 auto;text-align:center;}
#showimg {position:relative;display:inline-block;border:solid 4px white;vertical-align:middle;max-height:480px;max-width:600px;}
#thesepics {display:none;}
#back, #fwd {position:relative;display:inline-block;float:left;width:25%;text-align:center;height:500px;top:150px;}
#back img, #fwd img {position:relative;display:inline-block;cursor:pointer;height:50px;}
.shcap {position:relative;display:none;clear:both;margin:10px 100px;text-align:center;color:white;font-size:18px;height:75px;}

} /* end min width 601 */

@media screen and (max-width: 600px) {
#famfilter {position:relative;display:block;float:left;margin:10px auto;text-align:center;}
.idxgrp {position:relative;display:block;float:left;padding:5px 3px;color:blue;background:white;border-radius:12px;margin:5px;cursor:pointer;}
.filternm {position:relative;display:inline;margin:3px 5px 3px 0;}
.filtercount {position:relative;display:inline;padding-right:2px;}
.idxadm {display:none;}
/*---*/
.row {position:relative;display:block;float:left;padding:0 4px;font-family:helvetica,arial;width:99%;margin:10px 0;}
.column {max-width:98%;margin:0 0 10px 0;}
.pics {max-width:100%;}
.caption {position:relative;display:block;max-width:99%;padding:4px 10px;margin:0 0 10px 0;text-align:center;background:white;}
#prompts {display:none;}
/*---*/
#welcome {position:relative;display:block;float:left;text-align:center;width:98%;margin:20px 0;}
#welcome img {position:relative;display:block;width:100%;border:solid 4px white;}
#slideshow {display:none;}
} /* end max width 600 */