/* Universal style rule */
*{
margin: 0;
padding: 0;
/* Temporary borders */
/* border: dashed 1px #f00; */
}


body {
 margin: 0;
 padding: 0;
 background-color: #F2FB91; /* pale pastel */
 color: #333; /* blue text color */
 /* Arial, Helvetica, or some other sans-serif font */
 font-family:Arial, Helvetica, sans-serif; 
 font-size: 1em;
 position: relative;
 z-index: 0; 
}

#header{
     height: 17.4em;
     width: 100%;
     background-color: #F2FB91; 
    /*  border: solid .2em black */;
}

#branding {
           position: relative;
           top: 0;
           margin: auto;
           height: 17.4em;
           color: #7B95A6;
           background-color: #F2F2D9;
           width: 45em;
           border: solid .3em #7B95A6;
           }

#branding img {
           position: absolute;
           top: 0;
           left: 0;
           width: 25em;
}

#branding div {
           position: absolute;
           top: 2.5em;
           right: 10.5em;
}
  
#wrapper{ 
position: relative;
top: -2em;;
margin: auto;
/* Set layout width */ 
width: 45em;
height: 48em; 
padding: 0;
background-color: #F2F2D9;
border: solid .3em #7B95A6;
} 

#branding2 {
            position: relative;
} 




#date { position: absolute;
	height: 2em;
	width: 10em;
        padding-top: 1.6em;
        padding-left: 1.4em;
	font-size: 1.3em;
	font-weight: bold;
	color: white;
}

#maincon {
       position: absolute;
       top: 9em;
       left: 0;
       background-color: transparent;
      /* border: solid 2px black; */
       width: 45em;
}



#footer {
         background-color: #7B95A6;
         width: 44.2em;
         margin: auto;
         color: white;
         padding:0.5em;  
         height: 8em;
         padding:0.5em;
         border: solid .3em #7B95A6;
}


h1, h3 {
    font-size: 2em
    margin: 0;
}

div.captionpix{
   z-index: 2;
   border: 0;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size:0.95em;
   text-align:center; 
}

div.captionpix img{
   width:80%;
   border: 0;
} 


/********** Navbar division styles **********/
   
#navbar{
    background:transparent; 
	height:2em;	 
	/* For absolutely-positioned navbar */
	position: relative;
	top: -2.7em; /* Whatever it takes to the navbar into the rounded box image  */
	margin: auto;  
    width:45em; /* Same as layout width */
    z-index:100;
    border:none;
}

/* Style for rounded box image in the navbar div */
#navbar img{
   position:absolute;
   top:.3em;
   left:0;
   width: 45em; /* Same as wrapper width */
   z-index:101;
}

/* Get the navbar items in the rounded box image */
#navbar ul{
	list-style-type:none;
	position: relative;
	left: .2em;
	top: .3em;
	z-index:101;
}

/* List items in the navbar */
#navbar li{
	float:left;
	/* Required for drop-down menus */
	position:relative;
        height: 2em;
}

#navbar li ul{
        position: absolute;
        top: 2.5em;
        z-index: 100;
        visibility: hidden;
}

/* Make drop-down visible on navbar hover */
#navbar li:hover ul{
  visibility:visible;
}

/* Applies to links on the drop-down menu */
#navbar li:hover ul li a{
  background:#F8F658; /* Removes background image */
  color:#7B95A6;
  text-align:left;
  display:block;
  width:6em;
  padding:.3em 0 0 .5em;
  height: 3em;
  border: solid .1em #7B95A6;
}

/* Hover on drop-down menu links */
#navbar li:hover ul li a:hover{
  background: #F8F658; 
  color:#4E65A6;
  border: solid .1em #7B95A6;
  width: 6em;
}


/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
	text-decoration:none;
        font-family:Verdana, Geneva, Arial, Sans-Serif;
        color:white;
	background:transparent;  
	display:block;
	height:2em;
	width: 7em;
        font-size: .75em;
    border-right:solid .1em #7B95A6;	
    line-height: 1em;
    margin-top: .2em;
    text-align:center;
    outline-style:none;
}


/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
    background:#F8F658;
    color:#7B95A6;
    height: 2.8em;
    width: 7.2em;
    margin-left: -.2em;
    margin-top: .4em;
}



/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
    background:#F8F658;
    color:#7B95A6;
    height: 2.8em;
    width: 7.2em;
    margin-left: -.2em;
}