/* harpegolden.net style
Copyright (c) 2009 David De La Harpe Golden. All rights reserved.

*/

body { color: #270246;
          background-color: #fecc6e;
          margin:0pt;
          border:0pt;
          padding:0pt;
          font-family:serif;
          font-size:1em;
	  background-image: url('/images/hgnlightbg1.png');
          background-repeat: repeat-x;
	  background-attachment: fixed;
          background-position: bottom left;
}

   img.banner { margin:0pt; border:0pt; padding:0pt; }

a { text-decoration: none; padding: 1px 2px ; color: #270246; }
a:link  { text-decoration: none; padding: 1px 2px ; color: #282467; }
a:visited { text-decoration: none; padding: 1px 2px ; color: #260025;}

a:hover  { text-decoration: none; color: #ffee8f;
                 border-width: 1px;
                 padding: 0px 1px;
                 border-style: outset;
                 border-color: #ffee8f;
		 background-color: #ffee8f;
		 color: #270246;
}
a:active { text-decoration: none; color: #fffedd;
                 border-width: 1px;
                 padding: 0px 1px;
                 border-style: inset;
                 background-color: #fffedd;
                 color: #270246;
                 border-color: #fffedd; }

a.nofade { text-decoration: none; padding: 1px 2px ; color: #270246; }
a.nofade:link  { text-decoration: none; padding: 1px 2px ; color: #282467; }
a.nofade:visited { text-decoration: none; padding: 1px 2px ; color: #282467;}

a.nofade:hover  { text-decoration: none;
                 border-width: 1px;
                 padding: 0px 1px;
                 border-style: outset;
                 border-color: #ffee8f;
		 background-color: #ffee8f;
		 color: #270246;
}
a.nofade:active { text-decoration: none;
                 border-width: 1px;
                 padding: 0px 1px;
                 border-style: inset;
                 background-color: #fffedd;
                 color: #270246;
                 border-color: #fffedd; }



   hr { color: #fdaa4e;
        border-color: #fdaa4e;
        clear: both;
      }

   hr.tl1 { width: 70%; margin-left: 0pt; }
   hr.tl2 { width: 80%; margin-left: 0pt; }
   hr.tl3 { width: 65%; margin-left: 0pt; }
   hr.tr1 { width: 160pt; margin-right: 0pt; }
   hr.tr2 { width: 100pt; margin-right: 0pt; }

   hr.br1 { width: 70%; margin-right: 0pt; }
   hr.br2 { width: 80%; margin-right: 0pt; }

   div.banner {
                max-width: 100%;
                width: 728px;
                height: 90px;
                background-image: url('/images/hgnlightbanner1.png');
                background-size: contain;
                background-repeat: no-repeat;
   }

   div.tagline { clear: both;
                 font-size: 0.9em;
                 margin-left: 60pt; }

   div.topmenu { clear: both;
                 margin-left: 60pt;
                 margin-right: 50pt;
                 margin-top: 10pt;
                 margin-bottom: 20pt;
                 font-size: 1.1em;}

   ul.topmenuleft {
       list-style: none;
       float: left;
   }
   ul.topmenuright {
       list-style: none;
       float: right;
   }

   ul.topmenuleft > li {
       display: inline-block;
   }

   ul.topmenuright > li {
       display: inline-block;
   }

   @media only screen and (max-width : 640px) {
       ul.topmenuleft > li {
           display: block;
           padding-bottom: 4px;
           padding-top: 4px;
       }

       ul.topmenuright > li {
           display: block;
           padding-bottom: 4px;
           padding-top: 4px;
       }
   }


   div.main   {  margin-left: 60pt;
                 margin-bottom: 20pt;
		 
/*                  border: 1px ;
                  border-color: red;
                  border-style: solid;
*/
              }

/* confusing css margins */

   ul.rightmenu {
       list-style: none;
       float: right;
       width: 150pt;
       padding-left: 10pt;
       margin-top: 20pt;
       margin-bottom: 20pt;
       font-size: 1em;
   }

   ul.rightmenu > li {
       display: inline-block;
   }

   @media only screen and (max-width : 480px) {
       ul.rightmenu >li {
           display: block;
           padding-bottom: 4px;
           padding-top: 4px;
       }
   }

   div.items {
         padding-right: 150pt;
   }


   div.item  {
/*                    border: 1px;
                    border-color: green;
                    border-style: solid;
*/
}

   div.itembody   {  border-left: 3px;
                 border-top: 0px;
                 border-right:0px;
                 border-bottom:0px;
                 border-style: ridge;
                 border-color: #fdaa4e;
                 padding-left: 10pt;
                 padding-right: 10pt;
                 margin-left: 10pt;
                 margin-right: 10pt;
                 text-align: justify; }

   div.footer { float: right;
                font-size: 0.5em;
                margin-right: 10pt; }

   h1    { font-size: 1.6em;
           font-weight: bold; }