/**************************************************************/
/*                                                             */
/*	 Copyright @ 1994-2018 Redmons, Fort Wayne, Indiana        */
/*                  All Rights Reserved                        */
/*                                                             */
/*  The Redmon Family of Fort Wayne, Indiana                   */
/*  url: www.redmons.com                                       */
/*                                                             */
/*  CSS Stylesheet Name: "/styles/index-styles.css"            */
/*                                                             */
/***************************************************************/

* {
		margin: 0;
		padding: 0;
		}
	
body {
		padding: 0;
		background-color: #efece2;
		background-image: url(../images/index-background.jpg);
		background-position: 50% 50%;
		background-repeat: no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		}

.clearit {
		clear: both;
		height: 0;
		line-height: 0.0;
		font-size: 0;
		}
		
#wrapper {
		position: relative;
		text-align: left;
		width: 95%;
		max-width: 1024px;
		margin-top: 10px;
		margin-right: auto;
		margin-left: auto;
		}

ul { 
		margin: 0;
		padding: 0;
		color: #ffffff;		
		}

h1 {
		font-size: 125%;
		font-weight: normal;
		padding-bottom: 0.4em;
		color: #ffffff;
		text-align: center;
		}

h2 {
		font-size: 125%;
		font-weight: normal;
		padding-bottom: 0.4em;
		color: #ffffff;
		text-align: center;
		}
		
h5 {
		color: #ffffff;
		}
		
p {
		font-size: 95%;
		line-height: 1.6em; 
		padding-bottom: 1em;
		color: #ffffff;
		}

#header {
		background-color: transparent;
		color: #ffffff;
		}
		
#menuwrapper {
		position: relative;
		float: left;
		width: 99%;
		height: 25px;
		background-color: transparent;
		border: 5px double #ffffff;
		}		
		
#main {
		display: table;
		margin-top: 1px;
		}
		
#content {
		display: table-cell;
		width: 85%;
		padding: 0 10px 0 10px;
		}
		
#msgbox {position:relative;
	display: table;
	float:left;
	width: 392px;
	padding: 5px;
	background: red;
	border: 5px double #ffffff;
	font: bold 100% Verdana,sans-serif;
	top: 150px;
	left: 42px;
	color: #919999;
	text-align: center;
	height: 240px;
	}
	<!---
	position: absolute;
	float: left;
	display: table;
	width: 392px;
	padding: 5px;
	background: red;
	border: 5px double #ffffff;
	font: bold 100% Verdana,sans-serif;
	top: 268px;
	left: 42px;
	color: #919999;
	text-align: center;
	height: 240px;
	} -->
	
	<!---
	{position:absolute; width:400px;float: left; display: table;
		height:150px; margin:5em auto;
		background: #f30; color:#000;}	
		
		/*Positioning divs*/
		#tl-corner, #bl-corner, #tr-corner, #br-corner
		{position:absolute; width:20px; height:20px;
		background:#fff; color:#f30; overflow:hidden;}
		#tl-corner {top:0px;left:0px;}
		#bl-corner {top:130px; left:0px;}
		#tr-corner {top:0px; left:180px;}
		#br-corner {top:130px; left:180px;}
		
		/*Bullet divs*/
		#tl-bullet, #tr-bullet, #bl-bullet, #br-bullet
		{position:absolute; font-size:150px; font-family:arial; color:f30; line-height:40px;}
		#tl-bullet {left:-8px;}
		#tr-bullet {left:-25;}
		#bl-bullet {left:-8; top:-17;}
		#br-bullet {left:-25; top:-17;}
		
		#content {position:absolute; top:10px; left:10px; width:180px; height:130px; color:#fff; font-family:arial;}
		-->		

#sidebar-right {
		display: table-cell;
		width: 14.99999%;
		background-color: transparent;
		border: 5px double #ffffff;
		padding: 10px 10px 7px 10px;
		}
		 
#links-nav ul {
		list-style: none;
		}
		
#links-nav li {
		width: 140px;
		font-size: 70%;
		font-weight: bold;
		color: #ffffff;
		text-align: center;
		}
		
#links-nav a:link, #links-nav a:visited {
		text-decoration: none;
		color: #ffffff;
		background-color: transparent;
		display: block;
		padding: 0.3em 10px 0.2em 10px;
  		border-bottom: 2px solid #ffffff;
		}

#links-nav a:hover {
		background-color: #ffffff;
		color: #0000ff;
		border-bottom: 2px solid #0000ff;
		}

#sidebar-left .box {
		margin-left: 5px;
		padding: 0 10px 1em 0;
		color: #ffffff;
		}

#sidebar-left .box h4 {
		font-size: 110%;
		color: #ffffff;
		font-weight: normal;
		}
		
#sidebar-left .box p {
		font-size: 80%;
		color: #ffffff;
		}
/*
#content {
		font-size: 100%;
		font-weight: bold;
		color: #ffffff;
		text-align: left;
		padding-bottom: 20px;
		}
*/		
	
#menubar, #menubar ul {
		padding: 0;
		margin: 0;
		list-style: none;
		font: bold 12px verdana, sans-serif;
		}
		
#menubar a {
		display: block;
		text-decoration: none;
		padding: 5px 10px 5px 5px;
		font-size: .87em;
		color: #ffffff;
		}

#menubar a.group {
		padding: 5px 16px 5px 10px;
		background-image: url(../site-lib/images/p7PM_dark_south.gif);
		background-repeat: no-repeat;
		background-position: right center;
		}
		
#menubar li {
		float: left;
		width: 9em;
		}
		
#menubar li ul, #menubar ul li  {
		width: 12em;
		}
		
#menubar ul li a  {
		color: #0000ff;
		border-right: 0;
		padding: 3px 12px 5px 3px;
		}
		
#menubar li ul {
		position: absolute;
		display: none;
		background-color: #ffffff;
		}
		
#menubar li:hover a, #menubar a:focus,
#menubar a:active, #menubar li.p7hvr a {
		color: #0000ff;
		background-color: transparent;		
		}
		
#menubar li:hover ul, #menubar li.p7hvr ul {
		display: block;		
		}
		
#menubar li:hover ul a, #menubar li.p7hvr ul a {
		color: #5a3811;
		background-color: transparent;
		}
		
#menubar ul a:hover {
		background-color: transparent!important;
		color: #0000ff!important;
		text-decoration: underline;
		}
		
#menubar li {
		width: auto;
		}

#footer {
		clear: both;
		background-color: transparent;
		padding: 0px 10px 0.2em 0;
		color: #ffffff;
		font-size: 80%;
		font-weight: bold;
		font-style: oblique;
		text-align: center;
		}
		
#footer ul {		
		color: #ffffff;
		background-color: transparent;
		}
		
#footer a:link {
		text-decoration: underline;
		color: #ffffff;
		background-color: transparent;
		}
		
#footer a:hover {
		text-decoration: underline;
		color: red;
		background-color: transparent;
		}