/*Overall formatting for body of platinium legends pages*/
body {
	background-color: #ffcc66;
	color: #111111;
	font-family: sans-serif;
	margin-left: auto;
	margin-right: auto;
	max-width: 1024px;
	min-width: 256px;
	padding-top: 8px;
	padding-bottom: 24px;
	padding-left: 24px;
	padding-right: 24px;
}
/*Special colors for text of the headings*/
h1{
	color: #0000ee;
}	
h2{
	color: #0000cc;
}

/*Overall formatting for the menu bar*/
nav ul {
	list-style-type: none;
	background-color: #5D6BE2 ;
	border: 4px solid #111111;
	border-radius: 10px;
	font-family: sans-serif;
	font-weight: bold;
	overflow: hidden;
}
/*Formatting for items in the menu bar*/
nav ul li {
	display: inline;
	border-bottom: 2px solid #111111;
	padding-right: 8px;
	padding-left: 8px;
	padding: 8px 8px;
	font-size: 18px;
}
/*Removes the right-hand border from the last item in the menu bar*/
nav ul li:last-child {
	border-right: none;
}
/*Format hyperlinks in the menu bar*/
nav ul li a {
	text-decoration: none;
	color: #111111;
}
/*Format currently selected items in the menu bar */ 
nav ul li.selected {
	background-color: #929bed;
	color: #606060;
}
/*Format items in the menu bar when the mouse is hovering over the them*/
nav li a:hover {
	/*text-decoration: underline; */
	background-color:#bec3f4;
	color: black;
}	
}
/*Format items in the menu bar that have a dropdown */
nav li a, .dropbtn {
	display: inline-block;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}

/*Set where the dropdown content will appear for the bar*/
nav li.dropdown {
	display: inline-block;
}
/*Format for the dropdown content*/
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
/*Format for the hyperlinks in the dropdown content in the menu bar*/
.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}
/*Set the colour of drop down items when the mouse is over the top */
.dropdown-content a:hover {
	background-color: #f1f1f1;
}

/*Set the apperance of drop down items*/
.dropdown:hover .dropdown-content {
	display: block;
}
/*Set the overall formatting for the 'Top-Tip' class items*/
p.top-tip {
	border: 4px solid #00AFEB;
	border-radius: 10px;
	padding: 16px;
	background-color: #C5EBFB;
}
/*Set the text that will appear at the start of every 'Top-Tip' class item*/
p.top-tip::before {
	color: Black;
	content: "Tri Tip: ";
	font-weight: bold;
}

/*Set overall formatting for tables*/
table {
	font-size: 70%;
	border-collapse: collapse;
	width: 100%;
}

/*Set format for the heading and general rows in the tables*/
th, td {
	border: 1px solid #000000;
	padding: 8px;
	text-align: left;
}

/*Set the background colour for the header row cells in tables*/
th {
	background-color: #a6a6a6;
}

/*Set the background colour for body cells in tables*/
tr {
	background-color: #d9d9d9;
}

/*Set the background colour every second  row of in tables*/
tr:nth-child(even) {
	background-color: #f2f2f2;
}
tr:hover {
	background-color: coral;
}