/* general formatting */

html {

	height: 100%;

}

h1 {
	font-family: Tahoma, "Lucida Grande", Arial, sans-serif;	
	font-size: 1.3em;
	color: darkolivegreen;
	text-align: center;
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 0.5em;

}

#gvcvtext {
      	margin:0; padding:0;
      	position:relative;
      	width:502px; height:38px;
      	overflow:hidden;

}

#gvcvtext span {
      	display:block;
      	position:absolute; left:0; top:0; z-index:1;
      	width:502px; height:38px;
      	margin:0; padding:0;
      	background:url("images/gvcvtext.jpg") top left no-repeat;
      
}


h2 {	
	color: saddlebrown;
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 1.1em;
	line-height: 1.25em;

}

img.figure {

	float: right;
	margin-left: 0.5em;
	margin-bottom: 0.5em;	
	padding: 0.5em;

}

a:link {

	color: saddlebrown;

}

a:visited {

	color: darkorange;

}
	

/* formatting for divisons */


body {

	font-family: Tahoma, "Lucida Grande", Arial, sans-serif;		
	line-height: 1.5em;
	background-color: darkolivegreen;

}
	

#wrapper {

	Width: 55em;
	/* max-width: 1000px; */	
	margin-right: auto;
	margin-left: auto;	
	background-color: white;

}

#banner {

	width: 100%
	height: 10em;

}

#logo {

	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	width: 10em;
	height: 9em;	
	float: left;
	border: 0.5em, 0.5em, 0.5em, 0 solid white;

}

#season {

	background-image: url(images/spring.jpg);
	background-repeat: no-repeat;	
	width: 42em;
	height: 9em;	
	float: right;
	border: 0.5em solid white;

}


#content {

	width: 100%;

}

/* navigation bar */


#nav {

	float: left;
	clear: both;

}

ul.nav {
		
	list-style-type: none;
	float: left;	
	margin: 0.5em;
	padding: 0 0.5em 0.5em 0.5em;
		
}

*html ul.nav {

	display: inline;

}

ul.nav a, .here {

	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 1.1em;
	display: block;
	width: 6.5em;
	height: 1.25em;
	line-height: 1.25em;
	padding: 5px 10px; 
	border: 1px solid;
	border-color: white;
	background-color: palegoldenrod;
	text-decoration: none;
}

ul.nav a:link, .here {

	color: saddlebrown;

}

ul.nav a:visited {

	color: darkorange;

} 

ul.nav a:hover {

	color: saddlebrown;
	text-decoration: underline;

}




/* main content */


#main {
	
	width: 42em;
	float: right;
	border-right: 1em solid white;
	padding-right: 1em;

}

/* photo gallery for task types*/


#gallery .photo img {

	background-color: palegoldenrod;
	padding: 0.5em;
	border: none;

}

#gallery .figure {

	float: left;
	width: 20em;
	margin: 0 0.5em 0.5em 0.5em;
}


/* task storyboards */


#storyboard .photo {

	float: left;
	clear: both;
	width: 20em;
	margin-bottom: 0.5em;
}

#storyboard .figure p {

	width: 22em;	
	float: right;
}

/* legal footer */


#legal {

	clear: both;
	text-align: center;
	background-color: palegoldenrod;

}