/*MEYER RESET START*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
   display: block;
}
body {
   line-height: 1;
}
ol, ul {
   list-style: none;
}
blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: '';
   content: none;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}

/*MEYER RESET END*/


body {
   font-family:Questrial, sans-serif;
   background-color:#ffffff;
   padding:0;
   margin:0;
}

#logoimage {
   position: relative;
   margin:0 0 20px 0;
   border:none;
   padding:0px;
   z-index:0;
   width:100%;
   height:auto;
   font-weight:bold;
}

#logotext {
   position:absolute;
   z-index:10;
   top:50px;
   left:20px;
   font-family:Questrial;
   font-size:5em;
   color:#ffffff;
   line-height:0.8em;
}

@media screen and (max-width: 900px) {
#logotext {
   font-size:3.5em;
   top:20px;
   left:20px;  
}
}

@media screen and (max-width: 600px) {
#logotext {
   font-size:3em;
   top:10px;
   left:10px;
}
}

#copyright{
   position:relative;
   top:0;
   float:right;
   margin:0 20px 0 0;
   font-size:0.8em;
   color:#999999;
}

#copyright a {
   color: #999999;
   font-family:Questrial, sans-serif;
   text-decoration: none;
   text-transform: none;
}

#copyright a:hover {
   text-decoration: none;
   color: black;
}

#copyright a:active {
   text-decoration: none;
   color: black;
}

#copyright a:visited {
   text-decoration: none;
   color: #999999;
}
   
#content {
   max-width:1000px;
   font-size:1em;
   margin:20px;
}

#content h1 {
   font-size:2em;
   font-weight:bold;
   margin:0 0 1em 0;
   color:#777;
}

#content h2 {
   font-size:2em;
   font-weight:bold;
   margin:20px 0 0 0;
   padding:0;
   color:#777;
   clear:left;
}

#content p {
   margin:0 0 1em 0;
   line-height:1.5em;
}

#content a.menu:link a.menu:visited {
   font-family:Questrial, sans-serif;
   color: #ffffff;
   text-decoration: none;
}
   
#content a.menu:hover {
   text-decoration: none;
   color: forestgreen;
}

#content a.menu:active{
   text-decoration: none;
   color: #FFFFFF;
}

#content div.person {
padding-top:15px;
border-bottom:1px dotted #999999;
}

#content img {
   float:left;
   margin:0em 30px 1em 0;
   box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.5);
   border-radius:20px;
}

div.person h3 {
   font-family:Questrial, sans-serif;
   font-weight:bold;
   font-size:1.5em;
   color:#444444;
}

div.person img {
   margin-top:0px;
}

div.person a:link,
div.person a:visited {
   font-weight:bold;   
   border-bottom: 1px dotted #777;
   font-weight:bold;
   text-decoration:none;
   color:darkgreen;
}

div.person a:hover {
   color:red;
   border-bottom: 1px solid red;
   font-weight:bold;
}

#header {
   font-size:1.1em;
   font-weight:bold;
   font-family:Questrial, sans-serif;
}

#header a:link,
#header a:visited {
   font-weight:bold;   
   border-bottom: 1px dotted #777;
   font-weight:bold;
   text-decoration:none;
   color:darkgreen;
}

#header a:hover {
   color:red;
   border-bottom: 1px solid red;
   font-weight:bold;
}

#footer {
   max-width:1000px;
   margin-top:3em;
   padding:1em 1em 1em 0;
}

#footer p {
   border-top:1px solid #888;
   margin-top:2em;
   padding-top:1em;
   font-size:0.8em;
   color:#aaa;
   text-align:center;
}

ul#subjects {
   list-style-type:none;
   background-color:#999999;
   margin-left:0px;
   
}

ul#subjects li.subjectlink {
   display:inline-block;
   margin:5px 30px 5px 30px;
   font-size:1.5em;
   font-weight:bold;
   color: #ffffff;
}

@media screen and (max-width: 600px) {
ul#subjects li.subjectlink {
   font-size:1.2em;
   margin:5px 15px 5px 15px;
}
}

ul#subjects li.subjectlink a:link,
ul#subjects li.subjectlink a:visited {
   font-family:Questrial, sans-serif;
   color: #ffffff;
   text-decoration: none;
   }

ul#subjects li.subjectlink a:hover {
   color:darkgreen;
   }