/* This is the Cascading Style Sheet for the major pages on the Geezer Test website */

/* This sets the color and other attributes for links within the body text */
A:link { color:#0000FF; text-decoration: none}
A:visited { color:#CC9933; text-decoration: none}
A:hover { color:#D60001; text-decoration: underline; }
A:active { color: #D60001; text-decoration: none}

/* This sets the font family, color and other attributes for links in the left menu */
.menu {Font-Family : Comic Sans MS; Font-Size: 10pt }
.menu A:link { color:#000080; text-decoration: none  }
.menu A:visited { color:#000080; text-decoration: none }
.menu A:hover { color:#ff0000; text-decoration: none;  }
.menu A:active { color: #D60001; text-decoration: none }

/* This sets the font attributes for PageHeading style */
.PageHeading { Font-Family: Comic Sans MS; Font-Size: 18pt; Font-Weight: bold; color: #000080; font-variant: SMALL-CAPS; }

/* This sets the margins, font family and background color for the main body */
BODY { Font-Family : Times New Roman, Serif ; background-color: #9494AE; 
		margin: 0px 0px; padding: 0px; /* Need to set body margin and padding to get consistency between browsers. */
		text-align:center; /* Hack for IE5/Win */
}
.bottom_menu {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
/* These are styles for centered, right aligned and justified text. */
.centered { text-align: center; }
.right { text-align: right; }
.just { text-align:justify; }
.byline {
	font-family: "Comic Sans MS";
	color: #000080;
	font-weight: normal;
	font-size: 13pt;
}
.size4 {
	font-size: large;
}


/* This sets up the navigation bar at the top of the page just under the header art */
#navcontainer {
        width: 304px;
        padding: 0;
        height: 20px;
        margin:0px auto;
}

#navcontainer ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

#navcontainer ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
}

#navcontainer ul li a {
        background: navy;
        width: 100px;
        height: 18px;
        border-top: 0px solid #f5d7b4;
        border-left: 0px solid #f5d7b4;
        border-bottom: 0px solid #f5d7b4;
        border-right: 1px solid #ffffff;
        padding: 0;
 /*       margin: 0px auto;    */
        color: #ffffff;
        text-decoration: none;
        display: block;
        text-align: center;
        font: bold 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover {
        color: #ffffff;
        background: crimson;
}

#navcontainer a:active {
        background: navy;
        color: #fff;
}

/* #navcontainer li#active a {
        background: navy;
        border: 1px solid #ffffff;
        color: #fff;
}  */     

	
#Content {
	width: 720px;
	margin: 0px auto;
	text-align: left;
	padding-left: 40px;
	padding-right: 40px;
	margin-top: 0px;
	border-left: 1px solid #444444;
	border-right: 5px inset #777777;
	padding-bottom: 20 px;
	background-color: #ffffff;
	background-image : url('Geez_header_red.gif');
	background-repeat: no-repeat;
	background-position: center 15px;
}
	
#Menu {
	width: 110px;
	text-align: left;
	margin: 0px auto;
	float: left;
	margin-top: 235px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #E4E4EE;
	}
	
#Text	{
	float: right;
	margin: 0px auto;
	width: 635px;
	margin-top: 225px;	
		}