/* CSS Document */

body { text-align: center; font-family: verdana; background-color: #ada845; background-image: url(images/background_octagon.gif); images/ text-align: left; behavior: url(css/csshover.htc); font-size: .8em;}
* {margin: 0; padding: 0;}

a { color: #3b3673; text-decoration: underline;}
h1 { font-size: 1.25em; margin: 25px 0 3px 0; color: #333; }
h2 { font-size: 1.25em; margin: 25px 0 3px 0; padding: 15px 0 0 0; border-top: 1px solid #807830; color: #333; }
h4 { font-size: .9em; margin: 15px 0 5px 0; padding: 15px 0 0 10px; color: #333; border-top: 1px solid #807830;} /* first line of updates */ 
h5 { font-size: .9em; margin: 5px 0 5px 0; padding: 15px 0 0 25px; color: #333;} /* same as h4, but with no line above */ 
h6 { font-size: .85em; margin: 5px;  font-weight: normal;}

p{ 	font-size: .85em; margin: 0 0 10px 20px;}
blockquote { margin: 0 0 0 45px; }
hr { margin: 15px 0 10px 0; color: #000000; height: 1px; }


/* Navigation Container 
--------------------------------------------------------*/
	#navContainerCentered {
		text-align: left;
		width: 800px;
		margin: 0px auto;
		padding: 0px;
	}


/* Body Content
-------------------------------------------------------------------------------------- */
	div#bodyContainerCentered {
		text-align: left;
		width: 800px;
		margin: 0px auto;
		padding: 0px;
		background-color: #D2C89C;      /* D2C89C */
		border: 2px solid #807830; 		
	}
	
		
	div#bodyContent {
		margin: 10px 0 10px 10px;
		padding: 0 20px 20px 25px;
		width: 480px;
		float: left;
		/* border: 1px solid #333; */
	}
	
	div#bodyContent img {
		border: 2px solid #807830;
	}

	div#bodyContent p img { float: left; margin: 5px 15px 5px 0; }
	
	div#bodyContent table {
		border: 1px solid #807830;
		font-size: .875em;
		margin: 10px 0 0px 25px;
	}
	
	div#bodyContent td {
		border: 1px solid #807830;
	}
	
	div#bodyContent table p {
		margin: 3px;
	}
	
	div#bodyContent form table {
		border: none;
	}
	div#bodyContent form td {
		border: none;
	}

	div#indexListingLeft {
		float: left;
		margin: 10px 15px 20px 15px;
		/*border: 1px solid #333;*/
	}
	div#indexListingRight {
		padding: 11px 0 0 0;
		/* float: left; 
		border: 3px solid #222;*/
	}
	
/* Side Navigation
----------------------------------------------------------*/
	div#bodyNavigation {
		float: right;
		background: #D2C89C;
		width: 235px;
		margin: 35px 6px 0 0;
		padding: 15px 0 50px 15px;
		border-top: 1px solid #807830;
		border-left: 1px solid #807830;
		height: 95%;
	}
	
	div#bodyNavigation p {
		font-size: .825em;
		margin: 5px 25px 0 3px;
		padding: 0 10px 0 0;
	}
	
	div#bodyNavigation a {
		color: #333;
	}


/* Footer Container 
--------------------------------------------------------*/
		#footerContainerCentered {
			text-align: center;
			margin: 10px auto;
			padding: 3px auto;
			width: 800px;
			background-color: #D2C89C;
			border: 2px solid #807830;			
		}

/* Experience Page 
-------------------------------------------------------*/
div#exp p {
	font-size: .825em;
	margin: 0 0 0 55px;
}

div#exp p.description {
	margin: 0 25px 15px 75px;
}

		
 
/* Drop Down Menu
--------------------------------------------------------------------------------- */
	div#listMenuContainer {
		width: 800px;
		margin: 10px auto;
	
	}
	div#listMenu {
		width: 800px;
		float: left;  /*makes the div enclose the list*/
		border: 2px solid #807830;	
		background-color: #D2C89C ;            
		margin: 0;
		padding: 0;
	}
	
	div#listMenu a {
		display: block;
		text-decoration: none; /*removes underline*/
		padding: 0 10px; /* this should be as wide as the ul li's padding*/
		color: #000000;
	}
	
	div#listMenu ul {                            /* <---      UL      */
			margin: 0 0 0 15px;
	}
	
	* html div#listMenu ul{ /* IE hack */                     
		float: left;
		border-left: 2px solid #807830; /* allows the li to have a border on the left */
	}
	
	 
	div#listMenu ul li {
		float: left; /*causes the list to align horizontally instead of stack */ 
		position: relative; /* this set with the absolute possitioning of the ul li ul puts the drop down directly below the top li */
		padding: 2px 0; /*creates width of individual top links to be 10 pixels wider on both sides*/
		list-style-type: none; /*removes bullets*/
		border-right: 2px solid #807830;
		background-color: #D3D0AB; /* D3D0AB */          
	}
	
	div#listMenu ul li:first-child {
		border-left: 2px solid #807830;
	}
	
	div#listMenu ul li:hover {
		background-color: #b5ac57;  /*background color of top navigation when hovered*/
	}
	
	div#listMenu ul li ul {                            /* <---      UL LI UL      */
		margin: 2px 0 0 0; /*this is set to match the border of the li container */
		width: 150px; /* by itself allows the top level ul to define it's width */
		position: absolute; /* places the ul under the previous li */
							/* this also keeps the whole li object from surrounding the enclosed li */	
		left: -2px; /* the absolute positioning places the drop down directly below the parent, the ul 
						since the li has a border, it will be a bit off from the border of the ul since the
						ul is not positioned below the li's border */
	}
	
	body div#listMenu ul li ul {
		display: none;
		} /* Place this in the body tag so IE can utilize the display none */
	
	div#listMenu ul li:hover ul, div#listMenu ul li ul:hover {
		display: block; /* this allows the  embeded list to be seen */
	}
	
	div#listMenu ul li ul li {
		width:100%;
		border-left: 2px solid #807830;
		border-right: 2px solid #807830;
		border-bottom: 2px solid #807830;
	}	
	
	div#listMenu ul li ul li a {
		display: block;
		width:100%;	
	}
	
	div#listMenu ul li ul li:first-child {
		border-top: 2px solid #807830; /* puts a top on the first of the drop down items */
	}
	
	*html div#listMenu ul li ul {
		border-top: 2px solid #807830;
		border-left: 0px;
	}
	
	div#listMenu ul li ul li ul {
		visibility: hidden;
		top: -4px; /* this pops the ul up to the level of the previous li */
		left: 150px;
		width: 190px;
	}
	
	* html div#listMenu ul li ul li ul {
		left: 146px;
	}
	
	div#listMenu ul li ul li:hover ul {
		visibility: visible;
	}
	
	

.bold {
	font-weight: bold;
}

div.clearfloats {clear: both;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix {height: 1%;}
.clearfix {display: block;}