body
{
	background-color: #303437;
}

.heading
{
	width:70%;
	resize:both;
	background-color: #D9CED6;
	float:right;
	font-size: 0;
}

.logo
{
	width:30%;
	background-color:#D9CED6;
	float:left;
	padding:10px;
	box-sizing:border-box;
	background-image: url("images/color.jpg");
	background-repeat: no-repeat;
	background-cover: cover;
	background-size:100%;
	background-position: center;
}

.homer
{
	width:70%;
	height: 1.1px;
	background-color:#000000;
	float:right;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
}

.banner
{
	width:70%;
	height:300px;
	resize:both;
	background-color:#303437;
	float:right;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
}

.navbar
{
	width:30%;
	height:600px;
	background-color: #303437;
	float:left;
	padding:10px;
	box-sizing:border-box;
}

.shad
{
	width:1%;
	height:310px;
	background-color: #000000;
	float:left;
	padding:10px;
	box-sizing:border-box;
}

.chad
{
	width:1%;
	height:600px;
	background-color: #000000;
	float:left;
	padding:10px;
	box-sizing:border-box;
}

p
{
	font-size: 13pt;
	font-family:Verdana, Helvetica, san-serif;
        text-align:justify;
        text-decoration:none;
	margin: 2em;
        color:#FFFFFF;
}

.odyssey
{
	width:70%;
	height:1.1px;
	background-color:#000000;
	float:right;
	padding:10px;
	box-sizing:border-box;
}

.content
{
	width:70%;
	height:599px;
	background-color:#303437;
	float:right;
	padding:10px;
	box-sizing:border-box;
	font-size: 15pt;
	font-family:Verdana, Helvetica, san-serif;
        text-align:justify;
        text-decoration:none;
        color:#FFFFFF;
}

.lon
{
	width:100%;
	height:30px;
	background-color:#D9CED6;
	float:left;
	padding:10px;
	box-sizing:border-box;
}

.hq
{
	width:100%;
	height:100px;
	font:Verdana, Helvetica, san-serif;
        text-align:center;
        text-decoration:none;
        padding:3px 7px;
        color:#FFFFFF;
}

.hp
{
	width:100%;
	height:200px;
	font:Verdana, Helvetica, san-serif;
        text-align:center;
        text-decoration:none;
        padding:3px 7px;
        color:#FFFFFF;
}

.ho
{
	width:100%;
	height:200px;
	text-align:center;
	padding:3px 7px;
}

h2
{
	font-family: Verdana, Helvetica, san-serif;
	font-size: 25pt;
	text-align: center;
}

h1
{
	font-family: Verdana, Helvetica, san-serif;
}

/* unvisited link */
a.jack:link {
  color: #99003d;
  font-size: 15pt;
  border:2px solid #CAF1DE;  
  text-decoration: none;
  font-family: Verdana, Helvetica, san-serif;
}

img
{
        max-width:100%;
        max-height:100%;
}

/* visited link */
a.jack:visited {
  color: #99003d;
  font-size:15pt;
  border:2px solid #CAF1DE;  
  text-decoration: none;
  font-family: Verdana, Helvetica, san-serif;
}

/* mouse over link */
a.jack:hover {
  color: #336600;
  font-size:21pt;
  border:2px solid #CAF1DE;  
  text-decoration: none;
  font-family: Verdana, Helvetica, san-serif;
}

/* selected link */
a.jack:active {
  color: #99ccff;
  font-size:15pt;
  border:2px solid #CAF1DE;  
  text-decoration: none;
  font-family: Verdana, Helvetica, san-serif;
}

.thumbnail
{
	width:100%;
	display:inline;
}

a
{
	text-decoration: none;
	font-family: Verdana, Helvetica, san-serif;
	color:#FFF;
}