/* green: #036e03 gray: #eeeeee links/hover: #0081a3 */
       
html,body {
	margin:0;padding:0; 
	}

body{font: 100% gill sans,sans-serif}

div#container{width:100%; margin:0; padding-top:50px; border:0px solid green;background-color: #EEE;}
       /*  float:left; 
div#topband {height:50px;margin:0;padding:0px 0px 0px 0px;background: #EEE;}*/

div#wrapper{margin: 0;padding:0px 0px 5% 0px; width: 100%; border:0px solid black;background-color: EEE;overflow:auto}
 /*     overflow:auto seems to keep nested divs from spilling into the footer 
 http://stackoverflow.com/questions/2890354/margin-top-in-a-nested-div
   */
 
div#content {margin:0 auto;padding:0px 0px 50px 0px; width: 970px; max-width: 90%; border:1px solid EEE}

div#banner {margin:0 auto;padding:0px; width: 970px; max-width: 100%; border:0px solid red}

div#header {margin-top:33px;padding:0px;height:84px; width: 970px; max-width: 100%;border-bottom:1px solid #036e03;}

#nav{float:right; padding:0px 0px 0px 0px; border:0px solid blue;}

div#hero {margin:auto; width:100% height:350px; padding-top:30px; border:0px solid yellow}

div#4-plex {margin:0 auto;padding: 0px;background-color: #EEE;border:0px solid yellow;}

div#plex1 {float:left; margin: 15px 10px 0 0; width:23.5%; height: 200px; border:0px solid red;}
div#plex2 {float:left; margin: 15px 10px 0 0; width:23.5%; height: 200px;  border:0px solid blue;}
div#plex3 {float:left; margin: 15px 10px 0 0; width:23.5%; height: 200px;  border:0px solid red;}
div#plex4 {float:left; margin: 15px 10px 0 0; width:23.5%; height: 200px;  border:0px solid blue;}

div#foot-wrap{width:100%; margin:0; padding:0px; background-color: #EEE;border:0px solid red;}

div#footer{margin:0 auto;padding:20px 35px 50px 35px; width: 970px; max-width: 90%;  border:0px solid green;}
 /* margin:0 auto;padding:0 35px 0 35px; width: 970px; max-width: 90%; border:1px solid white;*/
 
div#foot-col-1, div#foot-col-2, div#foot-col-3{float:left; width:33%; border:0px solid green; }


 /*     images   */

img {border:0px solid purple; align:left}

#hero img {border:0px solid red; margin: 0 auto; display: block;}
 
div#plex1 img {border:0px solid #EEE; margin: 0 auto; align:left}

 
 /*     text   */
p{margin:0}
div#content p {font-size: 1em; color: solid black; font-weight:normal; text-align: left; line-height:1.5em; padding:15px 0 5px 0;}
div#plex1 p, div#plex2 p, div#plex3 p, div#plex4 p{font-size: .8em; padding:10px 10px 10px 0; font-weight:normal; text-align: left; line-height:1.25em;color: #000;}

div#foot-col-1 p, div#foot-col-2 p, div#foot-col-3 p{font-size: .85em; padding:0px 0px 0px 0; font-weight:normal; text-align: left; line-height:1.5em; color: #036e03}
div#foot-col-1 p.small, div#foot-col-2 p.small, div#foot-col-3 p.small {font-size: .75em; padding:10px 0 30px 0; letter-spacing:.75px; line-height:1.5em;}
div#full-width p{font-size: .8em; padding-top:100px; font-weight:normal; text-align: center; line-height:1.5em;color: #036e03;}

div#content ul {list-style: none;font-size: 1em;line-height: 1.2em;margin: 10px 0px 0px 15px;}
div#content li {list-style: none;font-size: 1em;line-height: 1.2em;margin: 0px 0px 20px 15px;}

h1{margin:0;padding:60px 0 15px 0; font-family: "Garamond", Georgia, Serif; font-size: 160%; letter-spacing:1px; color: #036e03; font-weight:bold;}
h2{margin:0;padding:30px 0 15px 0; font-family: "Garamond", Georgia, Serif; font-size: 150%; letter-spacing:1px; color: #036e03; font-weight:bold;}

h3{margin:0;padding:13px 0 0 0; font-family: "Garamond", Georgia, Serif; font-size: 90%; letter-spacing:.5px; color: #036e03; font-weight:bold;}
div#foot-col-1 h3, div#foot-col-2 h3, div#foot-col-3 h3{margin:0;padding:13px 0 20px 0; font-family: "Garamond", Georgia, Serif; font-size: 95%; letter-spacing:.5px; color: #036e03; font-weight:bold;}

 /*     links   */
div#header a:link {color: #000;text-decoration: none;}
div#header a:visited {color: #000;text-decoration: none;}
div#header a:hover {color: #bb2119;text-decoration: none;}
div#header a:active {color: #000;text-decoration: none;}

#footer a:link {color: #036e03;text-decoration: none;}
#footer a:visited {color: #036e03;text-decoration: none;}
#footer a:hover {color: #0081a3;text-decoration: none;}
#footer a:active {color: #036e03;text-decoration: none;}

div#content a:link {color: #036e03;text-decoration: none;}
div#content a:visited {color: #036e03;text-decoration: none;}
div#content a:hover {color: #0081a3;text-decoration: none;}
div#content a:active {color: #036e03;text-decoration: none;}

div#full-width a:link {color: #036e03;text-decoration: none;}
div#full-width a:visited {color: #036e03;text-decoration: none;}
div#full-width a:hover {color: #0081a3;text-decoration: none;}
div#full-width a:active {color: #036e03;text-decoration: none;}

 /*     nav menu   */
ul {list-style:none;}
.dropdown {position:relative; }
.dropdown:after {display:block; position: absolute; top:38%; right:12%; }
            /* --- to add small down arrow: content: "\25BC"; font-size:.5em;   --- */
.drop-nav {position:absolute; display:none;}
#nav .drop-nav li {font-size: .9em; background: #eee; border-bottom: 1px solid #c9c9c9; display: block; width: 115px; text-align:right; padding-right:10px;  margin-left: -120px;margin-top:5px;line-height: 1.5em;}
#nav .dropdown:hover > .drop-nav {display:block;}
li {float: left;}

#nav li {padding: 0px 6px 0px 30px;}
#nav a:link {color: #036e03;text-decoration: none;}
#nav a:visited {color: #036e03;text-decoration: none;}
#nav a:hover {color: #0081a3;text-decoration: none;}
#nav a:active {color: #036e03;text-decoration: none;}







/* --- comments  --- */