/* Default CSS */
/* background-image:url('images/background4tile.jpg'); */

body {font-family: 'Noto Serif', georgia, serif; color: #000000; margin: 20px 0px 20px 0px; font-size: 16px;
     background-repeat:repeat; background-color: #ffffff; }

h1   {font-family:'Pontano Sans', arial, helvetica, sans-serif; font-size: 22px; color:#37516e; margin: 8px 0px 5px 0px;}
h2   {font-family:'Pontano Sans', arial, helvetica, sans-serif; font-size: 19px; color:#37516e; font-weight:bold; margin: 8px 0px 5px 0px;}
h3   {font-family:'Pontano Sans', arial, helvetica, sans-serif; font-size: 16px; color:#37516e; font-weight:bold; margin: 8px 0px 5px 0px;}
p    {margin: 0px 10px 8px 0px; }
td   {vertical-align:top; }
img  { border:none; }

a { color: #617444; font-weight: bold; text-decoration: none; }
a:hover {color: #954F1C; text-decoration: none; }
a.nav { color: #000000; font-weight:normal; font-size: 18px; font-family: 'Pontano Sans', arial, helvetica, sans-serif;}
a.nav:hover {color: #954F1C; }
.navcur { color: #954F1C; font-size: 18px; font-family: 'Pontano Sans', arial, helvetica, sans-serif; }
      
#outer            { position: relative; max-width:1200px;  min-height: 620px; overflow:hidden; margin: 0px auto; border: none; }
#outersec         { position: relative; max-width:1200px;  min-height: 620px; overflow:hidden; margin: 0px auto; border: none; }
                    
#logonav          { position: relative; width: 100%; height:90px; }
#logonav img      { position:relative; float:left; margin: 18px 30px 20px 30px; }
#logonav ul        { position:relative; float:left;  list-style-type:none; padding: 0px; margin: 32px 0px 30px 22px; }
#logonav li        { display: inline; padding: 0px; margin: 0px 0px 0px 50px; }
                     
#left             { position: relative; clear:both;  float: left; min-height: 5px; width: 350px;
                    padding: 35px 50px 100px 30px;}
#left p           { margin-right: 40px; }
#blogleft         { position: relative; clear:both; float: left; min-height: 375px; max-width: 800px;
                    padding: 40px 20px 80px 40px; font-size: 110%;}
#blogleft h1      { font-size: 110%; }
                                        
#right            { position: relative; float: left; min-height: 375px; max-width: 610px;
                    padding: 20px 5px 100px 40px; }
#blogright        { position: relative; float: left; width: 240px;
                    padding: 35px 20px 40px 40px; }
                    
.bookbox          { position:relative; float:left; margin: 50px 35px 100px 35px; max-width: 350px;}
.bookbox img      { width: 100%; }
                   
#topbar           { position:relative; float:left; margin: 35px 25px 35px 45px; max-width: 1200px; }
#topbar img       { width: 100%; }
        
.col1             { position: relative; float: left; width: 340px; padding: 10px 15px 20px 45px; clear:both; }
.col1 img         { border:solid; border-color: #000000; border-width: 7px;}
.col2             { position: relative; float: left; width: 340px; padding: 10px 0px 20px 45px;}
.col2 img         { border:solid; border-color: #000000; border-width: 7px;}                  
.col3             { position: relative; float: left; width: 340px; padding: 10px 0px 20px 45px;}
.col3 img         { border:solid; border-color: #000000; border-width: 7px;}                   
.col2w            { position: relative; float: left; max-width: 660px; padding: 10px 30px 50px 45px;}
.col2w img        { width: 100%; border:solid; border-color: #000000; border-width: 7px;}
.col              { position: relative; float: left; width: 340px; padding: 10px 0px 20px 35px; }
.col img          { float:left; width:100%; }
.ocap             { position:relative; clear:both; font-size: 14px; font-family: arial, sans-serif;}
                
#right img          { width: 100%; height: auto; }
#contentSL         { position: relative; float: left; clear:both; width:90%;
                    padding: 25px 50px 100px 45px; z-index: 1;}                    
#contentSR         { position: relative; float: left; max-width: 610px;
                    padding: 25px 0px 100px 45px; z-index: 1;}
#contentSF          { position: relative; float: left; max-width: 1200px; width: 90%; clear:both;
                    padding: 25px 0px 100px 45px; z-index: 1;} 

#secleft          { position: relative; float: left; min-height: 300px; width: 310px;
                    padding: 35px 50px 100px 45px;}              
#secright          {position: relative; float: left; max-width: 490px;
                    padding: 20px 45px 100px 20px; }
#maincontent      { position: relative; float: left; min-height: 400px; max-width: 855px;
                    padding: 10px 0px 20px 45px; }
#maincontent table { text-align: left; text-indent: 0px; border:none;
                     padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }    
#maincontent tr    { vertical-align:top; }                 
#maincontent td    { padding-bottom: 15px; padding-right:15px; }

#AnimCon           { position:relative; float:left; width: 100%; margin: 30px 0px 110px 0px; height: 85%; }

#footer           { position: absolute; left: 0px; bottom:0px; width: 100%; height: 50px;
                    font-family: 'Pontano Sans', arial, helvetica, sans-serif; font-size: 14px; font-weight: bold;
                    text-align:center; padding-bottom:5px; z-index: 2;}
#footersec        { position:absolute; bottom: 0px; left: 0px; text-align:center; font-size: 12px; width: 100%;
                    font-family: 'Pontano Sans', arial, helvetica, sans-serif; padding: 5px;  }
                               
.quote            {font-family: 'Pontano Sans', arial, helvetica, sans-serif; font-size: 14px;
                   color:#111111; margin-bottom: 0px; }
.quoteauth       {font-family: 'Pontano Sans', arial, helvetica, sans-serif; font-size: 14px; color:#23484B; 
                    text-align:right; margin-top:0px;}
.sig             { color:#111111; margin-left: 60%; font-style:italic; font-weight:bold; }                    
.date            {margin-top: 15px;}
.indent          { margin: 15px 0px 15px 35px; }
.video           { margin: 20px 0px 20px 35px; }
.caption         {text-align:center; font-weight:bold; }
.galleria-info-title {color:#896633;}
.galleria-info       {color:#37516e; font-size:16px;}

#videolf         {position: relative; width: 350px; float:left; margin: 40px 0px 20px 0px; }
#videolf img     {margin:10px 10px 5px 10px; }
#videocont       {position: relative; float: left; width: 470px; margin: 120px 0px 20px 35px; min-height: 400px; }

#gallery img        {margin: 10px 40px 5px 0px; border: 3px solid #F6EBD5; }
#galleria           { width: 100%; height: 100%; margin-bottom: 100px; }

@media only screen and (max-width: 780px) {
       #logonav ul { clear:both; margin: 20px 0px 30px 5px; width: 280px; padding: 0px;}
       #logonav li { display:list-item; padding-top: 3px; }
       #left { padding: 20px 40px 40px 45px; }
       a.nav { font-size: 120%; }
       .curnav { font-size: 120%; }
       body { margin: 0px; }
}