/* Standard CSS Layout for Danny Johnson*/
/* The container style sets up the main content cotainer that holds all the elments*/

.container {
	float: left;
	height: 864px;
	width: 1420px; /*left off 20px to allow for the scroll bar average resolution is 1440*/
	margin-top: 0px;
	margin-right: 145px; /* marigin offset centeres netire page */
	margin-left: 125px;
}
address {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	color: #FFF;
	text-indent: 4px;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFF;
}

h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #FFC;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	font-weight: normal;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFF;
	text-indent: 4px;
}
h4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-indent: 4px;
}

h5 { /* same as h1 but no indent */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFF;
}
p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #FFF;
}
ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFF;
}





/* the header style establishes a header section that is 1150 x 200*/

.header {
	float: left;
	height: 200px;
	width: 1150px;
	background-image: url(../images/BGHeader.png);
	background-repeat: no-repeat;
}
/* the navbar style establishes a navigation section that is 1150 x 50*/

.navbar {
	float: left;
	height: 50px;
	width: 1150px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	text-align: left;
	background-color: #003F7E;
	z-index: 5;
}
.leftmaincontent {
	float: left;
	height: 360px;
	width: 670px;
	background-image: url(../images/LeftMainBG.png);
}
.leftmaincontentlong {
	float: left;
	height: 600px;
	width: 300px;
	background-image: url(../images/BG-tile-long.png);
	background-repeat: repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 4px;
	font-size: 12px;
	color: #FFF;
}
.videoboxlong {
	float: left;
	height: 588px;
	width: 826px;
	background-image: url(../images/BG-tile-long.png);
	background-repeat: repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFF;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.mainboxlong {
	background-image: url(../images/BG-tile-long.png);
	background-repeat: repeat-x;
	float: left;
	height: 588px;
	width: 1146px;
	padding-left: 4px;
}
.mainboxextralong {
	background-image: url(../images/BG-tile-long.png);
	background-repeat: repeat-x;
	float: left;
	height: 864px;
	width: 1146px;
	padding-left: 4px;
}



/* the videobox style establishes a video section that is designed around the sizes of YouTube which is 480 x 360*/

.videobox {
	float: left;
	height: 360px;
	width: 480px;
	background-image: url(../images/LeftMainBG.png);
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-align: left;
}
/* below are the three content sections and the leftcontent style establishes a content section that is 383 x 204*/

.leftcontent {
	float: left;
	height: 204px;
	width: 363px;
	background-image: url(../images/mainbackground.png);
	background-repeat: repeat-x;
	background-color: #013E7D;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFF;
	padding-right: 10px;
	padding-left: 11px;
}

/* the middle content style establishes a content section that is 383 x 204 positioined in the middle*/

.middlecontent {
	float: left;
	height: 204px;
	width: 363px;
	background-image: url(../images/mainbackground.png);
	background-repeat: repeat-x;
	background-color: #013E7D;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFF;
	padding-right: 4px;
	padding-left: 14px;
}
/* the right content style establishes a content section that is 384 x 204 added one pixel to accomidate the width*/

.rightcontent {
	float: left;
	height: 204px;
	width: 365px;
	background-image: url(../images/mainbackground.png);
	background-repeat: repeat-x;
	background-color: #003F7E;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFF;
	padding-right: 4px;
	padding-left: 15px;
}
/* footer section sets up a footer section 1150 x 50*/
.footer {
	height: 50px;
	width: 1150px;
	float: left;
	background-image: url(../images/NavBarBG.png);
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
}
.footerleft {
	float: left;
	height: 50px;
	width: 575px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFF;
	text-align: center;
}
.footerright {
	float: left;
	height: 50px;
	width: 574px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFF;
	text-align: center;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
}