/* BASIC ELEMENTS ***********************************************************************************/
html {min-height:100%; overflow-y:scroll}
body {height:100%; margin:0}
body {font-family:Arial, Helvetica, sans-serif; font-size:62.5%; line-height:1.3}
p {margin-top:0; margin-bottom:1em; font-size:1.6em}
h1 {margin-top:0; margin-bottom:1em; font-size:2.4em}
h2 {margin-top:0; margin-bottom:1em; font-size:1.8em}
ul {padding-left:1.6em}
li {font-size:1.6em; margin-bottom:0.5em}
a {color:#2f4d38}
a:hover {text-decoration:none}

/* COMMON FORMATS ***********************************************************************************/
.bookmarks {margin:0 0 1em 1em; font-size:1.4em; line-height:1.7}

/* TEMPLATE ***********************************************************************************/
.width {padding:0 10%}

#banner {height:10em; background-color:#8fba9c; padding-top:1em}
#title1 {font-size:2.4em; margin-bottom:0}
#title2 {margin-bottom:0}

div.stripe {height:4em; line-height:4em; background-color:#cee0d3; border-top:1px black solid; border-bottom:1px black solid}
div.stripe a {display:inline-block; padding:0 0.5em; color:black; text-decoration:none}
div.stripe a:hover {background-color:#8fba9c}
ul.horizontal {margin:0; padding:0; white-space:nowrap}
ul.horizontal li {list-style-type:none; display:inline}

#middle {width:80%; padding-top:3em; padding-bottom:2em; background-color:#ffffff; overflow:hidden}
#content {float:left; width:65%}

#sidebar {float:right; width:25%; padding-top:1.5em}
#sidebar ul {margin-left:0}
#sidebar li {display:block; list-style-type:none; margin:0.3em 0; background-color:#8fba9c; border-radius:0.5em}
#sidebar a {display:block; padding:0.3em 0 0.3em 1em; text-decoration:none; color:#000000; border-radius:0.5em}
#sidebar a:hover {background-color:#e0cb29}

#bottomstripe {margin-top:2em; text-align:center}
#bottomstripe a {font-size:1.6em}
#bottom {padding-top:2em; padding-bottom:3em; font-size:1.2em}

/* FRONT PAGE ***********************************************************************************/
#xcontainer {position:relative; margin:0 auto 0 auto; padding-bottom:1px; width:720px; text-align:left}
#xheader {position:relative; height:45px; margin:20px 0 50px 0; padding:5px; color:#ffffcc; border-bottom:1px #ffffcc solid}
#xname {width:500px; float:left; color:#ffffcc; font-size:1.6em}
#xmenu {width:200px; float:right; text-align:right}
#xmenu ul {margin:0; padding:0; white-space:nowrap}
#xmenu li {list-style-type:none; display:inline}
#xmenu li a {color:white; text-decoration:none; padding:10px; border:1px black solid}
#xmenu li a:hover {border:1px #ffffcc solid}

#dashboard {color:white; font-size:smaller}
#dashboard img {border:none}
#dashboard a {color:white; text-decoration:none; border:1px black solid}
#dashboard a:hover {border:1px #ffffcc solid}
.row {position:relative; text-align:center}
.block {display:inline-block; width:200px; padding:5px; margin:5px; font-size:1.6em}

/* TRIBUTE ***********************************************************************************/
#tribute {margin-top:5em; color:#ffffcc; text-align:center}
#tribute a {color:#ffffcc; text-decoration:none; border:0}
#tribute a:hover {color:white; border:0}

.poem {margin-left:3em}
.author {text-align:left; font-style:italic}

/* NEW FRONT PAGE ***********************************************************************************/
.circle {border:10px red solid; border-radius:55px}


/* MEDIA QUERIES ***********************************************************************************/
@media print {
html {padding-bottom:0}
#banner {display:none}
#topstripe {display:none}
#sidebar {display:none}
#bottomstripe {display:none}
#content {width:100%; float:none}
.bookmarks {display:none}
}