/* CSS Document */

@charset "utf-8";
body { margin:0; padding:0; background-color:#999; font-family:Georgia,Calibri,Helvetica; }
div { float:none; clear:none; }
#container { display:block; background-color:#002060 }
header {border-top:6px solid white; border-bottom:6px solid white; background-color:#00B0F0;
  display:inline-block; width:98.7%; padding-left:1.3%;}
header section {color:#FFF; float:left; padding:1px 0 8px 0;}
header h1 {margin:0; font-weight:normal;}
header h2 {margin:0; font-weight:normal; font-size:1.2em; color:#008;}
header h3 {margin:0; font-weight:normal;}
nav {float:right; margin:8px; display:block;}
 nav a {color:#000; float:left; display:table-cell; padding:0 8px;} /*width:85px;*/
main {background-color:#FFF; display:inline-block; padding:.1% 1% 2% 1.3%; width:97.7%;}
main section { float:left; margin-right:1%;}
table {border-collapse:collapse; border-spacing:0;}
main a, main a:visited {color:#00B0F0; text-decoration:none;}
main a:hover {color:#00F;}
footer { padding:4px 10px 8px 10px;font-size:.7em;}
  footer a {color:#FFF; text-decoration:none;}
  footer a img {vertical-align:top; float:left; margin-right:8px;}
h1 { font-size:2.5em; }
h2 { font-size:2em; } main h2 {color:darkred;}
h3 { font-size:1.5em; }
figure { margin:5px 2px; display:inline-table;}
figcaption {margin:-22px 2px 0 12px; background-color:#DDD; padding:2px 0; text-align:center;
  position:relative; height:2.4em; font-size:0.8em; line-height:1.2em; display:table; width:90%;}
figcaption span {vertical-align:middle; display:table-cell;}
fieldset { padding:8px 0 16px 12px; margin:0; }
figure a {text-decoration:none;}
legend { font-weight:bold; font-size:14px; padding:0 0 8px 2px; }
small { font-size:10px; }
input, select { margin-bottom:4px; font-size:14px; width:230px; overflow:hidden; }
       select {width:auto;}

#pagedates {text-align:right; color:#FFF; font-size:14px; width:98%; padding:1px 0 4px 0;}
#social { width:97%; display:block; text-align:right; padding-top:5px; padding-left:1.3%;}
#social a { margin:3px;}
#sfreeman {float:left; color:#FFF; margin:2px 0; font-weight:unset;}

.hangingindent { display:block; margin-left:1em; text-indent:-1em; }
.sitemap tr td {border-bottom:1px dotted #CCC;} table.sitemap {margin:15px 0; width:99%;}
.glows { border:1px solid gray; -webkit-transition:box-shadow 0.5s ease; -moz-transition:box-shadow 0.5s ease; -o-transition:box-shadow 0.5s ease; -ms-transition:box-shadow 0.5s ease; transition:box-shadow 0.5s ease;}
.glows:hover { border:1px solid gray; -webkit-box-shadow:0px 0px 7px rgba(50,50,50,1); box-shadow: 0px 0px 7px rgba(50,50,50,1);}
.duoline {border-top:1px solid #006; border-bottom:1px solid #006; padding:4px 15px; display:inline-block; width:92%;}
.border td { padding:3px; border:1px solid black; margin:0;}
a.border {padding:6px 15px; border:1px solid black; margin:3px; text-decoration:none; display:inline-block;}
.f1 label { width:160px; float:left; text-align:right; clear:none; font-size:14px; margin-top:2px; }
.f1 label.no { width:auto; float:none; clear:none; font-size:14px; }
input.no, select.no { margin:0; width:auto; }


/* 320,480,360,640,768,800,980 */
@media screen and (max-width:350px){ /* design for smallest width */ 
}

@media screen and (max-width:500px){
}

@media screen and (max-width:720px){
}

@media screen and (min-width:721px){ /* min-width +1 after largest max-width */
}