body {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: small;
	background-color: #02073f;
}

h1 {
	font-weight: normal;
	font-size: 170%;
	color: #02073f;
}
h2 {
	font-style: italic;
	font-size: small;
}

h3 {
	font-style: strong;
	font-size: small;
}

#wrapper { 
 margin: 0 auto;
 width: 900px;
}

#header {
 width: 880px;
 color: #000000;
 padding: 10px;
 border: 1px solid #ffffff;
 height: 100px;
 margin: 0px 0px 0px 0px;
 background: #ffffff;
}
#navigation {
 float: left;
 width: 900px;
 color: #ffffff;
 padding: 10px;
 border: 1px solid #ffffff;
 margin: 0px 0px 0px 0px;
 background: #02073f;
}


#leftcolumn { 
 background: royalblue;
 margin: 0px 10px 0px 0px;
 padding: 0px;
 width: 135px;
 float: left;
}

#rightcolumn { 
 color: #000000;
 background: #ffffff;
 margin: 0px 10px 5px 0px; 
 padding: 10px;
 width: 882px;

}

#content { 
margin: 10px 0px 0px 0px;
min-height: 467px;
}


#contact {
	
 height: 400px; 
 width: 868px;
 color: #000000;
 border: 1px solid #ffffff;
 background: #ffffff;
 margin: 0px 0px 5px 0px;
 padding: 10px;
}

#photo {
	
 height: 500px; 
 width: 870px;
 color: #000000;
 border: 1px solid #ffffff;
 background: #ffffff;
 margin: 0px 0px 5px 0px;
 padding: 10px;
}



#footer { 
 width: 900px;
clear: both;
 color: #ffffff;
 border: 1px solid #02073;
 background: #02073f;
 margin: 0px 0px 0px -12px;
 padding: 10px;
}

/* The styling for the paragraphs. */ 
#para {
	line-height: 1.6em;
	padding: 25px;
	margin: 120px;
}

/* styling for the links. */ 
#nav {	width: 100%;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	background-color: #02073f;
	border-bottom: 1px solid #02073f;
	border-top: 1px solid #02073f; 
	border-left: 1px solid #ffffff;
	
 }
#nav li {
	float: left; }

#nav li a {
	display: block;
	padding: 10px 10px;
	text-decoration: none;
	font-weight: normal;
	color: #ffffff;
	border-right: 0.5px solid #ccc;
	}

#nav li a:hover {
	color: #ffffff;
	background-color: #2c349f; }

/*
#navigation {
	width: 110px;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	background-color: #02073f;
 }



#navigation li a {
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	color: #ffffff;
	border-top: none;
	border-bottom: 1px solid #ffffff;
	}

#navigation li a:hover {
	color: #ffffff;
	background-color: #2c349f; }


*/
#menuv		/* position, size, and font of  menu */
	{	 
	border: 0.5px solid #ffffff;
	float: left;	
	top:19em;
	left:6em;
	z-index: 10;
	width: 135px;
	height:	500px;						/* [1] width of menu item (i.e., box) */
	text-align: center;
	font-size: normal;
	}

#menuv a
	{
	width: 100%;
	display:block;						
	padding-top: 0.2em;						/* expands menu box vertically*/
	padding-bottom: 0.2em;
	border-bottom:1px solid #555;		/* adds bottom border */
	/*white-space:nowrap;*/
	}

#menuv a, #menuv a:visited				/* all menus at rest */
	{
	color: #ffffff;
	background-color: #2c349f;
	text-decoration:none;				/* removes underlines from links */
	}


#menuv a:hover				/* all menus on mouse-over */
	{
	color: #02073f;
	background-color: #4a519f;
	}
		
#menuv li
	{
	list-style-type:none;		/* removes bullets */
	}
	
#menuv ul li
	{
	position:relative;
	}

#menuv li ul
	{
	position: absolute;
	top: 0;
	left: 135px;				/* distance from  left menu (this should be the same as width value in #menuv [1]) above */
	display: none;
	}

div#menuv ul, #menuv ul ul, div#menuv ul ul ul
	{
	margin:0;				/* keeps the menu parts together */
	padding:0;
	width: 135px;			/* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	}

div#menuv ul ul, div#menuv ul ul ul, div#menuv ul li:hover ul ul, div#menuv ul li:hover ul ul ul
	{
	display: none;
	}

div#menuv ul li:hover ul, div#menuv ul ul li:hover ul, div#menuv ul ul ul li:hover ul
	{
	display: block;
	}
	

  
/* The styling for the image on the index page. */ 
#boat1 {
	width: 300px;
	float: left;
	margin: 10px 70px 0px 0px;
}

#rope {
	width: 481px;
	height: 19px;
	float: left;
	margin: 0px 500px 30px 0px;
}

#office {
	width: 300px;
	float: left;
	margin: 0px 10px 0px 0px;
}


#graph {
	width: 400px;
	float: right;
	margin: 30px 10px 10px 30px;
}
#sentence {
	
	margin: 40px;
}

#glass {
	width: 250px;
	float: right;
	margin: 30px 0px 30px 0px;
}




#bullet {
	width: 25px;
	float: left;
	margin: 0px 0px 0px 10px;
}



/* The Styling for the table on the music page. */ 
table {
margin-left: 20px;
margin-right: 20px;
border: thin solid black;
border-collapse: collapse;
border-spacing: 0px;
}

td, th {
border: thin dotted white;
padding: 5px;
}

th {
background-color: gray;
}