body
{
	background-color: #f7efeb;
	font: 300 14px/24px "Open Sans", Helvetica, Arial;
	font-family: Open_Sans, sans-serif;
	margin:0;
	padding:0;
}

table	{ table-layout: auto; border-collapse: separate; border-spacing: 0; empty-cells: show; }
ul		{ list-style:none; margin:0; padding:0;}
nav a	{ text-decoration:none; }


h1,h2,h3{
	margin-top:20px;
	margin-bottom:10px;
	padding:0;
}
h4,h5,h6{
	margin-top:10px;
	margin-bottom:10px
	padding:0;
}
	h1 {font-size:250%;margin-top:0px;}
	h2 {font-size:200%;margin-top:10px;margin-bottom:10px;}
	h3 {font-size:120%;}
	h4 {font-size:105%;}
	h5 {font-size:90%;}
	h6 {font-size:80%;}





#nav
{
	width: 100%;
	height: 4.8em;
	position: relative;
	margin-left:auto;
	margin-right:auto;


	font-size: 11pt;
	letter-spacing: 0.1rem;
	font-weight: 300;

	z-index:2;

}


	#nav > img
	{
		position: absolute;
		width:9em;
		padding-left:2em;
		padding-top:1.5em;
	}

/*	#holly
	{
		position: absolute;
		width:11em;
		height:  1.8em;
		padding: 1.5em 2em;
		background-color: #fff;
		background-image:url('../images/logo6.png') ;
		background-repeat:no-repeat;
		background-position-x:  50% ;
		background-position-y: 92%;
		background-size:132px 26px;
	}
	#holly:hover
	{
		background-image:url('../images/Holly_logo(colors).gif') ;
	}*/

	#nav > a
	{
		display: none;
	}

	#nav li
	{
		position: relative;
	}
		#nav li a
		{
			color: #757575;
			display: block;
		}
		#nav li a:active
		{
			background-color: #fff !important;
		}

	#nav span:after
	{
		width: 0;
		height: 0;
		border: 0.313em solid transparent; /* 5 */
		border-bottom: none;
		border-top-color: #efa585;
		content: '';
		vertical-align: middle;
		display: inline-block;
		position: relative;
		right: -0.313em; /* 5 */
	}

	/* first level */

	#nav > ul
	{
		height: 4.8em; /* 60 */
		background-color: none;
	}
		#nav > ul > li
		{
			width: 10em;
			height: 100%;
			float: right; 
		}
			#nav > ul > li > a
			{
				height: 100%;
				font-size: 1em; /* 24 */
				line-height: 4.8em; /* 60 (24) */
				text-align: center;
			}

				.active{
					border-top: 5px solid rgb(102,102,102);
					text-decoration: none;
				}
				.NOTactive{
					border-top: 5px solid rgba(102,102,234, 0.0);
					text-decoration: none;
				}
				#nav > ul > li:nth-child(1):hover,
				#nav > ul > li:nth-child(1):hover > a
				{
					border-color:pink;
					background-color: pink;
					
				}
				#nav > ul > li:nth-child(2):hover,
				#nav > ul > li:nth-child(2):hover > a
				{
					border-color:blue;
					background-color: blue;
				}
				#nav > ul > li:nth-child(3):hover,
				#nav > ul > li:nth-child(3):hover > a
				{
					border-color:orange;
					background-color: orange;
				}
				#nav > ul > li:nth-child(4):hover,
				#nav > ul > li:nth-child(4):hover > a
				{
					border-color:red;
					background-color: red;
				}



.back1
{
	position: fixed;
	top:0;
	z-index: -2;
	height:45%;
	width:100%;
}
.back2
{
	position: fixed;
	top:45%;
	z-index: -2;
	height:35%;
	width:100%;
}
.back3
{
	position: fixed;
	top:80%;
	z-index: -2;
	height:20%;
	width:100%;
}
	.color1{

	/*Back Up*/
	background: rgb(213,235,249); 
	background: -moz-linear-gradient(top, rgba(213,235,249,1) 0%, rgba(233,240,248,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,235,249,1)), color-stop(100%,rgba(233,240,248,1))); 
	background: -webkit-linear-gradient(top, rgba(213,235,249,1) 0%,rgba(233,240,248,1) 100%); 
	background: -o-linear-gradient(top, rgba(213,235,249,1) 0%,rgba(233,240,248,1) 100%);
	background: -ms-linear-gradient(top, rgba(213,235,249,1) 0%,rgba(233,240,248,1) 100%);  
	background: linear-gradient(to bottom, rgba(213,235,249,1) 0%,rgba(233,240,248,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5ebf9', endColorstr='#e9f0f8',GradientType=0 ); 


	background-image: url('../images/lightblue_bg2.jpg');

	}
	.color2{
		background-color: #cd8ebe;
	}
	.color3{
		background-color: #ed2a66;
	}
	.color4{
		background-color: #8cc864;
	}
	.color5{
		background-color: #cf862f;
	}
	.color6{
		background-color: #f3c0c0;
	}
	.color7{
		background-color: #83c2c4;
	}				
	.color8{
		background-color: #7182ff;
	}
	.color9{
		background-color: #d0cf5d;
	}



section
{
	background-color: none;
	padding-top: 3em;
	padding-bottom: 3em;
}
	section > div
	{
		width: 85%;
		margin:auto;
		background-color: #fff;
	}
			.article
		{
			padding: 4em 5em;
		}
			.article h2
			{
				font-size: 29pt;
				font-weight: 300;
				color: #333;
				line-height: 1em;
			}
			.article h3
			{
				font-size: 16pt;
				font-weight: 400;
				color: #333;
				line-height: 1em;
			}
			.article p
			{
			font-size: 12pt;
				font-weight: 300;
				color: #333;
			}
			.article a
			{
				color: rgb(31, 150, 206);
			}
			.addressli
			{
			padding-left: 4em;
			}

	.title
	{

	}
	#profilePic
	{
		width: 120px;
		padding-right:7%;
		float:right;
	}

.cvButton
{
background-color:#83c2c4; text-align:center; padding: 1em;
}
.cvButton:hover
{
background-color:#ed2a66;
}

.hideBox
{
	color: #328A8A;
	font-weight:400;
}


footer
{
	height: 4.8em;
	background-color: none;
}
	footer img
	{
		height: 4.0em;
		float: right;
		padding-top: 0.4em;
		padding: 0.4em 2em;
		opacity: 0.6;
		background-color:#fff;
	}
	#osu
	{
		height:4.0em;
	}
		footer img:hover
		{
			opacity: 1.0;
		}



@media only screen and (min-width: 1200px )
{
	section > div
	{
		width: 1020px;
	}
}


@media only screen and ( max-width: 47em ) /* 640 */
{
	html
	{
		font-size: 75%;
	}

	#nav
	{
		position: relative;
		top: auto;
		left: auto;
		height: 3.125em;
		background-color: #fff;
	}
		#nav > img
		{
			position: absolute;
			right:calc(50% - 4.5em);
			width:9em;
			padding-left:0em;
			padding-top:0.75em;
		}
		#nav > a
		{
			width: 3.125em; 
			height: 3.125em; 
			text-align: left;
			text-indent: -9999px;
			background-color: #fff;
			position: relative;
		}
			#nav > a:before,
			#nav > a:after
			{
				position: absolute;
				border: 2px solid #757575;
				border-radius:2px;
				top: 35%;
				left: 25%;
				right: 25%;
				content: '';
			}
			#nav > a:after
			{
				top: 60%;
			}

		#nav:not( :target ) > a:first-of-type,
		#nav:target > a:last-of-type
		{
			display: block;
		}


	/* first level */

	#nav > ul
	{
		height: auto;
		display: none;
		position: absolute;
		left: 0;
		right: 0;	
		background-color: #fff;
	}
		#nav:target > ul
		{
			display: block;
		}
		#nav > ul > li
		{
			width: 100%;
			float: none;
			
		}
			#nav > ul > li > a
			{
				height: auto;
				text-align: left;
				padding: 0 0.833em;
			}
				#nav > ul > li:nth-child(1) > a
				{
					border-top: 1px solid #ccc;
				}
				#nav > ul > li > a
				{

					border-right: none;
					border-bottom: 1px solid #ccc;
					line-height: 3.8em;	/*Changes Height*/
				}
				.active
				{
					border: 0px solid #666;
				}


section
{
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
section > div
{
	width: 95%;
}
.article
{
	padding: 1.5em 0.8em;
}


footer
{
	height: 3.125em;
	background-color: #fff;
}
footer img
{
	height: 2.8em;
	float: right;
	padding: 0.1625em 1em 0 0;
	opacity: 0.6;
}
	#osu
	{
		height:2.8em;
	}

.title
{
	text-align: center;
}


#profilePic
{
	width: 120px;
	position: relative;
	padding-right:0;
	float:center;
}
			.addressli
			{
			padding-left: 1.5em;
			}
ol
{
padding-left: 1.5em;
}

}