:root{	--THEME_BG_COLOR: DarkSlateGrey; /*#28343b*/	--BUTTON_COLOR: maroon; 	--BODY_BACKGROUND_COLOR: lightslategray}body, html {
	margin:0;
	padding:0;
	color:#000;
	background: var(--THEME_BG_COLOR); /* Old browsers */
	background: linear-gradient(to bottom,  var(--THEME_BG_COLOR) 0%,#828c95 80%,#b5bdc8 100%); /* W3C */
}

#wrap
{
  width: 100%;
}

#maincontent
{
  position: relative;
  width: 100%;  display: flex;
}

#header {
   position: relative;
   width:99%;
}

#DrSchillingImage
{
   margin-left: 10%;
   margin-right: 10%;
}

#linkPanel {	float: left;	width: 250px;
}

#bodyPanel {	padding-left:20px;	padding-right:20px;	padding-top:20px;	padding-bottom:20px;		float:left;	background: var(--BODY_BACKGROUND_COLOR);
	border:double 5px #000000;
	border-top-left-radius:35px;
	border-top-right-radius:35px;
	border-bottom-left-radius:34px;
	border-bottom-right-radius:33px;
	overflow: hidden;
}

#footer {	clear: both;
	width: 100%;
}

.NavigationButton {
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background-color:var(--BUTTON_COLOR);
	border-radius:12px;
	border:1px solid black;
	display: inline-block;
	color: ghostwhite;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:0px 3px 0px dimgray;
	width:150px;
}.NavigationButton:hover {
	background-color:#ce0100;
}.NavigationButton:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

/*navigation*/
#navigation {
	height:80px;
	float:right; 
	width:100%;
	margin:5px 0 0 0;
	padding:0 0 0 0; 
	font-size: 13px;}
#navigation a 
	{color:#000;}

ul#nav {
	width: 1000px;
	height:46px;
	padding:0 0 0 0;
	margin:0 0 0 15px;}
ul#nav li {
	line-height: 32px;
	width: 300px;
	margin-top: 20px;
	padding:30px 30px 0 0;
	margin:0;
	display:block;
	float:right; 
	text-align: center;
	background:blue;}
ul#nav li a {
	height:46px;
	border:0;
	display:block;
	text-decoration:none;
	overflow:hidden;
	padding:0;
	margin:0;}

li#home a, li#about a, li#portfolio a, li#, li#contact a{height:46px;}
li#home a:hover, li#home a:focus, li#about a:hover, li#about a:focus,
li#portfolio a:hover, li#portfolio a:focus, li#contact a:hover, 
li#contact a:focus{color: #000;height:46px; width:300px;background-image:url('../images/bg/toolbar.gif');background-repeat:no-repeat;background-position:0px -46px;}



