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


body {
 margin: 0;
 padding: 0;
 background-color: #ccc; /* light grey */
 color: black; /* Dark blue text color */
 /* Arial, Helvetica, or some other sans-serif font */
 font-family:Arial, Helvetica, sans-serif; 
 font-size: .83em; 
}

#wrapper{ 
position: relative;
/* Set layout width */ 
width: 50em;
/* Center the layout */
margin: auto; 
padding: 0;
background-color: #ccc;
border: dashed .2em white;
} 


#header{
     position: relative;
     top: 0em;
     height: 11em;
     font-size: 1em;
     width: 50em;
     background-color: #ccc; 
    /* border: dashed 2px white; */
}

#header2{
     position: relative;
     top: .5em; 
     bottom: 1em;
     height: 9em;
     font-size: 1em;
     width: 100%;
     background-color: #ccc; 
  /* border: dashed 2px white; */
}

#footer{
     position: relative;
     clear: both;
     width: 97%;
     margin: 0.5em;
     height: 9.5em;
/* border: dashed .3em #006 */
}


#branding{
          position: relative;
          width: 50em;
}

#sidebarindex{
      position: absolute;
      padding: .3em;
      width: 28%;
      height: 61%;
      top: 3.7em;
      right: 0;
      bottom: 6em;
      background-color:#006;
      font-family: Arial, Helvetica, sans-serif;
      color: white;
      font-size: 1.2em;
      font-weight: bold;
      text-align: center;  
}

#sidebar{
      float: right;
      padding: .3em;
      width: 28%;
      background-color:#006;
      font-family: Arial, Helvetica, sans-serif;
      color: white;
      font-size: 1.2em;
      font-weight: bold;
      text-align: center;  
}

#sidebar a:visited {color: #AD8589;
}

#sidebar a:link {color: white;
}

#sidebarindex a:visited {color: #AD8589;
}

#sidebarindex a:link {color: white;
}

#maincol{
      width: 67%;
      margin: 0 .5em 4em .5em;
      /* temporary border for construction */
      /* border: dashed 1px #661F00; */
}


#bottcol{
         position: relative;
         clear: both;
         margin-top: 1em;
         padding: 0;
         background-color: #000066;
         font-size: 1em;
         font-weight: bold;
         color: #E5E8E3;
         width: 100%;
         height: 5em;
         text-align: center;
      /*  border: solid .2em white */
}    

#bottcol a:visited {color: #AD8589;
}

#bottcol a:link {color: white;
}
  
#contact {
         position: relative;
         width: 100.89%; 
         padding: .8em;
         font-size: .8em;
         color: white; 
         text-align: center; 
         background-color: #661F00;
      /* border: dashed .2em white; */
}


h2, h3, h4 { 
 color: #006; /* dark blue */
 margin: 0;
 padding: 0;
}

h1 {
    font-size: 1.7em;
    color: 3006;
    margin: 0;
    padding: 0;
}

h5 {
    color: #006;
    text-indent: 1.5em;
    line-height: 0;
}

table.footer{font-size: 1.1em;
             font-weight: bold;
             text-align: center;
             /* border: dashed 2px black; */
             color: #661F00;
             margin: .2em 0 0 1em;              
             width: 95%;
}




/* Applies to all ul elements */
ul{
margin-left: 3em;
}

/* Applies to all ol elements */
ol{
margin-left: 3em;
}
             
   
/* Below is styling for all navigation and links */

/* For centered navbar only */

#nav{  position: relative;
       width:100%; /*Must be equal to, or slightly greater than, actual navbar width */ 
       background-color: transparent;
       height: 1.5em; 
       margin: -.4em auto 0;
/* border: solid 2px black; */
    }

#navbar {
         position: relative;
         width: 100%;
         margin: 0;
}



a:link {
	text-decoration: none;
	color: #006;
}

a:visited {
           text-decoration: none;
	   color: #900;
}

a:hover {
	color: #900;
	text-decoration: underline;
}



#nav a {
	text-decoration: none;
}

#nav ul {
	list-style-type: none;
}

#nav li {
	float: left;
        width: 8.4em;
        margin: -.6em .15em 0 0;
}

.link a {
	text-decoration: none;
	color: #333;
	display: block;
        width: 8.4em;
        height: 1.5em;
	padding: .2em;
	letter-spacing: .1em;
        text-align: center;
	background: #E5E8E3;
	border-right: .2em solid #302F7F;
	border-left: .2em solid #302F7F;
	font-size: .9em;
	line-height: 1.5em;
	font-weight: bold;
	border-bottom: .4em solid #302F7F;
}

.active a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
        width: 8.4em;
        height: 1.5em;
	padding: .2em;
	letter-spacing: .1em;
        text-align: center;
	background: #302F7F;
	border-right: .2em solid #C2C1C6;
	border-left: .2em solid #C2C1C6;
	font-size: .9em;
	line-height: 1.5em;
	font-weight: bold;
	border-bottom: .4em solid #302F7F;
	}                 

#nav a:hover { 
	color: #FFFFFF;
	background: #302F7F;
	border-right: .2em solid #C2C1C6;
	border-left: .2em solid #C2C1C6;
	border-bottom: .2em solid #302F7F;
}

#date { position: relative;
	height: 2em;
	width: 10em;
        padding-top: .8em;
        padding-left: .2em;
	font-size: 1em;
	font-weight: bold;
	color: white;
}