@charset "UTF-8";
/* CSS Document */

body {font-family: Gill Sans, Futura, Helvetica, sans-serif; font-size: smaller; background: #2d0000; margin: 0; padding: 0; text-align: center;}
img	 {border: 3px solid #990000}


#container {width: 900px; margin: 0 auto; padding: 0; background-color: white}
#content   {width: 900px; margin: 0 auto; padding: 5; text-align: center} 
#footer    {background: url(images/footerimage.jpg); height: 110px; border-top: 5px solid #990000; text-align: center; font-size: 120%;}

#nav       {background: url(images/navbg.jpg); background-position:center; background-repeat: no-repeat; text-align: center; font-size: 150%; letter-spacing: 2px; font-weight: 200; color: white; margin-bottom: 20px}
#nav p     {padding: 5px}

#role	   {font-size: 95%; font-weight: 300; letter-spacing: 2px; color: #6d3535; text-transform: uppercase}
#name	   {font-size: 135%; font-weight: 500; letter-spacing: 2.5px; color: #990000; text-transform: uppercase}
#reason    {width: 800px; color: #54221f; margin: 0 auto; font-size: 125%; text-align: center; font-family: Georgia, "Times New Roman", Times, serif}
#reason2   {color: #54221f; margin: 0 auto; font-size: 125%; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; padding: 10px}
#schedule   {color: #54221f; font-size: 125%; font-family: Georgia, "Times New Roman", Times, serif; padding: 10px; line-height: 125%; text-align: left; list-style-type: none;}
.bodycopy    {width: 850px; color: #54221f; font-size: 125%; text-align: left; font-family: Georgia, "Times New Roman", Times, serif}
h3#schedule {margin-left: 20px}
ul#schedule {margin-left: 60px}
#schedule span {font-size: 130%; margin-left: 20px; line-height: 140%}

h2 {color: #54221f; font-family: Georgia, "Times New Roman", Times, serif;}

a:link	   {color: white; text-decoration: none}
a:visited  {color: white; text-decoration: none}
a:hover    {color: tan; text-decoration: none}
a:active   {color: white; text-decoration: none} 

 a:link.regular	   {color: #990000; text-decoration: none}
 a:visited.regular  {color: #990000; text-decoration: none}
 a:hover.regular    {color: tan; text-decoration: none}
 a:active.regular   {color: #990000; text-decoration: none} 

#reason a:link	   {color: #54221f; text-decoration: none}
#reason a:visited  {color: #54221f; text-decoration: none}
#reason a:hover    {color: tan; text-decoration: none}
#reason a:active   {color: #54221f; text-decoration: none} 

@media only screen and (max-width: 768px) {
img#headerimg, #footer, table, #content, #container, #reason, .bodycopy {width: 480px; min-width: 480px;}
table img, table td {width: 400px; display: block; clear: both;}
    
   
#nav {font-size: 120%; margin-top: 0; background-size: 100%; padding-top: 10px; width: 100%; height: 70px;}   
#footer {height: 100px; background-repeat: no-repeat; padding-top: 100px; background-size: contain; } 
img.footerimg {display: none;}    
}