/*
CSS for use with Hills Insurance website
*/

body {
      font-family: Verdana, Helvetica, Arial, sans-serif;
      font-size: large; color: #1C1A8A; weight: bold;
      background-color:  #ffffff;
	line-height: 120%;
      margin: 20px;
     }


#navigation {
     background-color:  #ffffff;
      font-color: #FFFFFF;
      font-size: large; 
      line-height: 125%;
      width: 200px;
      text-align: left;
      padding-top: .2em;
      padding-bottom: .2em;
      padding-left: .8em;
       padding-right:  .8em;
      margin-left: 10;
      float: left;
      }




a {font-weight: bold}

a:link {color: black;}
a:visited {color: #cc00ff;}
a:hover {text-decoration: none; background-color: #00ccff;}
a:active {color: aqua; background-color: navy;}


h1 {
    font-family: Georgia, Times, serif;
    font-size: x-large; color: #FFFFFF; weight: bold;
    /* width: 500px; */
    width: 50%;
    border-top: 1px solid #7DA5D8;
    border-bottom: 1px solid #74A5D8;
    border-left: 1px solid #74A5D8;
    border-right: 1px solid #74A5D8;
    padding-top: .4em;
    padding-bottom: .4em;
    padding-left: .4em;
    background-color: #1C1A8A

   }




#month p {
    font-style: italic; 
    font-family: Georgia, Times, serif;
    font-size: large; color: #FFFFFF;
    font-weight: bold;
    border-bottom: 2px solid #74A5D8;
    border-top: 2px solid #7DA5D8;
    border-left: 2px solid #74A5D8;
    border-right: 2px solid #74A5D8;
    padding-top: .2em;
    padding-bottom: .2em;
    padding-left: .8em;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    background-color: #1C1A8A
   }



li {font-size: medium;}

p {font-size: medium; color: #1C1A8A; weight: medium}


em {text-transform: uppercase;}



#header p {
    
   
    border-top: 6px solid #7DA5D8;
    border-bottom: 6px solid #74A5D8;
    border-left: 6px solid #74A5D8;
    border-right: 6px solid #74A5D8;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .4em;
    width: 721px;
    height: 110px;

     }




#sitebranding p {
    
    font-style: italic; 
    font-family: Georgia, Times, serif;
    font-size: large; color: #CCFFFF;
    font-weight: bold;
    border-top: 3px solid #7DA5D8;
    border-bottom: 3px solid #74A5D8;
    border-left: 3px solid #74A5D8;
    border-right: 3px solid #74A5D8;
    padding-top: .2em;
    padding-bottom: .2em;
    padding-left: .8em;
    margin: 10px;
    width: 450px;
    margin-left: auto;
    margin-right: auto;   
    line-height: 125%;
    background-color: #CCCCFF;
   }




#pictureright {
   float: right;
       width: 25%;
   font-size: 65%;
      font-style: italic;
     font-family: Georgia, Times, serif;
     font-weight: bold;
    text-align: right;
      margin-top: 10;
     margin-left: 10;
     margin-bottom: 10;
     margin-right: 20;
     line-height: 1.2em;
    }




/*
margin-left: auto; margin-right: auto; CENTERS the block
*/



#weather p {
   
    border-bottom: 2px solid #74A5D8;
    border-top: 2px solid #7DA5D8;
    border-left: 2px solid #74A5D8;
    border-right: 2px solid #74A5D8;
    padding-top: .8em;
    padding-bottom: .8em;
    padding-left: .8em;
    padding-right: .8em;
    width: 178px;
    margin-left: auto;
    margin-right: auto;
    background-color: #1C1A8A;
   }





strong {
     font-size: large; color: black; family: Verdana, Helvetica, Arial, sans-serif; 
     letter-spacing: .02em;
    }


.contact {
     font-style: italic;
     font-size: small;
    }