/****** "Colored boxes" demo stylesheet for CSS Ninja Garden Web site  ******
* Based on CSS Ninja Garden Web site version 1.6.
*/
/* ________ Containers, Main Headings, and Navigation. ________ */


body {
	background-color: AntiqueWhite;
	background-image: url(../media/carp.jpg) ;
	background-repeat: no-repeat;
	text-align: center;
	min-width: 95%;
    font-family: Gill Sans, Arial;
    font-size: 26px;
    color: rgb(40%, 35%, 10%) ;
}

div {
	position: relative;
}

a {
    text-decoration:  none ;
  	color: #514a38 ;
}

a:hover {
    text-decoration:  underline ;
}

#main-container {
	background-color: #ddbe85;
	opacity: .80;
	text-align: left;
	width: 70%;
	margin: 0 auto ;
	overflow:  auto;
	color:  cornflowerblue ;
	margin-bottom: 1.5em;
	margin-top: 1em;
}

	#logo {
		position: relative ;
		height: 95px ;
		background-image: url(../media/banner.gif) ;
		background-repeat: no-repeat;
		left: 200px;
		height: 80px;
		width: 600px;
		opacity: .80;
	}
	
	#watermark {
	    position: absolute ;
	    opacity: .55;
	    top: 220px ;
	    left: 550px ;
	    height: 500px ;
	    width: 400px ;
		background-image: url(../media/ninja_shadow.gif) ;
	    background-repeat: no-repeat ;
	}
	
	.global-navigation {
	    height: 29px ;
	    width: 100% ;
	    margin-top: 1%;
		background-color: #442810 ;
		color: aqua ;
		font-size:  20px ;
		text-align:  left;
	}
	
		.navigation-link, .navigation-link-over {
		    float: left ;
		    width: 15% ;
		    height: 50%;
		    margin-left: 2% ;
			padding: 1.2em;
		    text-align: center ;
			font-size:  18px ;
			background-color:  #442810 ;
			color: wheat ;
		}
		
		.navigation-link-over {
			cursor:  pointer ;
			background-color: #514a38;	
		}

		
	/* ________ Description ________ */
	#description-container {
	    width: 50% ;
		padding: 1.5em;
		margin-top: 6%;
	    font-family: Gill Sans, Verdana ;
	    font-size: 20px;
		height: 100% ;
		color:  maroon ;
		overflow: auto;
	}
	
		#description-container p {
			margin-top: 0em ;
			margin-bottom: .5em;
		}
		
		#description-container em {
			color: black;
		}
		
/* ________ Links to Other Projects ________ */
	#other-projects {
		position:  relative ;
		margin-left:  9em ;
		margin-bottom: 20px ;
		margin-top: 3%;
		padding:  4px ;
		font-size:  14px ;
	}
	
		.other-project, .other-project-over {
			position:  relative ;
			float:  left ;
			width: 25% ;
			height:  40px ;
			margin: 4px ;
			padding-left:  60px ;
			padding-top: .4em;
			background-image:  url(../media/CherryBlossom1.gif);
			background-repeat: no-repeat;
			color: #442810 ;
			font-size: 15px ;
		}
		
		.other-project-over {
			background-color:  wheat ;
			background-image:  url(../media/CherryBlossom2.gif);
			color:  maroon ;
		}
		
.footer { /* When nesting divs inside a relatively positioned div, this footer stretches the border and background to fit. */
	clear: both ;
	width: 100%;
	background-color:  red ;
	color: maroon ;
}