body {font-family:Verdana, Geneva, sans-serif;margin:0;padding:0;border:0;width:100%;font-size:.9em;}
body {background-color:#fff;}
* {margin: 0;}
html, body {height: 100%;}
.wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -3em;}
#header { clear:both;position:relative;width:100%;}
#header {background:url(images/johnslogo.jpg) no-repeat; padding:90px 0px 0px 0px; background-position: 50% 0%;}

#boxtab-blue {clear:left;float:left;padding:0;background:#fff url(images/boxtab-blue.gif) bottom repeat-x;width:100%;overflow:hidden;	font-family:Verdana, Geneva, sans-serif;}
#boxtab-blue ul {float:left;margin:0;padding:0;list-style:none;position:relative;left:50%;text-align:center;}
#boxtab-blue ul li {display:block;float:left;list-style:none;margin:20px 0 0 0;padding:0;position:relative;right:50%;}
#boxtab-blue ul li a {display:block;float:left;margin:0 1px;padding:5px 10px;background:#fff;text-decoration:none;color:#000;border-top:1px solid #369;border-left:1px solid #369;border-right:1px solid #369;position:relative;bottom:1px;}
#boxtab-blue ul li a:hover {	background:#663300;color:#fff;}
#boxtab-blue ul li.active {margin-top:10px;}
#boxtab-blue ul li.active a,	#boxtab-blue ul li.active a:hover {position:relative;	bottom:0;padding:10px;background:#fff;color:#000;font-weight:bold;}

#boxtab-blue2 {clear:left;float:left;padding:0;background:#fff bottom repeat-x;width:100%;overflow:hidden;font-family:Verdana, Geneva, sans-serif;font-size:.8em;}
#boxtab-blue2 ul {float:left;margin:0;padding:0;list-style:none;position:relative;left:50%;text-align:center;}
#boxtab-blue2 ul li {display:block;float:left;list-style:none;margin:20px 0 0 0;padding:0;position:relative;right:50%;}
#boxtab-blue2 ul li a {display:block;float:left;margin:0 1px;padding:5px 10px;background:#fff;text-decoration:none;color:#000;border-bottom:1px solid #369;border-top:1px solid #369;border-left:1px solid #369;border-right:1px solid #369;position:relative;bottom:1px;}
#boxtab-blue2 ul li a:hover {background:#663300;color:#fff;}
#boxtab-blue2 ul li.active {margin-top:10px;}
#boxtab-blue2 ul li.active a,	#boxtab-blue ul li.active a:hover {position:relative;	bottom:0;padding:10px;background:#fff;color:#000;font-weight:bold;}
a {color:#000FFF;} 
a:hover {color:#FFFFFF; background:#369;text-decoration:none;}
p { margin:.4em 0 .8em 0;padding:0;}
p:first-letter{	color:#AC2E15; font-size:2em;}
h1:first-letter{color:#AC2E15; font-size:1.7em;}
h2:first-letter{color:#AC2E15; font-size:1.7em;}
h2 {color:#000; font-size:1.5em;font-family:Verdana, Geneva, sans-serif;text-align:center;}
img { margin:.5em .8em 0 0; border: none;}
.colmask { position:relative;clear:both;float:left;width:100%;overflow:hidden;}
.colright,.colmid,.colleft { float:left;width:100%;position:relative;}
.col1,.col2,.col3 { float:left;position:relative;padding:0 0 1em 0;overflow:hidden;}
.threecol { background:#FFF;font-family:Verdana, Geneva, sans-serif;}
.threecol h1 {color:#000; font-size:1.7em;font-family:Verdana, Geneva, sans-serif;text-align:center;}
.threecol h1:first-letter{color:#AC2E15; font-size:2em;font-family:Verdana, Geneva, sans-serif;}
.threecol .colmid { right:25%;background:#FFF;} /*  E4D7B7 f1f1ba */
.threecol .colleft { right:50%;background:#FFF;}
.threecol .col1 { width:46%;left:102%;}
.threecol .col2 { width:21%;left:31%;}
.threecol .col3 { width:21%;left:85%;}

#container3 {	clear:left;float:left;width:100%;overflow:hidden;background:#fff;}
#container2 {	clear:left;float:left;width:100%;position:relative;right:33.333%;background:#fff;}
#container1 {	float:left;width:100%;position:relative;right:33.33%;background:#fff;}
#col1 {float:left;width:29.33%;position:relative;left:68.67%;	overflow:hidden;}
#col2 {float:left;width:29.33%;position:relative;left:72.67%;	overflow:hidden;}
#col3 {float:left;width:29.33%;position:relative;left:76.67%;	overflow:hidden;}

.footer, .push {height: 3em;clear:both;}
.footer {width:100%;height:3em; }
.footer {background:#E4D7B7; border-top:1px solid #000000; border-bottom:1px solid #000000;}
.footer p { padding-left:10px;padding-right:10px; margin:0;}
.footer span.rightbottom{  float:right;padding-right:10px; padding:10px; font-family:Helvetica; font-size: 1em; }
.footer span.leftbottom{ float:left;padding-left:10px; padding:10px; font-family:Helvetica; font-size:1em; }