/*
  
Copyright (c) 2007 Bryce Eriksen
	
*/

/* Global Styles */
/* -------------------------------- */

* { 
margin: 0;
padding: 0;
}

body {
	color: #333333;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	margin-top: 0px;
	background-color: #003466;
	background-image: url(/images/johnbg.jpg);
	background-repeat: repeat-x;
	background-position: left 180px;
}

/* Semantic Content Styles */
/* -------------------------------- */

h1, h2, h3, h4, h5, h6 {line-height: 1.5em;}

h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}
h6 {font-size: 9px;}

p {font-size: 12px;}

ul {list-style: none;}
ol {}
li {}
ul li {}
ol li {}

dl {}
dt {}
dd {}

address {}
abbr {}
acronym {}
blockquote {}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

img {border: 0;}
a img {border: 0;} 

hr {}

pre {} 
code {font-family: courier new, courier, monospace;}

/* Hyperlink Styles */
/* -------------------------------- */

a {}
a:hover {}

/* Form Styles */
/* -------------------------------- */

form {}
label {}
input {} 
input.text {} 
input.radio, input.checkbox {border: 0; background: transparent;} 
input.button {}
input.image {border: 0;} 
select {}
option {}
textarea {}
.smallText {
font-size: 10px;
}
/* Layout Styles */
/* -------------------------------- */
div#wrapper {
	text-align: center;
	
}

div#container {
	text-align: left;
	height: auto;
	width: 801px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

div#header {
	float: left;
	height: 165px;
	width: 800px;
	background-color: #3366CC;
	background-image: url(/images/headerjohn_r1_c1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
div#nav {
	background-color: #3366CC;
	background-image: url(/images/headerjohn_r2_c1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	height: 35px;
	width: 800px;

}
div#nav ul {
	font-size: 14px;
	line-height: 34px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	display: inline;
	list-style-type: none;
	vertical-align: middle;
}
div#nav ul li {
	font-size: 14px;
	line-height: 34px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	display: inline;
	list-style-type: none;
}
div#nav ul li a {
	font-size: 14px;
	line-height: 34px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	display: inline;
	list-style-type: none;
}
div#nav ul li a:hover {
	color: #FFFFCC;
	text-decoration: none;
}
div#content {
	float: left;
	height: auto;
	width: 800px;
	background-color: #FFFFFF;
}

div#leftcol {
	float: left;
	height: auto;
	width: 500px;
	margin-top: 25px;
	margin-right: 25px;
	margin-left: 25px;

}

div#leftcol p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	text-align: justify;
}
div#leftcol h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 19px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
div#rightcol {
	float: right;
	height: 580px;
	width: 234px;
	margin-top: 25px;
	margin-right: 13px;
	margin-bottom: 25px;
	background-color: #FFFFFF;
		border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #333333;
}
div#rightcol p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	text-align: justify;
	padding-right: 12px;
	padding-left: 23px;
	padding-top: 12px;
}
div#rightcol p a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #333333;
	text-decoration: none;
}
div#rightcol p a:hover {
	color: #666666;
}

div#rightcol h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 19px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	padding-right: 12px;
	padding-left: 22px;
}
div#footer {
	background-color: #FFFFFF;
	background-image: url(/images/johnfooter.gif);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	height: 112px;
	width: 800px;
	text-align: center;
}
div#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 100px;
}
div#footer p a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
div#footer p a:hover {
	color: #FFFFCC;
	text-decoration: none;
}