body { margin:auto; padding:0; width:1000px; max-width:100%; font-family:Arial, Helvetica, san serif; background: url('http://crestwoodclassof71.com/classbg.png') repeat; }
.main { width:1000px; max-width:100%; font-family:Arial, Helvetica, san serif; margin:auto;  position: relative; top: 10px; background-color: #fff; color:#red; }
.srname { font-family:Arial,Helvetica,san serif; text-align:center; color:#031aab; padding-bottom:11px; }
.logorow { width: 1000px; max-width: 1000px; margin: 0 auto; position: relative; display: inline-block; text-align: center; }
.img { width: 1000px; max-width:100%; }
.row1 { width: 1000px; text-align: center; margin: 0 auto; padding-bottom: 0; position: relative; display: inline-block; }
.row1txt { width: 800px; text-align:left; margin: 0 auto; padding-bottom: 0; position: relative; }
.row1txt2 { width: 700px; text-align:left; margin: 0 auto; padding-bottom: 0; position: relative; }
.inmem { width: 600px; text-align:left; margin: 0 auto; padding-bottom: 0; position: relative; left:50px; }
.srpixes { width: 700px; text-align:center; margin: 0 auto; padding-bottom: 0; position: relative; left:50px; }
.row1cola { width: 20%; float;left; text-align:left; position:relative; padding-left:4px; display: inline-block; vertical-align: top; }
.row1colb { width: 20%; float;left; text-align:left; position:relative; padding-left:4px; display: inline-block; vertical-align: top; }
.row1colc { width: 20%; float;left; text-align:left; position:relative; padding-left:4px; display: inline-block; vertical-align: top; }
.row1cold { width: 20%; float;left; text-align:left; position:relative; padding-left:4px; display: inline-block; vertical-align: top; }
.row1colaa { width: 20%; float;left; text-align:center; position:relative; padding-left:4px; display: inline-block; vertical-align: top; }
.row1colbb { width: 20%; float;left; text-align:center; position:relative; padding-left:4px; display: inline-block; vertical-align: top; }
.row1colcc { width: 20%; float;left; text-align:center; position:relative; padding-left:4px; display: inline-block; vertical-align: top; }
.row1coldd { width: 20%; float;left; text-align:center; position:relative; padding-left:4px; display: inline-block; vertical-align: top; }
.tabrow1 { width: 95%; float;left; height: 25px; text-align:center; position:relative; display: inline-block; vertical-align: top; }
.tabrow2 { width: 95%; float;left; height: 20px; text-align:center; position:relative; display: inline-block; vertical-align: top; }

.clearfix{
clear:both;
}

.srpix { column-count: 4; column-gap: 10px; }
.galmain { width:700px; position:relative; text-align:center; }
.galimg { width:100%; }
.galtxt { text-align:left; font-size:14px; }

.pixsr { position:relative; float:left; width:175px; height:298px; }
.pixname { font-family:Arial,Helvetica,san serif; text-align:center; color:#031aab; }
#az {
font-size: 12px;
font-family: Arial, Helvetica, san-serif;
text-align:center;
}
#azlinks a {
font-size: 16px;
font-family: Arial, Helvetica, san-serif;
font-weight:bold;
color: #315a7f;
text-decoration: underline;
}
#azlinks a:visited {
color: #315a7f;
text-decoration: underline;
}
#azlinks a:hover {
color: #d61842;
text-decoration: none;
}
#azlinks a:active {
color: #d61842;
text-decoration: none;
}

/* nav */
.navbox { position: absolute; top: 0px; right: 20px; text-align: right; width: 130px; font-size: 12px; padding-right: 3px; background-color:#63f;  }
.navboxm { display:none; }
.mimg { display:none; }
.dimg { display:block; }
.pgttl { text-align:left; font-family:Palatino, serif; font-size:24px; font-weight:bold; color:#be9e3f; }
.subttl { text-align:left; font-family:Arial, Helvetica, san serif; font-weight:bold; color:#5f75fc; font-size:18px; }
.subsubttl { text-align:left; font-family:Arial, Helvetica, san serif; font-weight:bold; color:#5f75fc; font-size:12px; }
#links a {
font-size: 11px;
font-family: Trebuchet MS, Arial, Helvetica, san-serif;
font-weight: bold;
color: #5b5b5b;
text-decoration: none;
line-height: 185%;
}
#links a:visited {
color: #5b5b5b;
text-decoration: none;
}
#links a:hover {
color: #c50024;
text-decoration: none;
}
#links a:active {
color: #c50024;
text-decoration: none;
}
#tlinks a {
font-family: Arial, Helvetica, san-serif;
font-weight: bold;
color: #be9e3f;
text-decoration: none;
}
#tlinks a:visited {
color: #be9e3f
text-decoration: none;
}
#tlinks a:hover {
color: #5f75fc;
text-decoration: none;
}
#tlinks a:active {
color: #5f75fc;
text-decoration: none;
}
.col4 { column-count:3; column-gap:13px; text-align:left; }
.tabsec { width:100%; margin: 0 auto; padding-bottom: 0; position: relative; float:left; }
.spacer { width:100%; min-height:2em; margin: 0 auto; padding-bottom: 0; position: relative; float:left; }



@media only screen and ( max-width:600px){
img{max-width:100%; height:auto;} 
body { margin:auto; padding:0; max-width:100%; font-family:Arial, Helvetica, san serif; background: url('http://crestwoodclassof71.com/classbg.png') repeat; }
.main { max-width:100%; font-family:Arial, Helvetica, san serif; margin:auto;  position: relative; top: 10px; }
.logorow { max-width: 100%; height:auto; margin: 0 auto; text-align: right; }
.img { max-width:100%; text-align:right; margin-right:5px; }
.row1 { position:relative; left:13px; width:80%; text-align:left; margin:0 auto; padding-bottom: 0; }
.row1txt { position:relative; left:13px; width:80%; text-align:left; margin:0 auto; padding-bottom: 0; }
.row1txt2 { position:relative; left:13px; text-align:left; margin:0 auto; padding-bottom: 0; }
.inmem { position:relative; left:13px; text-align:left; margin:0 auto; padding-bottom: 0; }
.srpixes { width:90%; text-align:center; margin:0 auto; padding-bottom: 0; }
.row1cola { margin-left:150px; width:80%; text-align:left; }
.row1colb { margin-left:150px; width:80%; text-align:left; }
.row1colc { margin-left:150px; width:80%; text-align:left; }
.row1cold { margin-left:150px; width:80%; text-align:left; }
.navbox { display:none; }
#panel, .navboxm { display:block; position: absolute; top: 0; left: 0; text-align: right; width: 130px; font-size: 12px; background:#63f; z-index:10; }
#panel { display: none; }
.dimg { display:none; }
.mimg { display:block; }
.ftrtxt { font-size: 1em; font-weight: bold; color: #63f; position: relative; bottom: 133px; z-index:1; }
.col4 { column-count:1; text-align:left; }
}
.galmain { width:95%; position:relative; text-align:center; }
.galimg { width:100%; }