/*============= this styles the page background but is overwritten by the "wrapper" styles. Color here defines FONT COLOR ================*/
body {
	font: .5em "Book Antiqua", "Times New Roman", Times, sans-serif;
	background-color: #FDFEEF;
	background-image: url("../images/backgrounds/bgcream.gif");
	margin: 0px;
	padding: 0px;
	color: #002200;
}

/*========== keeps image hyperlinks from having border =============*/
body img {
	border: 0px;
}

/*=========== heading styles.  Sets the default font and color for headings, and also the size of each heading tag  ========================*/
h1, h2, h3, h4 {
	font-family: "Book Antiqua", "Times New Roman", Times, sans-serif;
	font-weight: bold;
	color: #003900;
        
}
h1 {
	font-size: 3.5em;
        text-align: center;
}
h2 {
	font-size: 3em;
        text-align: center;
		color: #000000;
}
h3 {
	font-size: 2.5em;
}
h4 {
	font-size: 2em;
}
h5 {
	font-size: 1.5em;
}

/*============== page links unless styled elsewhere.  sets the colors. =============*/
a, a:link {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
a:visited {
	color: #F1F1F1;
	font-weight: normal;
	text-decoration: none;
}
a:hover { 
	color: #003900;
	text-decoration: underline;
	background-color: #FFFF00;
}

/*============== hidden links have same link color as the content body's color =============*/
.hidden, .hidden a, .hidden a:hover
{  color:#FDFEEF;background:#FDFEEF;
}

/*============== This hiddenlink is for Directories Only. They have same link color as the content body's color =============*/
.hiddenlink, .hiddenlink a, .hiddenlink a:hover
{  color:#FDFEEF;background:#FDFEEF;
}

  
/*============ "background" is the color of the outside edges. "height" is the actual length of the screen, top to bottom.  "color" is the font color of text in this section, and probably should match the color of the "innerwrapper" ============== */
#outerwrapper {
	padding: 0px;
	width: 100%;
	margin: 0 0 0 0;
	bottom: relative;
	height: 5000px;
	background: #003900;
	color: #FDFEEF;
}

/*================ this section sets the background color and image of the main area of the screen.  Its width is 900 pixels, and it starts 220 pixels from the left edge of the screen. ====================*/
#innerwrapper {
	border: 0px solid #A46F3A;
	padding: 10px;
	background-color: #FDFEEF;
	background-image: url("../images/backgrounds/bgcream.gif");
	position: absolute;
	top: 60px; 
	left: 220px;
	width: 850px;
	text-align: left; /* Redefines the text alignment defined by the body element. */; 
	color: #000000;
	margin: 0 auto 0 auto;
}
#innerwrapper .title {
	float: right;
	font-weight: bold;
	font-size: 1.5em;
	color: #FDFEEF;
	margin-top: 20px;
}
#innerwrapper a, a:link {
	color: #003900;
}
#innerwrapper a:visited {
	color: #989898;
}
/* ================ styling for top banner ==================*/
#innerwrapper #masthead  {	
	width: 850px;
	background-image: url("../images/backgrounds/bgcream.gif");
	border-color: #FDFEEF;
}

/*======= styles masthead title ===========*/
#innerwrapper #masthead .title {
	float: right;
	font-weight: bold;
	font-size: 1.5em;
	color: #FDFEEF;
	margin-top: 20px;
	margin-right: 0;
}

/*============== styles tables can be used over again on same page ========*/

.main {
	border-collapse: collapse;
	border: 1px gray solid;
	padding: 5px;
	width: 100%;
	margin: 0 0 0 0;
	background-color: #FDFEEF;
	background-image: url("../images/backgrounds/bgcream.gif");
}

/*================= styles left navigation table cell chgd width from 200 to 150 ===============*/
#leftnav {
	position: absolute;
	top: 80px; 
	margin-left: 0px;
	width: 200px;
	text-align: left;
	color: #FDFEEF;
	font-size: 14px;
	border-style: solid;
	border-width: 0px 0px 0px 0px
}
#leftnav h4 {
	font-size: 1.5em;
	color: #FDFEEF;
}
#leftnav a {
	color: #FFFFFF;
	font-size: 12pt;
}
#leftnav a:visited {
	color: #ABABAB;
}
#leftnav a:hover {
	font-weight: bold;
	color: #000000;
	background-color: #FFFF00;
} 
#leftnav ul li {
	color: #FDFEEF;
}
/*============== styles content table cell ================*/
.content {
	border: 1px gray solid;
	padding: 5px 20px 5px 20px;
	vertical-align: top;
	background-color: #FDFEEF;
}
/*============ styles bottom footer ===============*/
#innerwrapper #footer {	
	
	background-color: #FDFEEF;
	background-image: url("./images/backgrounds/bgcream.gif");
	width: 850px;
	border-top: solid 2px #4b6078;
	padding: 10px;
	font-size: .8em;
	color: #000000;
}

/*================ general styles ===================*/
.ctr {
	text-align: center;
}
.smalltext {
	font-size: small;
}
.floatleft {
	float: left;
	margin: 10px 10px 10px 15px;
}
.floatright {
	float: right;
	margin: 10px 15px 10px 10px;
}
/*================ right side =================*/
#rightside {
	position: absolute;
	top: 80px; 
	margin-left: 1100px;
	width: 200px;
	text-align: left;
	color: #FDFEEF;
	font-size: 14px;
	border-style: solid;
	border-width: 0px 0px 0px 0px
}
#rightside h4 {
	font-size: 1.5em;
	color: #FDFEEF;
}
#rightside a {
	color: #FFFFFF;
	font-size: 12pt;
}
#rightside a:visited {
	color: #ABABAB;
}
#rightside a:hover {
	font-weight: bold;
	color: #000000;
	background-color: #FFFF00;
} 
#rightside ul li {
	color: #FDFEEF;
}

/*================ contributor styles ===================*/
.cont {
         text-align: center;
}

.cont {
         font-size:small;
         font-style:italic;
         text-align:center;
}