body	   {background-color: #f6d8b4; font-family: frutiger, helvetica, arial, sans-serif; font-size: smaller; margin: 0}
h1		   {font-size: 200%; line-height: 150%}
h2         {font-size: 150%; display: block; line-height: 110%}
h3         {font-size: 130%; line-height: 120%; padding-bottom: 4px}
h4         {font-size: 125%; line-height: 120%}
h5         {font-size: 110%; line-height: 125%}
p          {font-size: 100%; line-height: 130%}

#container {line-height: 100%; margin: 0 auto; text-align: left; width:900px; padding: 0px; visibility: visible; min-height: 566px; 
			background-image: url(images/kjv-middle-back_fade.jpg); background-repeat: no-repeat; background-color: white;}
#content   {width:700px; margin: 0 auto;}

#introimage {position: absolute; width: 900px; height: 566px; top: 387px; margin: 0 auto; display: block}

#footer {min-width: 900px; height: 126px; margin: 0 auto; background-image:url(images/kjv-footer.jpg); background-position:center; background-repeat:no-repeat; background-color: #300601;text-align: center; margin-top: -13px}
#footercontent {width:900px; margin: 0 auto}
#headerimg {min-width: 900px; background-color: #000000; margin: 0 auto; text-align: center;}
#nav       {min-width: 900px; background-image: url(images/kjv-nav.jpg); background-position:center; background-repeat: no-repeat; background-color: #300601; margin: 0 auto; text-align: center; height: 50px; color: #f6d8b4; font-size: 140%; margin-bottom: 0px; padding-top: 15px;}
#nav a {color: #f6d8b4}

.speakertitles  {font-family: Georgia, "Times New Roman", Times, serif; padding-top: 5px;}
#reason    {color: #300601; margin: 0 auto; font-size: 140%; text-align: center; font-family: Georgia, "Times New Roman", Times, serif}
#registrationcopy {color:#300601; font-size: 120%; text-align:center; font-family: Georgia, "Times New Roman", Times, serif;}
#regformcopy {color:#300601; font-size: 120%; font-family: Georgia, "Times New Roman", Times, serif;}

.iconlinks {font-family: Cantarell, Gotham, Avenir, Arial, Helvetica, sans-serif;}
a.iconlinks:link {color: #898785; text-decoration: none;}
a.iconlinks:visited {color: #898785; text-decoration: none;}
a.iconlinks:hover {color: tan; text-decoration: none;}
a.iconlinks:active {color: #898785; text-decoration: none;}

.name	   {font-size: 135%; font-weight: 500; letter-spacing: 2.5px; color: #300601}
a.name:link {color: #300601; text-decoration: none;}
a.name:visited {color: #300601; text-decoration: none;}
a.name:hover {color: tan; text-decoration: none;}
a.name:active {color: #300601; text-decoration: none;}

.regular {color: #495b35; font-family: Georgia, "Times New Roman", Times, serif}
h1.regular {text-align: center}
a.regular:link {color: #495b35; text-decoration: none;}
a.regular:visited {color: #495b35; text-decoration: none;}
a.regular:hover {color: tan; text-decoration: none;}
a.regular:active {color: #495b35; text-decoration: none;}
ul.regular {list-style-type: none; font-size: 125%; line-height: 130%; color: black;}
ol.regular { font-size: 125%; line-height: 130%; color: black}

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} 

@media only screen and (max-width: 768px) { 
#introimage, #headerimg, #headerimg img, #nav, #footer, table, #content, #footercontent, #container {width: 480px; min-width: 480px;}     
#headerimg, #nav {background-size: cover;}
#nav {height: 60px; font-size: 120%; margin-top: 0; background-size: 70%; padding-top: 10px; }   
    #footer {height: 300px;}  
}