/* CSS Document */
	

	html, body {
		margin:0;
		padding:0;
		background:#f7f2dc;
		color:#000;
		font-family:Arial, Helvetica, sans-serif;
	}
/* ---------- Begin LEFT Navigation Styles -------------*/
#nav { 
    float: left;
    width: 165px;
    padding: 0px;
    margin: 0px;
    }


  #nav a { /*new*/
    /*width: 140px;*/
    color: #fff;
    padding: 5px;
    display: inline-block;  /*triggers hasLayout*/
    vertical-align: bottom;
    }

#nav a {/*new*/
    display: block;  /*resets value, but does not unset
                       hasLayout*/
    }

#nav ul { position: relative;
    margin: 0px;
    padding: 0px;
    width: 165px;
    list-style: none;
    }

#nav li {
    position: relative; /*set positional reference*/ 
    width: 100%;        /*trigger hasLayout--IE needs for AP
                          location*/    
    color: #f7f2dc;
    background: #6c4a80;
    border-top: 1px #f7f2dc solid;
    vertical-align: bottom; /*onhover, IE is establishing an explicit
                              linebox.  That's the last 2-3px of shift.
                              Setting the vertical-align property insures
                              the same alignment hovering or not—top 
                              works as well as bottom.*/
    }
  
#nav li a {
    text-decoration: none;
    font-size:small;
    }  

#nav li:hover, 
#nav li.hover, 
#nav li a:hover { 
    color: #000;
    background: #f5bd27; 
    }


/*---------------------- End Navigation styles ------------------------*/

/*Begin page structure styles*/

	#mother {/*The main container that hold navigation, content and footer*/
		background: url(images/purple2.jpg);
		margin:0 auto;
		width:760px;
		border-bottom: 1px solid #000;
		border-right: 1px solid #000;
		border-left: 1px solid #000;
	}
	
	#header {
		padding: 0;
	}

	#main {/*This holds the page content*/
		background:#fff;
		float:right;
		width:595px;
		padding-bottom: 5px;
		
	}
	 h1 {/*Page content h1*/
	 background: #ffdf66; 
	 color: #38104f;
	 padding: 8px;
	 font-size: 1.2em;
	 margin-top: 0;
	 }
	 
	 h2 {
		margin:4px 5px 6px 6px;
    }
	h3, p {/*Same padding for  h3 and p in the main container*/
	margin:4px 5px 6px 10px;
	} 
	 h2 {
	color: #38104f;
	background: none;
	font-size: 1.1em;
	
	}
	 h3 {
	color: #774395;
	background: none;
	font-size: .9em;
	}
 p {
font-size: small;
clear:left;

}
#main p.date {
font-size: x-small;

}

/*END page structure styles*/

/*Main Link styles*/
 a:link {
	color: #a01cee;
	text-decoration: underline;
}
 a:visited {
	color: #a01cee;
	text-decoration: underline;
}
 a:hover {
	text-decoration: none;
}
/*END Main Link styles*/

#factBox {
float: right;
width: 170px;
background: #ffdf66; 
margin: 5px;
border: 1px solid #000;
padding: 3px;
}
#factBox p {
font-size: .7em;
font-family:  Arial, Helvetica, sans-serif;

}
#factBox ul  {
margin: 0;
padding: 2px;
list-style: disc;
}
/*----- Begin Footer styles ----*/
	
#footer {
background: #fff;
clear: both;
width: 100%;
border-top: 1px solid #000;
}
#footer p {
padding:2px;
margin:0;
font-size: smaller;
    }
	#footer a:link {
	color: #a01cee;
	text-decoration: underline;
}
#footer a:visited {
	color: #a01cee;
	text-decoration: underline;
}
#footer a:hover {
	
	text-decoration: none;
}
/*---- END Footer styles ----*/


/*---- BEGIN submenu styles--*/
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#navigation li {
	float: left;
	margin: 0;
	padding: 0;
	}
	
#navigation a {
	color: #a01cee;
	font-size: .7em;
	padding: 0 6px 0 8px;
	text-decoration: underline;
	border-right: 1px solid #333;
	}
	
#navigation a:hover {
	color: #a01cee;
	text-decoration: none;
	}
	
#navigation #currentpage a {
	background: #fff;
	color: #333;
	text-decoration: none;
	}
	#navigation  a.last {
	border: 0;
	}
/*---- END submenu styles ----*/

.normal { /*to use with bullet lists in the main content area*/
font-size: small;
}
.date {
	font-size: .6em;
}