* {
		margin: 0;
		padding: 0;
		}

body {
		width: 100%;
		background-color: #E9B150;
		font-size: 62.5%;
		height: 100%;
		}

#wrapper {
		margin: 0 auto;
		background-color: #ffffff;
		max-width: 75em;
		overflow: auto;
		}

/*placing the header banner*/
#head { 
		left: 0em;
		top: 0em;
		margin-bottom: 0.6em;
		background-color: #E9B150;
		border-left: 2.5em solid #ffffff;
		border-right: 2.5em solid #ffffff;
		border-top: 3em solid #ffffff;
		}

#head h1 {
		margin-left: -100em;   
		height: 0em;		 		
		}

#head a {
		background: url(../images/WashHeader.png) no-repeat left top;
		text-decoration: none;
		display: block;
		height: 12em;
		width: 70em;
		}
#head p {
		margin-left: -100em;
		height: 0em;
		}

/*placing the navigation bar*/

#navigation, #navigation ul {
	    	padding: 0;
	    	margin: 0;
            list-style: none;
        	height: 2.5em;
        	width: 70em;
	    	float: left;
        	margin-left: 2.5em;
        	margin-bottom: 2em;
	    	margin-right: 2em;
        	text-align: center;
	    	z-index: 100;
        	display: inline;
        	}
#navigation {
		margin-top: 0.5em;
		}

#navigation a {
		text-decoration: none;
		color: #ffffff;
		display: block;
		width: 7.5em;
		}

#navigation a:hover{
        	color: #ffffff;
		background: #743700;
		}

#navigation li {
        	float: left;
		display: inline;
		font: bold 1.2em Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #743700;
		background: #E9B150;
		line-height: 1.9em;
		width: 7.5em;
		height: 2em;
		margin-right: 0.5em;
		}

#navigation ul li:hover {
		color: #E9B150;
		background: #743700;
		}

#navigation li ul {
        position: absolute;
		width: 13em;
		left: -100em;
    	background: none;
		}

#navigation ul li ul li {
		background: none;
		}

#navigation ul li ul li:hover{
        	left: auto;
        	background: none;
		}

#navigation ul li ul li a{
        	display: block;
		text-decoration: none;
		font: bold 0.8em Arial, Helvetica, sans-serif;
		text-transform: none;
		color: #ffffff;
		background: #E9B150;
		padding: 0.2em 1.5em;
		line-height: 2.2em;
		width: 14em;
		display: block;
		border: 0.1em solid #743700;
        	}

#navigation ul li ul li ul li a{
        	font: bold 0.7em Arial, Helvetica, sans-serif;
		line-height: 2.2em;
        	}

#navigation li:hover ul{
        	left: auto;
        	margin-left: -4em;
        	}

#navigation li:hover ul ul {
		left: -200em;
		}

#navigation li:hover ul {
        	left: auto;
        	margin-left: -1em;
        	}

#navigation li li:hover ul {
		left: 12em;
		margin-top: -2.3em;
		}

.skip {
        	margin-left: -200em;
        	height: 0em;
        	}

/*placing the maincontent*/
#maincontent {
		
		float: left;
		font: 1.1em/1.4em Verdana, Arial, sans-serif;
		line-height: 1.6em;
		display: inline;
		width: 46em;
		background-color: #ffffff;
      		margin-left: 2.5em;
    		}

#maincontent p {
		margin-top: 0.7em;
		text-align: justify;
		}

#maincontent .first {
		margin-top: 21.5em;
		}

#maincontent h3 {
		font-weight: bold;
        }

#maincontent ul {
        text-align: justify;
        list-style: square;
        list-style-position: inside;
      }

#map {
        	width: 50em;
        	height: 36em;
		display: inline;
		float: left;
		margin-top: 1.5em;
		margin-left: 2.5em;
		margin-right: 1em;
		font: 1em/1.4em Verdana, Arial, sans-serif;
		z-index: 1;
		}

#news	{
		float: left;
		display: inline;
		width: 18em;
		height: 45em;
		background: url(../images/autumn.png) no-repeat center top;
		margin-left:0.5em;
		}

#news p {
		font: 1em Verdana, Arial, sans-serif;
		line-height: 1.2em;
		width: 16.6em;
		padding: 0.5em;
		background: #E9B150;
		margin-bottom: 1em;
		border: 0.2em solid #743700;
        }

#news a img {
        border: none;
        }

#news .newsImg {
        text-decoration: none;
        }

#comments	{
		float: left;
		display: inline;
		width: 18em;
		height: 45em;
		background: url(../images/autumn.png) no-repeat center top;
		margin-left:0.5em;
		}

#comments p {
		font: 1.1em Verdana, Arial, sans-serif;
		font-style: italic;
		line-height: 1.8em;
		width: 16.6em;
		padding: 0.5em;
		margin-bottom: 1em;
		text-align: left;
		}


#footer { 
		font: 1em/1.4em Verdana, Arial, sans-serif;
		background: url(../images/washingtonwsf.png) no-repeat left top;
		display: block;
		float: right;
		margin-top: 5em;
		width: 100%;
		height: 10em;
		}

#footer p {
		margin-left: 5em;
		margin-top: 1em;
		}

#footer img {
        	border: none;
       		margin: 2em 1em 1em 1em;
        	float: left;
		}

#footer a {
		text-decoration: none;
		color: #000000;
		}

/*Set up how hyperlinks will be presented to the user*/
a:hover {
		color: #ff0000;
		}

a:visited {
		color: #771177;
		}

/*set different background images for the maincontent section based on the page being viewed*/

#maincontent.services {
		background: url(../images/lake.png) no-repeat left top;
		}

#maincontent.about-us {
		background: url(../images/flower.png) no-repeat left top;
		}

#maincontent.mapText {
		background-image: none;
        }

#maincontent.schedule {
        background-image: none;
        width: 65em;
        }

		
#maincontent.home {
	    background: url(../images/building2.jpg) no-repeat left top;
		}

#maincontent.volunteer {
		background: url(../images/balloons.png) no-repeat left top;
    }

#maincontent.reelTherapy {
		background: url(../images/movieCamera.png) no-repeat left top;
		}

.mobiText {
		display: none;
		height: 0em;
		}

#pdfs {
        border: 10px solid #ffffff;
        padding: 20px;
        overflow: auto;
        background: #E9B150;
        }

#pdfs ul {
        list-style: none;
      }

#pdfs li a {
        text-decoration: none;
        float: left;
		display: inline;
		font: bold 1.1em Arial, Helvetica, sans-serif;
		line-height: 1.9em;
		margin-right: 15px;
        }
      
#pdfs li a img {
        border: none;
        }