/* stylesheet1.css */

/* Block all default margins and padding */
* {
    margin: 0;
    padding: 0;
}

body {
    /* Required to center wrapper in old browsers */
    text-align: center; 
    /* Style to taste */
	background-color: #000000;
    font-family: Verdana, Geneva, Sans-Serif;
}

#wrapper {
    /* Sets the width of fixed or elastic layout */
    width: 52em; 
    /* Centers the layout (newer browsers) */
    margin: auto; 
    /* Wrapper must have a border */
    border:; 
    /* Required so absolute mesaurements are in wrapper */
    position: relative; 
    /* Style to taste */
    background-color: #000000;
    margin-top: 40px;
}

/* ---------------------- Start layout division styles ---------------------- */
#branding {
     /* Style to taste */
    height: 11em; 
    text-align:left;
	background-color:#FFFFFF;
	background: url(images/Earth Songs Logo.jpg);
	padding:.5em;
	padding-left:1.5em;
}

#branding h2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1.25em;
	font-style:italic;
    text-align:center;
	padding-top:3em;
}

/* Navbar division */
#navbar {
    position: absolute; 
    /* Top = branding height */
    top: 11.5em; 
    right: 0; 
    /* Width = 100% */
    width: 100%;
    /* Style to taste. Content top padding must match this height. */
    height: 2em; 
    background-color: #996600;
}


  #navbar ul{
        list-style-type:none;
    }
    
    /* Make list horizontal */
    #navbar li{
        float:left;
    }
    /* All links, and links in unvisited and visited states */
    #navbar li a,
    #navbar li a:link,
    #navbar li a:visited{
       text-decoration:none;
       background-color: #996600;  /* black */
       color:#fff; /* Text color of link */
       display:block; /* required to set width and height */
       text-align:center;
       height:2em; /* Match to navbar height */
       line-height:2em; /* Match to navbar height */
       width:8em;
       border-right:solid 1px #ccc;
       /* Remove dotted border from Firefox */
       outline-style:none;
    }
    /* Hover and active links */
    #navbar li a:hover,
    #navbar li a:active{
        /* Use any colors you like */
        background-color:#ddd;
        color:#996600; /* Dark blue */
    }
    
    /* Styles for the body text */
    h1,p{
    margin:0.5em;
    }
  


/* Right column division */
#rightcolumn {
    position: absolute; 
    /* Top = branding+navbar heights */
    top: 15em;
    right: 0;
    /* Style to taste */
    width: 10em; 
    text-align: center;
	color:#FFFFFF;
}

/* Content division */
#content {
    padding-top: 2.5em; 
    /* Right margin = rightcolumn width */
    margin-right: 1em;
	   /* Left margin = rightcolumn width */
    margin-left: 2em;
    /* Optional, style to taste */
    text-align:left;
    padding-bottom: 1.5em;
    background-color: #000000;
    color: #FFF;    
}

/* Footer division */
#footer {
   /* Style to taste */
    text-align:left;
    background-color: #996600;
    color: #FFF;
    border-top: solid 1px #B0C4D0;
    min-height: 2em;
	font-size:.7em;
}
/* ---------------------- End layout division styles ---------------------- */

/* ---------------------- Start Content division styles ------------------- */
/* Heading 1 tags in content division */
#content h1 {
    margin-left: 10px;
    font-size: 1.5em;
	text-align:center;
}

/* Paragraphs in content division */
#content p {
    font-size: 0.85em;
    line-height: 1.5em;
    margin: 1em 12px;
}

/* Bulleted lists in content division */
#content ul {
    font-size: 0.85em;
    margin: 1em 20px 1em 40px;
}

#content ul li {
    margin-bottom: 0.5em;
}






.alignleft {
    float: left;
}
.alignright {
    float: right;
}


/* ---------------------- End Content division styles ------------------- */