/*##########################################################*/

/* All media and layout */

/* Color Theme - New DAV 2014 */

/* Short list DAV colors Gunmetal Grey #5d5c5a rgb = 93, 92, 90 Nightvision Green #bed12b rgb = 190, 209, 43 Tan #aa985e rgb = 170, 152, 94 Olive Green #2d430c rgb = 45, 67, 12 Blue #005d7d rgb = 0, 93, 125 US Flag colors - Official Old Glory Red #b22234 white #ffffff old glory blue #3c3b6e */

#header { padding:10px 20px; background:#000; color:#fff; }

#main { width: 960px; margin: auto; }

img.lt {float: left; padding: 4px; }

img.rt {float: right; padding: 4px; }

img.cl { clear: both; margin:auto; }

/*#footer { clear:left; padding:10px 20px; }

*/

/* nav { height: 100px; background: #f0f0f0; }

*/

#toe { position:fixed; bottom:0; right:0; padding: 25px; }

#toe a { color: #000; }

#toemenu {display: none; }

#toemenu img { width: 25px; padding: 0 5px; }

#toe:hover #toemenu { border: 2px solid black; display: block; width: 200px; height:150px; background-color:#ccc; /* background-color:#bed12b; */ font-size:75%; color:#000; text-decoration:none; }

#toe:hover #linklist { display: none; }

#toe:active #toemenu { border: 2px solid black; display: block; width: 200px; height:150px; background-color:#ccc; /* background-color:#bed12b; */ font-size:75%; color:#000; text-decoration:none; }

#toe:active #linklist { display: none; }

#tie { padding: 2px 5px; /* border-top: 2px solid black; */

text-align:center; }

/* #tiemenu {display: none; }

*/

#tiemenu img { width: 25px; padding: 0 5px; }

.rc { text-align:right; }

.cl { text-align: center;}

.links ul li { /* list-style-type: square; */

padding-top: 3px; }

.imgrt { float: right; }

.hide { display: none; }

/* Layout - by screen size */

@media screen { /* all screens */

* { margin:0; padding:0; border:0; }

/* body { width:100%; background:linear-gradient(to right, rgba(255,255,0,0), rgba(170,152,94,1)), url(http://davtacoma.org/gfx/seal-tr-lg.png) center center no-repeat; }

*/

body { width:100%; background:#fff, url(http://davtacoma.org/gfx/seal-tr-lg.png) center center no-repeat; }

/* wall to wall with gradient */

header, nav, section, article, aside, footer { display: block; width:100%; }

/* by name */

#header, #nav, #main, #footer { display: block; width:100%; }

/* by ID */

.header, .nav, .main, .section, .article, .asside, .footer { display: block; width:100%; }

/* by class */

h1, h2, h3, h4, h5, h6 { font-family: Times, "Times New Roman", Cambria, "Liberation Serif", serif; text-align: center; text-decoration: none; color:black;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-align: center; text-decoration: none; color:black; }

/* headlines different from text */

p { font-family: Arial, "Liberation Sans", Calibri, sans-serif; padding-top: 3px; }

/* text readable */

#crown { height:30px; border-bottom: 3px solid #c0c0c0; vertical-align:middle; }

#crown img { width: 40px; vertical-align: middle; }

header a, header a:hover, header a:visited, header a:active { color: black; text-decoration:none; }

header h1 { font-size: 25px; }

header h2 { font-size: 18px; }

header h3 { font-size: 15px; }

#dav-brand { float:left; width:300px; padding:10px; }

#dav-seal { float:right; width: 150px; padding:10px; }

#chin { clear:both; width:100%; }

#littleseal { float: right; width:75px; height:75px; margin:15px; }

/* footer { border: 2px 0 solid black; width: 100%; }

*/

footer p { font-size: 70%; line-height: 120%; }

footer img { max-width: 10%; height: auto; }

#copyright { clear:both; background:#eee; width: 100%; padding:5px; border-top:4px solid #2d430c; border-bottom:4px solid #2d430c; text-align:center; font-size: .6em; line-height: 1em; text-decoration: none; color: #343229; }

}

/* BIG SCREENS - Over 960px */

@media screen and (min-width: 960px) { /* large -3 column - more text padding and gfx limits */

header, nav, #nav, #main, footer, #footer { width: 960px; margin: auto; }

/* #centeredmenu { display: none; }

*/

p { font-size:100%; line-height: 125%; text-indent: 25px; padding:4px 2px 4px 2px; }

}

/* MEDIUM LARGE SCREENS */

@media screen and (min-width: 600px) and (max-width: 960px) { /* medium - 2 column - more text padding and gfx limits */

header, nav, #nav, #main, footer, #footer { width: 100%; margin: auto; }

p { font-size:125% line-height: 200%; padding-top: 3px; }

header h1 { font-size: 20px; }

header h2 { font-size: 18px; }

header h3 { font-size: 15px; }

#dav-brand { float:left; width:200px; padding:10px; }

#dav-seal { float:right; width: 100px; padding:10px; }

/* #centeredmenu { display: none; }

*/

}

/* MEDIUM SMALL SCREENS - 400px to 600px */

@media screen and (min-width: 400px) and (max-width: 600px) { /* medium - 2 column - more text padding and gfx limits */

header, nav, #nav, #main, footer, #footer { width: 100%; margin: auto; }

header h1 { font-size: 18px; }

header h2 { font-size: 15px; }

header h3 { font-size: 12px; }

#dav-brand { margin:auto; width:300px; padding:10px; }

#dav-seal { display:none; }

p { font-size:150% line-height: 220%; padding-top: 5px; }


/* SMALL SCREENS - Less than 400px*/

@media screen and (max-width: 400px) { /* small - 1 column - more text padding and gfx limits */

header, nav, #nav, #main, footer, #footer { width: 100%; margin: auto; }

header h1 { font-size: 15px; }

header h2 { font-size: 12px; }

header h3 { font-size: 10px; }

#dav-brand { margin:auto; width:300px; padding:10px; }

#dav-seal { display:none; }

p { font-size:140% line-height: 200%; padding-top: 7px; }

}

@media print { header, nav, section, article, aside, footer { width: 100%; }

body { margin:0%; padding:0; border:0; width:100%; }

header h1 { font-size: 28px; text-align: center; text-decoration: none; }

nav { display: none; }

.centeredmenu { display: none; }

#toe { display: none; }

#tie { display: none; }

#noprint { display: none; }

footer { border: 2px 0 solid black; font-size: 0.7em; line-height: 1.2em; }

footer img { max-width: 10%; height: auto; }

h1, h2, h3, h4, h5, h6 { font-family: Arial, "Liberation Sans", Calibri, sans-serif; text-align:center; }

p { margin: 1em; font-family: Times, "Times New Roman", Cambria, "Liberation Serif", serif; line-height: normal; }

header h1 { font-size: 25px; }

header h2 { font-size: 18px; }

header h3 { font-size: 15px; }

#dav-brand { float:left; width:300px; padding:10px; }

#dav-seal { position:fixed; bottom:0; right:0; padding: 25px; width: 75px;}

}

/* All media and layout */