/****************** Universal selector: Eliminate browser default margins and padding */
        * {
            margin: 0;
            padding: 0;
        }


        /************************************************** Body element; note, index.htm has inline body style that's identical to this, except removes the bottom right image by pointing to a non-existing image   */
        body {
		  width:70em;
		 /*  background-color: #98ba5a; */
		/* Put 20px margin above the wrapper */
		/* Set right and left to auto for centering */
		   margin: 0 auto 0 auto;

			font-family:Trebuchet MS, Trebuchet MS, sans-serif;
            font-size: 80%;
            padding: 0.5em 0 0 0.5em;
            /* Border down the left side of the page */

           /* background: url(http://marciethemarvelous.com/images/marciecornersm.jpg) no-repeat fixed bottom right; */
        }

		h1 {
		  font-family:Comic Sans MS, Comic Sans MS, Trebuchet MS;
        }


        /****************************************** Nav styles */
		/* Remove bullets from ul in the navbar */
		#navbar ul{
		list-style-type:none;
		}
		
		/* List items in the navbar */
		#navbar li{
		float:left;
		}
		
		/* Navbar division */
		#navbar{
		/* Left margin must match leftcolumn width */
		background:#b9d276 url(images/navbak.jpg) repeat-x center;
		height:3.2em;
		border-top:solid 1px #aaa;
		}
		
		/* Applies to navbar links, unvisited and visited */
		#navbar a,
		#navbar a:link,
		#navbar a:visited{
		text-decoration:none;
		font-family:Comic Sans MS, Comic Sans MS, Trebuchet MS;
		font-size:85%;
		color:#000;
		text-transform: uppercase;
		line-height:1.5em;
		padding-top:0.4em;
		background:#b9d276 url(images/navbak.jpg) repeat-x center;
		display:block;
		height:3.2em;
		width:9em;
		border-left:solid 1px #aaa;
		text-align:center;
		outline-style:none;
		}

		/* Navbar hover page links;  */
		#navbar a:hover {
		background:#aaa url(images/navhover.jpg) repeat-x center;
		color:#fff;
		}	

		/* Navbar active and current page links;  916a3e=brown 8bc5ed=skyblue 0f82d2=darkerblue */
		#navbar a:active,
		#navbar li.selected a:link,
		#navbar li.selected a:visited{
		background:#009cdf url(images/navhover.jpg) repeat-x center;
		color:#fff;
		}


        /****************************************** Branding (header) styles */
        #branding {
            background-color: #b9d276;
            width: 100%;
			height: 53px;
            background: url(http://marciethemarvelous.com/images/branding890.jpg) no-repeat;
			border-top:solid 1px #aaa;
        }
        
        /****************************************** Home page  division styles      			height: 414px;              */
        #home {
            margin-left: 0em; /* If using leftcolumn, make the same as leftcolumn width */
			background-color: #b9d276;
			font-family:Trebuchet MS, Trebuchet MS, sans-serif;
			height:495px;
        }

        /* H1 in home division */
        #home h1 {
			margin: 0.5em 0em 0.5em 1.4em
            font-size:2em;
            line-height: 1.5em;
        }

        /* H2 in home division */
        #home h2 {
			margin-top: 1em;
			margin-right: 1em;
            font-size:1.4em;
            line-height: 1.5em;
        }

        /* H2 in home division */
        #home h3 {
			margin-top: 1em;
			margin-right: 1em;
            font-size:1em;
            line-height: 1.5em;
        }
        
        /* Paragraphs in home division */
        #home p {
			margin-top: 1em;
            font-size:1em;
            line-height: 1.5em;
        }

        /* Image in home division */
        #home img {
            margin-left: 0em;
			margin-top: 0em;
			padding-right: 1em;
        }


        /******************************************  Headline division styles */

        #headline {
			width:70em;
            margin: 0.5em 0em 0em 0em;
			color:#913a26;
			text-align: left;
        }

        #headline h1 {
            margin: 0.5em 0em 0em 0em;
			font-size:2em;
        }
        
        /****************************************** Main content division styles */
        #content {
		  width:45em;
            margin-left: 0.1em; /* If using leftcolumn, make the same as leftcolumn width */
             /* margin-top:-5em;   Put this back if using Headline at Right styles*/
            padding-bottom:2em; 
            /* Extra bottom padding allows user to scroll up past right corner image,
            if necessary, depending on browser window and text size. */
        }

        /* Level 2 headings in content division */
        #content h2 {
            margin: 0.5em 4em 0.5em 2.3em;
            font-size:1.2em;
        }
        
        /* Paragraphs in content division */
        #content p {
            margin: 0.5em 4em 1em 2.5em;
            font-size:1.1em;
            line-height: 1.7em;
        }

        #content ol {
            margin: 1em 4em 0.5em 4em;
            font-size:1.1em;
            line-height: 1.7em;
        }

        /* Level 2 Download headings in content division */
        #content h2.download {
            margin: -1.3em 4em 0.5em 12em;
            font-size:1.2em;
        }

        /* Paragraphs Download in content division */
        #content p.download {
            margin: 1em 4em 0.5em 13em;
            font-size:1.1em;
            line-height: 1.7em;
        }

		/* Applies to content links, unvisited and visited */
		#content a.download,
		#content a.download:link,
		#content a.download:visited{
            margin: 1.5em 2em 0em 4em;
		text-decoration:none;
		font-family:Comic Sans MS, Comic Sans MS, Trebuchet MS;
		font-size:70%;
		color:#000;
		text-transform: uppercase;
		font-weight:bold;
		background:#b9d276 url(images/navbak.jpg) repeat-x center;
		display:block;
		height:2em;
		width:15em;
		text-align:center;
		padding-top:0.5em;
		outline-style:none;
		-moz-border-radius: 1em 4em 1em 4em;
		border-radius: 1em 4em 1em 4em;
		}


        /****************************************** Synopsis page styles */

        #synopsis {
            margin-left: 0.5em; /* If using leftcolumn, make the same as leftcolumn width */
            padding-bottom:24em; 
            /* Extra bottom padding allows user to scroll up past right corner image,
            if necessary, depending on browser window and text size. */
        }

        /* Level 1 headings in synopsis division */
        #synopsis h1 {
            margin: 0.5em 8em 0.5em 2em;
            font-size:2em;
            color:#913a26;
        }

        /* Level 2 headings in synopsis division */
        #synopsis h2 {
            margin: 1.5em 8em 0.5em 2.3em;
            font-size:1.2em;
        }
        
        /* Paragraphs in synopsis division */
        #synopsis p {
            margin: 1em 30em 0.5em 2.5em;
            font-size:1.1em;
            line-height: 1.7em;
        }

        /* Music division, used in synopsis section - two column style */
        /* #music {
			float: right; 
			margin-right:4.5em; 
			margin-left:1em; 
        } */

        /* Music division, used in synopsis section */
		#music {
			float: left; 
			margin-left:5em; 
        }

        #synopsis b {
			color: #913a26;
			text-transform:uppercase;
        }




        /****************************************** Image and Caption styles for graphics*/

		.graphic { 
				padding: 0.5em;
				font: 0.8em/1.4em Arial, sans-serif;
				/*
				border-left: 1px solid #CCCCCC;
				border-right: 1px solid #CCCCCC;
				border-bottom: 1px solid #CCCCCC; 
				*/
				} 
		
		.graphic img { 
				border: 1px solid #CCCCCC; 
				vertical-align:middle; 
				margin-top: 0.5em; 
				} 
		
		.left { margin: 0em 1em 0em 3em; float:left; } 
		.right { margin: 0.5em 4em 0em 0.8em; float:right; } 


        /****************************************** Footer for index page only division styles */
        #footerindex {
            background-color: #916a3e;
			height: 1.5em;
            width: 100%;
        }
        
        /* Paragraphs in footer division */
        #footerindex p {
            padding: 0.3em 1em 0.3em 1em;
            font-size:.9em;
			color: #fff;
        }
        
        .nudgeleft{
            position:relative;
            left:-0.6em;
         }


        /****************************************** Footer for all pages except index division styles */
        #footer {
            background-color: #fff;
			padding-left: 3em;
			padding-top: 3em;
            width: 50%;
        }
        
        /* Paragraphs in footer division */
        #footer p {
            font-size:.9em;
			color: #000;
			text-align: right;

            /* background-color: #b9d276; */
        }
        
        .footerplacement{
			position:fixed;
			left:0em;
			bottom:0;
			padding: 0.2em;
			width:100%;
			height:2.65em;   /* Height of the footer */
			background: url(http://marciethemarvelous.com/images/marciefolagecollage35.png) repeat-x fixed bottom center;

   /* background:#b9d276; */
         }


        /****************************************** Misc styles */
        .center{
            text-align:center;
         }