body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
	background: #297C53; /* color background */
	font-family: arial, helvetica;
	color: black;
} 

#wrap {
        height:100%; /* 100 % height */
	/* width:64.5em; */
	width: 80%;
	margin:0 auto;
}

#header {
	height:6.5em;
	position:fixed;
	z-index:10; /* Prevent certain problems with form controls */
	text-align:center;
}

#header a{
    padding:.1em;
    color:black;
    text-decoration:none;
/*    border-right:.15em solid #036; */
}

#header a:hover{
    background-color:#85C2A3; /* color A */
    color:black;
    padding:.1em;
}

#header,#footer {
/*	width:64.5em;*/
	width: 80%;
	background:#85C2A3; /* color A */
/*#667B5D;*/
/*#556B2F;*/
/*#667B5F;*/
/*	border: .2em solid #036; */
}


#footer {
	height:1.8em;
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
	}

#footer a{
    padding:.3em;
    float:left;
    color:black;
    text-decoration:none;
/*    border-right:.15em solid #036; */
}

#footer a:hover{
    background-color:#143D29 ; /* color B */
/*#334433;*/
    color:white;
    padding:.3em;
}

#navigation{
    height:2.2em;
/*    width:64.5em; */
      width:80%;
    background: #143D29; /* color B */
/*#334433;*/
/* #556B2F; */
/* #808000; */
/* #6B8E23; */
/* #2F4F4F; */
/*    border: .2em solid #036; */
    font-family: arial;
    text-align:left;
    margin-top: 6.5em; /*height of header */ 
    position: fixed;
    z-index:10;
}

#navigation a{
    padding:.5em;
    float:left;
    color:white;
    text-decoration:none;
/*    border-right:.15em solid #036; */
}

#navigation a:hover{
    background-color:#85C2A3; /* color A */
/*#667B5D;*/
    color:black;
    padding:.5em;
}

#content-wrap {
/*              height:100%;  /* 100 % height */ */
	      background-color:white; /* provides padding */
	      padding:1em 1em 2em 1em;
}

.index{height:24em;}
.main{height:58em;}
.books{height:38em;}
.syllabus{height:70em;}
.schedule{height:38em;}
.links{height:38em;}

#content {
          padding:8.5em 0em 1.5em 0em; /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */
 	 background-color:#F5E6E6; 
	 } 



p {margin:1em 0;}
.info {
	position:relative;
	padding:0.5em;
	border:2px solid #999;
	background:aqua;
}

table
{
    border-width: 0 0 .15em .15em;
    border-spacing: 0;
    border-collapse: collapse;
     border-color: #036;
    border-style: solid;
    
}

td
{
    margin: 0;
    padding: .5em;
    border-width: .15em .15em 0 0;
    border-color: #036;
    border-style: solid;
}

th
{
    margin: 0;
    padding: .5em;
    border-width: .15em .15em 0 0;
    background-color:#069;
    border-color: #036;
    border-style: solid;
    font-weight:normal;
    text-align:center;
}