@charset "utf-8";
/* CSS Document */

*					{
		margin: 0;
		border: 0;
		padding: 0;
	}

body				{
		background: #f0f0f0;
		font: 14px/20px Arial, Helvetica, sans-serif;
		color: #555;
		margin: 0;
	}

h1					{
		text-align: center;
		font-size: 180%;
		line-height: 120%;
		padding: 5% 0%; 
	}

h2					{
		text-decoration: underline;
		line-height: 280%;
		padding-left: 2%;
	}

h3					{
		line-height: 110%;
		padding: 5% 0%;
	}

p					{
		padding: 1%;
	}

img					{
		text-align: center;
		text-decoration: none;
		list-style: none;
		max-width: 100%;
		height: auto;
		width: auto;
		margin: 0 auto;
	}

a					{
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
		padding: 4px;
	}

a:hover				{
		color: #405580;
		background-color: #0FF;
		border-radius: 5px;
		padding: 4px;
		text-decoration:!underline;
	}

header				{
		background: #405580;
		width: 100%;
		height: 100px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		opacity: 0.60;
	}

#logo				{
		margin: auto;
		float: left;
		width: 84px;
		height: 98px;
		background: url(../images/MonroviaInFFLogo.gif) no-repeat center;
	}

nav					{
		float: right;
		padding: 15px 20px 20px 0px;
	}

#menu-icon			{
		display: hidden;
		margin-right: 20px;
		padding:10px;
		width: 90%;
		height: 50%;
/*		background: url(../images/icon-whi.png) center;   */
	}

#menu-icon a		{
		display: hidden;
	}

a:hover#menu-icon	{
		border-radius: 4px 4px 0 0;
	}

ul					{
		list-style: none;
	}

nav ul li			{
		display: inline-block;
		float: left;
		padding: 10px;
	}

.current		{
		color: #ddd;
		text-decoration: underline; 
	}

#doc			{
		margin: 40px 0;
	}

#content		{
		margin: 0 auto;
		max-width: 1140px;
		margin-top: 110px;
	}

.blueberry		{
		max-width: 960px;
		margin-top: 110px;
	}

section			{
		width: 29%;
		float: left;
		margin: 2%;
		text-algin: center;
	}

section li		{
		text-align: center;
		text-decoration: none;
		list-style: none;
		margin: 0 auto;
	}

.clear			{
		clear: both;
	}

article			{
		float: left;
		margin: 0 auto;
		width: 50%;
		height: auto;
		padding: 4%;
	}

article li		{
		text-decoration: none;
		list-style: none;
	}

aside			{
		float: right;
		margin: 0 auto;
		width: 35%;
		height: auto;
		padding: 3%;
	}

ul.gym li		{
		padding-left: 3%;
	}

footer			{
		background: #333333; 
		width: 100%;
		overflow: hidden;
		opacity: 0.90;
	}

footer p, footer h3		{
		color: #fff;
	}

footer p a				{
		color: #fff;
		text-decoration: none;
	}

ul.social li			{
		display: inline;
	}

ul.social li img		{
		height: 50px;
	}

footer.second			{
		border-top: 1px solid #4d4e50;
		background-color: #333333;
		max-height: 50px;
		text-align: center;
		opacity: 0.95;
	}

#obit p					{
		color:#000;
	}

#obit p a				{
		color:#036;
	}


/*--------------------  Media & Device Display Rules  ------------------------*/

@media screen and (max-width: 478px)	{
		body			{
				position: absolute;
			}
	}

@media screen and (max-width: 740px)	{
		header			{
				position: absolute;
			}
		#menu-icon		{
				display: inline-block;
				background: url(../images/icon-whi-b.png);
				margin-top: -5px;
				margin-right: 60px;
			}
		nav ul, nav:active ul {
				display: none;
				position: absolute;
				padding: 20px;
				background: #405580;
				border: 1px solid #fff;
				right: 20px;
				top: 60px;
				width: 50%;
				border-radius: 2px 0 2px 2px;
			}
		nav li				{
				text-align: center;
				width: 100%;
				padding: 10px 0;
				margin: 0;
			}
		nav:hover ul		{
				display: block;
			}
		section				{
				float: left;
				width: 100%;
				margin: 0;
				padding: 0;
			}
		article				{
				float: left;
				width: 100%;
				margin: 0;
				padding: 0;
			}
		aside				{
				float: left;
				width: 100%;
				margin: 0;
				padding: 0;
			}
	}