/* CSS for GLRM pages */
/* Here we specify the background color for the screens. */
body {
	front-family: Cambria, "Times New Roman", Arial, sans-serif;
      background-color: #e2edff;
	border: 1px solid blue;
	padding: 0px;
      }
/* Format for titles */

h1 {
	front-family: Cambria, "Times New Roman", Arial, sans-serif;
	font-size:        x-large;
	front-weight:     bold;
      background-color: blue;
	color:            white;
	padding-top:      1em;
	padding-bottom: 1em;
	padding-left:   0.2em; 
	padding-right:  0.2em;
	margin:           0;
	text-align:     center;
      }
#tagline p {
	front-family: Cambria, "Times New Roman", Arial, sans-serif;
	font-size:        x-large;
	front-weight:     bold;
	background-color: blue;
	color:            white; 
	padding-top:      1em;
	padding-bottom: 0.8em;
	padding-left:   0.2em;
	padding-right:  0.2em;
	margin:           0;
	text-align:     center;
	border-bottom:    9px solid #7da5d8;
      }
#header {
	border-top: 3px solid #7da5d8;
	width: 100%;
	}

/* Format for the remaining titles */
h2 {
	front-family: Cambria, "Times New Roman", Arial, sans-serif;
	font-size:      x-large;
	front-weight:   bold;
	front-color:    black;
	padding-top:    0.2em;
	padding-bottom: 0.2em;
	padding-left:   0.3em;
	margin:         0;
      }
/* Format for for pages Link,visited, hover and active box - see P102. 
   The "a" element means anchor.*/	
a {
	front-weight: bold;
	front-size: large;
	
  }

a:link{
	color: black;
}

a:visited {
	color: gray;
}

a:hover {
	text-decoration: none;
	color: white;
	background-color: navy;
}

a:active {
	color: aqua;
	background-color: navy;
	}


/* navigation on Page 1 */
#navigation {
	background-color: white;
 	color: black; 
	front-size:   x-large; 
	front-weight: bold;
	width:  200px;
	height: 40%;
	margin:  0;
	border: 1px solid navy;
}

#content, #content1, #content2, #content4 {
	front-family: Cambria, "Times New Roman", Arial, sans-serif;
	font-size:       x-large;
	front-weight:    bold;
	background-color: light gray;
	padding-top:    0.2em;
	padding-bottom: 0.2em;
	padding-left:   0.2em;
	margin:         0;
	
      }




/* Using absolute position */
#navigation, #content, #content1, #content2, #content3, #content4, #header  {
	position: absolute;
	}
	
#header {
	width: 100%;
	}

/* Top is measured from the top of the screen */
#navigation, #content, #content1, #content2, #content3, #content4 {
	top: 170px;
	}
	
/* Left is measured from the left side of the screen. */
#content {
	left: 450px;
	}

/* Page 2 */
#content1 {
	left: 440px;
	}
/* Page 3 */
#content2 {
	left: 440px;
	}
/* Page 4 */
#content3 {
	left: 250px;
	right: 250 px;
	}
/* Page 5 */
#content4 {
	left: 400px;

	}