body {
	margin:0px;
	padding:0px;
	width:100%;
	background: url(images/moist.JPG) no-repeat center fixed;
	background-color:#cccccc;
	background-size: cover;
	min-height:800px;
}

.break {
	clear:both;
}

#mcaHeader {
	margin:0px;
	padding:5px 5px 5px 20px;
	color:#f1f1f1;
	font-family:"Lucida Console", monospace;
	font-size:20px;
	text-shadow:3px 3px 3px  red, -3px -3px 3px blue;
	letter-spacing:3px;
	background-color:transparent;
}
#mcaHeader h1 {
	margin:10px 0px 10px 0px;
}
#poo {
	float:right;
	height:60px;
}

#navBar {
	margin:0px;
	padding:10px 0px 15px 0px;
	height:60px;
	background-color:transparent;
	min-width:900px;
}
#navBar div {
	float:left;
	padding:15px;
	margin:0px 10px;
	font-family:"Lucida Console", monospace;
	font-size:20px;
	color:#f1f1f1;
	border-left:10px solid blue;
	border-bottom:10px solid red;
	border-radius:50%;	
	text-shadow: 3px 3px 3px red, -3px -3px 3px blue, 3px -3px 3px black, -3px 3px 3px black;
	
}
#navBar a {
	text-decoration:none;
	color:#f1f1f1;
}
#navBar a:visited {
	text-decoration:none;
}

.navButton {
	animation-name: relaxed;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
	background-color:inherit;
}
.navButton:hover {
	cursor: pointer;
	animation-name: mouseOver;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
}
@-webkit-keyframes relaxed {
	50% {box-shadow: 0px 0px 20px purple;}
	/*0% {background-color: green;}
    25%  {background-color: yellow;}
    50%  {background-color: blue; box-shadow: 0px 0px 20px 20px gold}
    100% {background-color:purple;}
	100% {opacity:0;}*/
}
@-webkit-keyframes mouseOver {
	10% {box-shadow: 0px 0px 20px gold;}
   
}

#mainBody {
	width:100%;
	min-width:900px;
}

.pArticle {
	text-shadow: -3px 0px 4px #ffffff, 0px -3px 4px #ffffff, 3px 0px 4px #ffffff, 0px 3px 4px #ffffff;
	color:#000000;
	max-width:60%;
	border: 5px solid gray;
	margin:20px;
	padding:10px;
	display:flex;
	float:left;
}
.pArticle p {
	text-indent:20px;
}

#sideBar {
	float:left;
	display:flex;
	min-width:250px;
	max-width:25%;
	border: 5px solid gray;
	margin-top:20px;
	margin-right:20px;
	margin-left:0px;
	margin-bottom:auto;
	padding:5px;
	color:white;
	text-align:left;
	
	text-shadow: -2px 0px 2px #000000, 0px -2px 2px #000000, 2px 0px 2px #000000, 0px 2px 2px #000000;
	
	
}
#sideBar ul {
	text-align:left;
	padding:20px;
	margin:0px;	
}
#sideBar li {
	font-size:1.5em;
}
#sideBar h2 {
	margin:10px;
	padding:0px;
	
}