/* MIS577 Keller Online, July 2015 Session */
/* External Style Sheet */
/* Robert Metteer */
body	{	background-color: black;
			font-family: verdana, geneva, sans-serif;
			text-align: left;
			width: 800px;
			margin: 0 auto; }
div		{	background-color: paleturquoise;
			padding: 25px; }
h3		{	text-align: center;
			color: darkblue;
			margin-top: 0em;
			margin-bottom: 0.2em; }
h4		{	color: darkblue;
			margin-top: 1em;
			margin-bottom: 0.5em; }
h5		{	text-align: center;
			color: darkblue;
			margin-top: 1em;
			margin-bottom: 0.2em;}
p		{	margin-top: 0.1em;
			margin-bottom: 0.5em; }
table	{	border-width: 5px; 
			border-color: blue; }
.inset	{	border-style: inset; }
img.centerImage
		{	display: block;
			margin-left: auto;
			margin-right: auto; }
/*I borrowed this neat nav idea from classmate James Hand.
I modified the color, fonts, and text size to fit my page. */
/*The below style (nav, nav ul, nav li) creates a Horizontal 
Navigation Menu for the full width of your layout
The code was found on the DarkStarDigital site - 
http://www.darkstardesign.com/darkstar-blog/2012/11/27/stretching-horizontal-navigation-menus-to-the-full-width-of-a-layout/ */
nav		{	display: table;
			width: 100%;
			height:20px;
			border-collapse: collapse;
			border: none;
			background-color:paleturquoise; }
nav ul	{	display: table-row; }
nav li	{	display: table-cell;
			margin: 0;
			vertical-align:middle;
			font-family: verdana, geneva, sans-serif;
			font-size: 1em; }
/* End of borrowed nav formatting */
			
table#ratingsTable
		{	border-width: 5px;
			border-color: blue; 
			border-style: inset;
			background-color: blue; }
table#ratingsTable
	tr	{	background-color: paleturquoise; }