/* Jonathan Mabry CSS Setup */

#nav 
	{
		width: 100%;
		height: 33px;
		background-color: black;
		margin:0 auto;
		padding: 0;
	}

#nav ul 
	{
		display: block;
		list-style-type: none;
		width: 960px;
		margin: 0 auto;
		padding: 0;
		left:-10px;
	}

#nav ul li 
	{
		margin: 0 auto;
		padding: 0;
	}
#nav ul li a 
	{
		display: block;
		float: left;
		max-height: 25px;
		margin: 0;
		padding: 5px 25px;
		font-family: tahoma, sans-serif;
		font-size: 20px;
		text-align: center;
		background-color: black;
		text-decoration: none;
		color: #ffffff;
		border-bottom: #024C68 solid 2px;
	}

#nav ul li a:hover 
	{ 
		background:#024C68; 
	}
#nav ul li a:hover 
	{ 
		border-bottom:#800000 solid 2px; 
	}

body, html, head 
	{
		line-height: 1;
		margin: 0;
		padding: 0;
		border: 0;
	}

#jcont 
	{
		width:960px;
		background:white;
		margin:auto;
		position:relative;
		height:700px;
	}

a:link 
	{
		text-decoration:none;
	}
a:visited 
	{
		text-decoration:none;
	}
a:hover 
	{
		text-decoration:none;
	}
a:active 
	{
		text-decoration:none;
	}

img
	{

		height:240px;
		width:610px;
		margin:0 auto;
		position: relative;
		right: 5px;
		bottom: -5px;
	}

#greece
	{
		float:left;
		height:50px;
		width:50px;
		margin:0 auto;
		right: -5px;
		top:-42px;
	}

#logo
	{
		float:right;
		height:130px;
		width:580px;
		margin:0 auto;
		left:-100px;
		top:-42px;

	}

#cert
	{
		height:360px;
	}
	
#mypic
	{
		position:relative;
		left:-15px;
		width:240px;
		background: #800000;
		margin:15px;
		text-align:center;
		padding:5px;	
		top:-10px;
	}
	
.yu
	{
		color:#FFFF00;
	}
#jh1control a h1, h2, h4 
	{
		padding:18px;
		color:#024C68;
		line-height:0;
		text-decoration:none;
		font-family:verdana;
		font-weight:bold;
		margin:5px;
	}

#jh1control a h2 
	{
		color:#800000;
		margin:0 auto;
	}

h3
	{
		font-size: 20px;
		font-family:verdana;
		font-weight:bold;
		margin: 5px;
	}

	.h3
		{
			color:#800000;
		}
	
	
h4
	{
		font-size: 18px;
		padding:9px;
	}
	
h6
	{
		font-size: 16px;
		font-family:verdana;
		font-weight:bold;
		color:#ffffff;
		margin: 5px;
	}
	
#title
	{
		font-weight:bold;
		line-height:0;
	}
	
#subtitle
	{
		font-style:italic;
		line-height:0;
	}	
section
	{
		position:absolute;
		width:600px;
		left:10px;
		background: #B0C4DE;
		margin:15px;
		padding: 5px;
	}
	
p, ol, ul
	{
		color:#024C68;
		text-align:left;
		font-family:verdana;
		font-size:14px;
		line-height:1.2;
	}

.p
	{
		color:#ffffff;
		
	}
	
.td
	{
		color:#800000;
		font-weight:bold;
	}
	
.pp
	{
		color:#024C68;
		font-style:italic;
	}
	
blockquote
	{
		color:#ffffff;
	}
	
#repos
	{
		color:#ffffff;
		text-align:center;
		padding:5px;
		font-weight:bold;
		line-height:0px;
	}

aside
	{
		position:relative;
		right:-623px;
		width:250px;
		background: #024C68;
		margin:15px;
		text-align:center;
		padding:5px;
		
			}
				
table, td, th
	{
		border:1px solid #ffffff;
		border-collapse:collapse;
		color:#ffffff;
		padding:5px;
		position:relative;
		right:-150px;
	}

footer 
	{
		background: #333;
		position:fixed;
		bottom:0;
		width:100%;
		font-weight:bold;
	}

footer p 
	{
		color: #ccc;
		font-size: 70%;
		font-family: tahoma, sans-serif;
		text-align: center;
		margin: 0 auto;
		padding: 10px 0;
	
	}