@charset "utf-8";

/*  Home page  */

body {background-color: Navy;
      margin: 0;
      padding: 0;}

div#wrap  {background-color:Navy;
           /*  background-image:url("images/any particular image");     */
           background-repeat: repeat; 
           background-position: center left;
           width: 90%;
           max-width: 900px;
           margin: auto auto;
           border-style: none;
           padding: 1em;}

div#screen {background-color: #6A6F85;   /*   color of the parking lot and driveway in front of the building   */
            margin: 0;
            border-style: none;
            padding: 0;}

div#header {background-color: White;  /* was Navy */
            background-image:url("images/TopLogo.jpg");
            background-repeat: no-repeat; 
            background-position: top center;
            height: 103px;
            margin: 0;
            border-style: none;
            padding: 0}

div#menubar {background-color: #A06800;
             margin: 0;
             border-style: none;
             padding: .5em 0}

div#main  {background-color: White;   /*  was #EBF5FC;  */
           margin: 0;
           border-style: none;
           padding: .5em .5em .5em 0;  /*  creates a border on 3 sides of div#entry  */
           float: left;  /*  'main', within 'screen', is floating with respect to where it would normally position itself - probably in the center  */
           width: 69.5%}

div#entry {background-color: White;   /*  was #EBF5FC;  */
           background-image: none;
           background-position: top left;
           margin: 0em;
           border-style: none;
           padding: .5em 1em}

div#sidebar {background-color: #6A6F85;    /*  matches the pavement in the photograph  */
             background-image:url("images/OfficeBldg.jpg");
             background-repeat: no-repeat; 
             background-position: top left;
             min-height: 000px;
             margin: 0 0 0 70.4%;   /*  perhaps not necessary UNLESS the 'sidebar' is taller than 'main' in which case it would continue beneath the 'main'  */
             border-style: none;
             padding: 0}

div#dividerline {background-color: #A06800;
                 clear:both;  /*  stops the floating within 'screen' which was brought about by the 'main' float and the resultant 'sidebar' moving up alongside on the right.   */
                 margin: 0;
                 border-style: none;
                 padding: .3em 1em}

div#footer  {background-color: Fuchsia;
             background:url("images/BackgroundBlue.jpg");
             background-repeat: repeat;
             background-position: top left;
             margin: 0;
             border-style: none;
             padding: .7em 0em}

div.navbuttons {text-align: center;
                color: White;}
                
div#glcaddress  {color: Black;
                 margin: 0;
                 border-style: none;
                 padding: 15em 0 0 2em;
                 font-weight: bold;
                 font-family: sans-serif;}

div#podcastlink  {margin-top: 2em;
                  padding: 0;
                  text-align: center;
                  background-color: #606080;}  /* same as the constant contact area */

hr  {height: 3px;
     color: #A06800;
     background-color: #A06800;}

h2  {color: #A06800;
     font-style: italic;}

a       {color: White;}
a.blacklink {color: Black}
a:hover {background-color:Red}

ul          {font-weight: bold;
             margin-left: auto;
             padding: 1em;}

ul.croptopandbottom  {margin-top: 0;
                      margin-bottom: 0;
                      padding-top: 0;
                      padding-bottom: 0;}


div#constantcontact {margin-top: 2em;
                     background-color: #606080;}

div#constantcontacttitle   {width:95%;
                            margin-right: auto;
                            margin-left: auto;
                            padding: 0;
                            text-align: center;
                            background-color: transparent;}

div#constantcontactform    {width:95%;
                            margin-right: auto;
                            margin-left: auto;
                            padding: 0;
                            text-align: center;
                            background-color: transparent;}