/* Navigation classes */
#logonav    {position:absolute; width: 100%; max-width: 1150px; min-height:145px; overflow:hidden;
            background-color:rgba(255,255,255,.75); z-index: 100;}
#logonav ul { position:relative; float:left;  list-style-type:none; padding: 0px; margin: 30px 0px 20px 20px; }
#logonav li { display: inline; padding: 0px; margin: 0px 20px 0px 30px; }
#logonav img { position:relative; float:left; display:block; padding: 0px; margin: 5px 0px 0px 24px; }

a.nav 	   { color: #1e0c5c; font-weight: normal; text-decoration: none; font-size: 17px;
             font-family: Verdana, Arial, Helvetica, sans-serif; font-style:normal; }
a.nav:hover { color: #d32a5f; }

/* Main body classes */
body { margin: 25px 0px 0px 0px; padding: 0px; background-color:#c4f6f7; 
	font-family: georgia, times, serif; font-size: 14px; color: #000000;
	font-style: normal;	font-weight: normal; }

#outer {position:relative; max-width: 1150px; margin: 0px auto; overflow:hidden; }

#content h1 { margin: 25px 10px 5px 30px; }
#contentHL { position:relative; float:left;  width: 38%; }

#botwrap { position: relative; text-align:center; width:100%; }
#hometag { position:relative; float:right; margin-top: 50px; width: 50%; }
#sectag { width:70%; max-width: 575px; }
#botback { position:absolute; left: 50%; bottom: 40px; }

#contentSL { position:relative; float:left; margin-top: 10px;
           width: 50%;  }

#contentSR { position:relative; float:right; width: 45%; text-align:center; margin-bottom: 20px; }
#contentSR img {  width:70%; max-width: 380px; }


#AnimCon { position:relative; max-width: 1150px; min-width: 550px; }
#AnimDef { position:relative; width: 100%; }
           
#cpy {clear:both; min-height: 20px; max-width: 1150px; background-color:#7fb3c1; 
     font-family: Verdana, Arial, Helvetica, sans-serif; color: #1f5549; font-size: 12px;
     padding-top: 6px; text-align:center; margin-bottom: 15px; }        

a {	color: #1e0c5c; font-weight: bold; text-decoration: none;}
a:hover { color: #d32a5f; text-decoration: none;}

img {border:0px none; margin:0px; padding:0px; }
.imgright {float: right; margin: 10px 0px 10px 10px; }
.imgleft {float: left; margin: 5px 15px 15px 0px; }
.ltimage { position:relative; float: left; margin: 20px 0px 0px 60px; display:block; }
.sqbut {display: inline-block; font-size: 18px; text-align:center;  min-width: 165px;
    background-color: #7fb3c1; border-radius: 8px; box-shadow: 0 0 0 2px rgba(0,0,0,.1) inset;
    color:#eeeeee; padding:5px 0px; }

table { border-spacing: 0px; border: 0px; border-collapse:collapse; }
td {   vertical-align:top; }
p  {   margin: 5px 10px 15px 30px; }
ul {   margin: 0px 10px 0px 30px; padding-left: 20px;}
ol {   margin: 0px 10px 0px 30px; padding-left: 20px;}
li {   margin: 3px 0px 3px 0px; }
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #1f5549;
	margin: 25px 10px 5px 30px;	font-weight: bold; }
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #1f5549;
	margin: 15px 10px 5px 30px; font-weight: bold; }
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #1f5549;
	margin: 5px 10px 5px 30px; font-weight: bold; }
h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #1f5549;
	margin: 5px 10px 5px 30px; text-align:right; font-weight: bold; }
h5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #1f5549;
    margin: 5px 10px 0px 30px; text-align:right; font-weight: bold; }
h6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #1f5549;
    margin: 10px 30px 10px 30px; text-align:right; font-weight: bold; }
hr { background-color:#791e18; color: #791e18; height: 3px; width: 75%; margin: 25px 60px 25px 30px; border:none; }

    
.links { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.line {	border-top-color: #791e18; border-right-color: #791e18;
	border-bottom-color: #791e18; border-left-color: #791e18; }
.next {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
    font-style: normal;	font-weight: bold; text-align: right; color: #791e18; }
.prev { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
    font-style: normal;	font-weight: bold; text-align: left; color: #791e18; }
.ftnote {font-size:11px; color }
@media only screen and (max-width: 1150px) {
       body { margin: 0px; }
}

@media only screen and (max-width: 890px) {
       #contentHL {  width: 80%; }
       #hometag {width: 60%; float:left; margin: 0px 15% 90px 15%; }
       #botback { left: 0px; }
       #contentSL {  width: 50%; }
       #contentSR {  width: 50%; }
       #contentSR img {  width: 275px; }
}

@media only screen and (max-width: 600px) {
       #logonav ul { clear:both; margin: 10px 0px 20px 30px; width: 280px; padding: 0px; }
       #logonav li { display:list-item; padding-top: 6px; font-size: 120%; }
       #AnimCon { min-width: 550px; }

       #contentHL { margin-top: 10px; width: 97%; }
       #contentSL {  width: 97%; }
       #contentSR {  width: 97%; }

}