/* Holds everything in my webpage, header,
	text body, links, everything all pages but page 3*/
#container {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 85%;
	min-width: 800px;
	height: auto;
	min-height: 1000px;
	border-radius: 100px;
	background-color: darkseagreen;
	padding: 20px
	} 

/* for page 3 Holds everything in my webpage, header,
	text body, links, everything */
	#container2 {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 85%;
	min-width: 800px;
	height: 2900px;
	border-radius: 100px;
	background-color: darkseagreen;
	padding: 20px
	} 

/* divs */
div {
	border-radius: 10px;
}

/* Header with all link tags */
#header {
	height: auto;
	float: left;
	clear: both;
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	background-color: lavender;
	padding: 10px
	}  

/* Where my main text goes */
.textarea {
	height: 85%;
	min-height: 500px;
	float: left;
	clear: both;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 20px;
	width: 80%;
	min-width: 600px;
	background-color: lavenderblush;
	color: black;
	padding: 10px;
} 

/* Where my main text goes */
.textarea2 {
	height: 2650px;
	min-height: 500px;
	float: left;
	clear: both;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 20px;
	width: 80%;
	min-width: 600px;
	background-color: lavenderblush;
	color: black;
	padding: 10px;
} 
 

/* submenu link header */
.submenu { 
	height: 32px;
	width: 150px;
	background-color: grey;
	float: left;
	clear: right;
	padding: 5px;
	color: white;
	margin-top: 5px
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px; }
	

/* instagram link header */
.instagram { 
	height: auto;
	width: 150px;
	background-color: lightblue;
	float: left;
	clear: right;
	padding: 5px;
	color: white;
	margin-top: 5px
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px; }
	

/* description styling */
.menudescription {
	height: auto;
	width: 150px;
	background-color: lightseagreen;
	float: left;
	clear: right;
	padding: 5px;
	color: white;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 10pt;
} 

/* Makes titles above text like soccer title styled */
.texthead {
	color: black;
	font-size: 15pt;
	font-weight: bold;
} 


/* Title at top of blog */
.titlename {
	color: black;
	font-size: 30pt;
	text-align: center;
	padding: 10px;
	height: auto;
	width: 250px;
	background-color: white;
	float: left;
	clear: right;
	padding: 10px;
	margin-top: 5px
	margin-right: 5px;
	margin-left: 30%;
	margin-bottom: 5px;
	 
}
	


 /* Style for cross-country text */
.xcpstyle {
	font-size: 12.5pt;
} 
 

/* All dates are bold*/
.bolddate {
	font-weight: bold;
}
 

 /* unvisited link */
a:link {
    color: darkorchid;
}

/* visited link */
a:visited {
    color: darkorchid;
}

/* mouse over link */
a:hover {
    color: darkmagenta;
}

/* selected link */
a:active {
    color: darkmagenta;
}

/* paragraph container to hold restauraunt descriptions */
.pcontainer {

	height: 200px;
	float: left;
	clear: both;
	margin-left: 5px;
	margin-bottom: 20px;
	width: 90%;
	background-color: thistle;
	color: black;
	padding: 10px;

}