body {font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; font-size: 1.2em}

h1,h2 {font-family: Didot,"Bodoni MT", "Century Schoolbook", "Niagara Solid", Utopia, Georgia, Times, "Times New Roman", serif; font-weight: normal}
h1 {margin: 0 0.25em 0.25em 0; padding: 0; font-size: 200%; clear: right}
h2 {font-size: 150%}
ol,ul {padding:0; list-style-position:inside}
li {margin-left: 2em}


#header {text-align:right}
#header, #logo {margin:0 1em 0 0; padding:0}

#logo, #logo a, #logo a:link, #logo a:visited, #logo a:hover {font-size: 1.5em; color: #AA2828; text-decoration: none; font-weight:bold; margin:0, padding: 0}
#logo {float: left}

#logo, #nav {display: inline-block}
#nav .navlinks {padding: 0; margin: 1em 0}
#nav .navlinks li {list-style-type:none; margin:0.5em; display: inline}
#nav p {margin:0.5em}
.navblock {margin: 0.5em auto 0.25em auto; text-align:center}
.navlinks {font-size: 0.8rem}

#wrapper {clear: both}
#breadcrumb, #subpages {margin:0.5em}
#leader {clear:both; text-align:right; float: left; margin: 1em; width:50%; max-width: 336px; min-width: 125px}

.incontent {float:left; padding: 0.5em 1em 1em 0.5em}
.related {padding: 0; margin:0}
.related ul, #subpages ul {display:inline; margin: 0; padding: 0}
#subpages ul li {display:inline; margin:0;padding:0}
.related ul li {display:inline; margin: 0 0.5em 0 0.5em;padding:0}

#subpages ul {margin: 0 auto 0 auto; padding: 2px}

.ssheet {border-collapse: collapse; border: 1px solid; background-color:white}
.ssheet td {border: solid black 1px; padding: 0.2em}
.scols,.srows {background-color: #ccc; text-align:center}

textarea {width: 75%}

#footer_first {text-align:center; margin: 0.25em auto 0.25em auto}
#footer_first {}
#nav2 {float:left; padding: 1em 0 1em 0.5em}

#footer {clear:both; text-align: center}

.date {font-size: small; margin: 0.5em}
.copy {margin: 1em 0 1em 0}

@media screen {
#outer {max-width: 55em; margin: 0 auto 0 auto;}
#content {clear:none; margin: 1em; min-width: 10em}
body {color: black; background-color: white; line-height: 1.4; margin: 0; padding: 0 1em 1em 1em; } /*background-image: url("paper.jpeg"); background-repeat: repeat;*/
#content a {box-shadow: 0.1em 0.1em 0.2em #88a}
a:link {color: #00f;}
a:visited {color: #808;}
a:hover, #content a:hover {background-color: #f80; color: #000}
a img, a:hover img {border: none}
}

@media print {
body {margin: 0px; padding: 0px; color: #000;}
#nav {display:none}
#subpages {display:none}
#searchbox, .makespace,#footer_first, #nav2, .statcounter, .addthis_floating_style, .incontent, #leader, #footer ins {display:none}
a {color:black;}
}

@media only screen and (max-width: 300px) {
	#footer_first {float:none}
}

@media only screen and (max-device-width: 300px) {
	#footer_first {float:none}
}


.responsive-leaderboad { width: 320px; height: 50px; }
@media(min-width: 470px) { .responsive-leaderboad { width: 468px; height: 60px; } }
@media(min-width: 730px) { .responsive-leaderboad { width: 728px; height: 90px; } }
@media(min-width: 1000px) { .responsive-leaderboad { width: 970px; height: 90px; } }

.responsive-rectangle { width: 200px; height: 200px; }
@media(min-width: 400px) { .responsive-rectangle { width: 300px; height: 250px; } }
@media(min-width: 600px) { .responsive-rectangle { width: 336px; height: 280px; } }