body {
	font-family: verdana, arial, sans-serif; 
	font-size:100%; 
	background-color:#F2EBCD;
	-moz-linear-gradient(-90deg,#CCC,#AAA);
	-webkit-gradient(linear, left top, left bottom, from(#CCC), to(#AAA));
	width: 960px;
	margin-left:auto;
	margin-right: auto;
	/*border: 2px solid black;*/
	}

@keyframes myfirst
{
0%   {background-color:#C0C0C0;}
25%  {background-color:#B65247;}
50%  {background-color:#B03D39;}
100% {background-color:#E0BA73;}
}

@-webkit-keyframes myfirst /*Safari and Chrome */
{
0%   {background-color:#C0C0C0;}
25%  {background-color:#B65247;}
50%  {background-color:#B03D39;}
100% {background-color:#E0BA73;}
}
	
* {
	margin:0; 
	padding:0;
	} 

a:link {
	color: #65271A;
	}
	
a:hover {
	background-color: #FFFFAE;
	color: #000000;
	}

a:visited {
	text-decoration: none;
	color: #C1494F;
	}

div#header {
	width: 80%; 
	text-align:center; 
	margin-top: 12px; 
	margin-left: auto;
	margin-right: auto;
	padding-top: 6px;
	border-top: 3px solid #6B685B;
	}
	
div#header h1 {
	width: 80%;
	margin-top: .25em;
	margin-bottom: 12px;  
	margin-right:auto; 
	margin-left:auto;
	padding-bottom: 8px; 
	font: 1.8em bold "Times New Roman", arial, sans-serif;  
	text-align:center; 
	border-bottom: 3px solid #6B685B;
	letter-spacing: -.05em; 
	line-height: 1.3em;
	text-align:center; 
	text-shadow: -3px -3px 5px #999;
	}

div#header h1 span {
	font-style: italic;
	width: 60%;
	/*border-bottom: 2px solid #E0BA73;*/
	padding: 0 0 .3em;
	}

/* the horizontal menu starts here */
div#listmenu {
	width:95%; 							/* makes the div full width */
	float:left; 						/*makes the div enclose the list */
	border-top: 2px solid #C1494F;		/* draws line on top edge of div */
	border-bottom: 2px solid #C1494F;	/* draws line on bottom edge of div */
	font-size:1em;						/* Sets font size */
	background-color:#FFFFAE; 				/* colors the div */
	margin-bottom: 1em;
	}
	
div#listmenu ul {
	margin:0 0 0 100px;					/* indents ul from edge of container */
	}
	
div#listmenu li {
	float:left;							/* causes the list to align horizontally instead of stack */
	position:relative; 					/* positioning context for the absolutely positioned drop-down */
	list-style-type:none;				/* removes the bullet off each list item */
	background-color: #E0BA73; 				/*sets the background of the menu items */
	border-right:1px solid #CE996F; 			/* creates dividing lines between the li elements */
	}
	
div#listmenu li:first-child {
	border-left:1px solid #CE996F; 			/*the first vertical line on the menu */
	}
	
div#listmenu li:hover { 
	background-color: #FFFFAE; 				/*sets the background of the menu items */
	color: #000000;
	}
	
div#listmenu a {
	display: block;
	padding: 0 15px;					/*creates space each side of menu item's text */
	text-decoration: none;	 			/* removes the underlining of the link */
	color: #65271A;						/* sets the type color */
	}
	
div#listmenu a:hover {
	color: #000000;
	}
						/* the horizontal menu ends here */
						
						/* the drop-down starts here */
div#listmenu ul li ul {
	margin: 0;
	position:absolute; 	/* positions the drop-down ul in relation to its relatively positioned li parent */
	width:10em; 		/*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-1px; 			/*aligns the drop exactly under the menu */
	}
	
div#listmenu ul li ul li {
	width:100%; 						/* makes the list items fill the list container (ul) */
	border-left:1px solid #CE996F; 		/*  three sides of each drop-down item */
	border-bottom:1px solid #CE996F;
	border-right:1px solid #CE996F;
	}
	
div#listmenu ul li ul li:first-child {
	border-top:1px solid #CE996F; 		/*the top edge of the dropdown */
	}
									/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {
	display:none;
	} 								/* conceals the drop-down when menu not hovered */
	
div#listmenu ul li:hover ul {
	display:block;
	} 								/* shows the drop-down when the menu is hovered */

/* Start pop-out here*/
body div#listmenu ul li ul li ul { 
	visibility: hidden;
	top: -1px;
	left: 10em;
	}
	
div#listmenu ul li ul li:hover ul {
	visibility:visible;
	}

div#container {
	clear:both;
	/*background-color:#F2EBCD;*/
	/*background: red;*/
	}
	
div#contentheader {
    clear: both;
	width: 60%;
	margin: 25px 0 20px 0;
	background-color: #E0BA73;
	animation-name: myfirst;
	animation-duration: 10s;
	/* Safari and Chrome */
	-webkit-animation-name: myfirst; 
	-webkit-animation-duration: 10s;
	border-top: 4px double #C1494F; 
	border-bottom: 4px double #C1494F;
	letter-spacing: .3em;
	line-height: 130%;
	padding: 4px 0 4px 0;
	font-size: 20px;
	font-weight: bold;
	text-indent: 2%;
	}

div#content {
	border-radius: 15px;
	-moz-border-radius: 15px;
	float:left;
	width: 75%;
	margin-bottom: 20px;   
	background-color: #FFFFCC;
	border: 1px solid #E0BA73;
	box-shadow: rgba(208, 175, 155, 0.5) -10px -10px;
	-webkit-box-shadow: rgba(208, 175, 155, 0.5) -10px -10px;

	}
	
div#content h1 {
	font-size:1em; 
	text-indent: none; 
	margin-left: -30px;
	}
	
div#content p {
	font-size:1.1em; 
	padding: 1em; 
	line-height: 150%;
	}	
	
div#content li {
	font-size:.75em;
	}

div#rightcolumn {
	border-radius: 15px;
	-moz-border-radius: 15px;
	float: left; 
	width: 16%;
	padding: 1em .5em; 
	border: 4px inset #C1494F; 
	background-color: #E0BA73;
	margin-left: 20px;
	line-height: 1.2em; 
	box-shadow: rgba(208, 175, 155, 0.5) -10px -10px;
	-webkit-box-shadow: rgba(208, 175, 155, 0.5) -10px -10px;
	}
	
div#rightcolumn p {
	font-size:.65em;
	background-color: #E0BA73;
	}

div#spacer {
	width: 100%;
	}

div#bottom {
	clear: both;
	padding-bottom: 2px;
	border-bottom: 2px solid #CE996F;
	width: 100%; 
	}
	
div#footer {
	width: 100%; 
	font-size: 0.75em; 
	padding-bottom: 4px; 
	padding-top: 4px; 
	text-align: center
	}
	
div#footer UL {
	margin: 2px 0px
	}
	
div#footer LI {
	display: inline; 
	}
	
div#footer LI:unknown {
	border-left: 0px
	}
	
div#footer UL LI a {
	text-decoration: underline;
	padding-right: 5px;
	padding-left: 5px;  
	}
	
div#footer UL LI a:hover {
	color: #FFFFAE;
	background-color: #CFB463;
	}
	
div#footer UL LI a:visited {
	text-decoration: none;
	}
	
div#mailto {
	padding-bottom: 2px; 
	font-size: 0.65em; 
	width: 100%; 
	background-color: #FFFFAE; 
	text-align: center; 
	font-style: italic;
	border-top: 2px solid #C1494F;
	border-bottom: 2px solid #C1494F;
	}
	
.left-float {
    float: left;
    margin: 0 10px 5px 10px;
}

.right-float {
    float: right;
    margin: 0 10px 5px 10px;
}