﻿@charset "UTF-8";
/* CSS Document */

#bg {
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #001c3e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
}
#header {
	background-image: url(../images/header.jpg);
	height: 206px;
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}
#contentbg {
	background-image: url(../images/contentbg.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}
#headline {
	background-image: url(../images/headline.gif);
	height: 262px;
	width: 574px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
}

#footer {
	background-image: url(../images/footer.jpg);
	height: 142px;
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}

/* Body Template */

h1							{
							text-align:center;
							padding: 0 25px;
							font-weight:bold;
							font-size:1.8em;
							letter-spacing: -0.05em;
							margin: 20px 30px;
							font-family:Verdana, Helvetica, sans-serif;
							color:#c70000;

							}
h2							{
							font-weight:bold;
							font-size:1.2em;
							letter-spacing: -0.02em;
							color:#00234f;
							font-family:Tahoma, Arial, Helvetica, sans-serif;
							text-align:left;
							margin: 30px 80px;
							border-bottom:2px #00234f solid;
							}
h3							{
							text-align:center;
							font-size:1.5em;
							letter-spacing: -0.02em;
							color:#00234f;
							font-family: Tahoma, Arial, Helvetica, sans-serif;
							margin: 25px 80px;
							font-weight:normal;
							}
h4							{
							text-align:center;
							font-weight:bold;
							font-size:1.5em;
							letter-spacing: -0.02em;
							margin: 20px 40px 5px 40px;
							}
h5							{
							padding: 0px 60px;
							font-size:Medium;
							font-family:Verdana, Arial, Helvetica, sans-serif;
							font-weight:bold;
							margin: 5px 10px;
							text-align:center;
							}
p							{
							margin: 10px 80px;
							text-align:left;
							font-family:Verdana, Arial, Helvetica, sans-serif;
							}
#pBox						{
							margin: 0px 0px;
							text-align:left;
							font-family:Tahoma,Arial, Helvetica, sans-serif;
							}

#textHighlight				{
							background-color:yellow;
							font-weight:bold;
							}
#textUnderline				{
							text-decoration:underline;
							font-weight:bold;
							}
#textItalic					{
							font-style:italic;
							font-weight:bold;
							font-size:medium;
							}

#textBold					{
							font-weight:bold;
							}
#textStrikeThrough			{
							text-decoration:line-through;
							}

#warningBox					{
							border: 1px #d6d6d6 solid;
							background-color: #ffffae;
							margin: 20px 80px;
							padding: 20px 20px;
							}
#successBox					{
							border: 1px #d6d6d6 solid;
							background-color: #e4ffae;
							margin: 20px 80px;
							padding: 20px 20px;
							font-size:1.3em;
							font-family:Tahoma, Arial, Helvetica, sans-serif;
							color:#273a00;
							}
#johnsonBox2				{
							border:thin #afd600 solid;
							background-color:#eaf4bd;
							margin: 20px 80px;
							}
.purchased					{
							background-image:url('../images/purchased.gif');
							background-repeat:no-repeat;
							height: 178px;
							width: 265px;
							padding: 8px 0 0 0;
							}
.notPurchased				{
							background-image:url('../images/notPurchased.gif');
							background-repeat:no-repeat;
							height: 178px;
							width: 265px;
							padding: 8px 0 0 0;
							}
#purchasedBoxText			{
							margin: 0px 0px;
							padding: 0px 30px;
							text-align:center;
							font-size:2.0em;
							font-family:Tahoma, Arial, Helvetica, sans-serif;
							color: #001c3e;
							}
#purchasedBoxClick			{
							margin: 0px 0px;
							padding: 11px 30px;
							text-align:center;
							font-size:1.3em;
							font-family:Tahoma, Arial, Helvetica, sans-serif;
							color: #001c3e;
							}

#johnsonBox3				{
							border:medium #1b5eb0 solid;
							background: #ffffa7;
							margin: 20px 80px;
							}
#signature					{
							margin: 10px 40px 10px 40px;
							text-align:left;
							}
#objectBox					{
							margin: 20px 40px;
							text-align:center;
							}
#sectionTitle				{
							text-align:left;
							font-weight:bold;
							font-size:1.1em;
							margin: 15px 0px;
							font-family:Tahoma, Arial, Helvetica, sans-serif;
							color:#c70000;

							}	
#accordionBox				{
							margin: 20px 80px 60px 80px;
							text-align:center;
							}
#solutionBox				{
							margin: 20px 80px 0px 80px;
							text-align:center;
							}	
#selectBox					{
							background-color: #ecf7fc;
							margin: 5px 0px;
							padding: 2px;
							cursor: pointer;
							-moz-user-select: none;
							-khtml-user-select: none;
							text-align: left;
							font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
						
							}	
#redBox						{
							padding:5px 5px 5px 5px;
							background-color:#ecf7fc;
							height:48px;
							margin:0px 80px 100px 80px;
							text-align:center;
							font-weight:bold;
							font-size:1em;
							text-decoration:underline;
							font-family:Tahoma, Arial, Helvetica, sans-serif;
							color:blue;
							}
#bulletContainer			{
							margin:10px 40px 10px 40px;
							}
#twoColumns					{
							margin: 0 150px 0 0;
							}

ul		                    {
							font-family:Tahoma,Arial, Helvetica, sans-serif;
							margin: 0px;
							padding: 0 0 0 15px;
							text-align:left;
							}
li                          {
							margin:10px 0 0 20px;
							padding: 4px 10px 4px 5px
							/*list-style-image:url('../images/bullet.gif')*/
							}	
li#checkmark                {
							margin:3px 0 0 0px;
							padding: 4px 10px 8px 40px;
							list-style-type:none;
							background: url('images/check1.gif') 8px center no-repeat;
							}	
#numbers					{
							font-family:Tahoma, Arial, Helvetica, sans-serif;
							font-size:3em;
							font-weight:bold;
							color: #87cef7;
							width:40px;
							text-align:right;
							}
#title						{
							font-family:Tahoma, Arial, Helvetica, sans-serif;
							color: #001c3e;
							}
#description				{
							font-family:Tahoma, Arial, Helvetica, sans-serif;
							font-size:0.9em;
							color: #001c3e;
							}
#faq						{
							margin: 0 80px 40px 80px;
							text-align:left;
							}
#faqTitle					{
							margin: 40px 80px 0 80px;
							background-color:#003b6f;
							color:white;
							text-align:left;
							padding: 5px 20px;
							font-weight:bold;
							font-size:1.2em;
							letter-spacing: -0.02em;
							}
.select 					{
							width: 590px;
							background: white url('../images/selectBg.gif') repeat-x left top;
							font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
							font-size: 0.9em; 
							border: 1px solid #39aae4;
							height:15px;
							color: #001c3e;
							letter-spacing: 2px;
							outline: none;
							padding: 5px;
							}
.selectDepartment			{
							width: 550px;
							background: white url('../images/selectBg.gif') repeat-x left top;
							font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
							font-size: 0.9em; 
							border: 1px solid #39aae4;
							height:30px;
							color: #444;
							letter-spacing: 2px;
							outline: none;
							padding: 5px;
							}
.textArea					{
							width: 550px;
							background: white url('../images/selectBg.gif') repeat-x left top;
							font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
							font-size: 1em; 
							border: 1px solid #39aae4;
							color: #444;
							letter-spacing: 2px;
							outline: none;
							height: 300px;
							}

#formContainer				{
							background-color:#ecf7fc;
							margin:20px 80px;
							padding: 20px;
							color: #001c3e;
							}
.textBox 					{
							float: left;
							border: 1px solid #39aae4;
							color: #444;
							font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
							font-size: 1.3em;
							padding: 3px;
							outline: none;
							}
#fullnameFix				{
							margin: 0px 0px 8px 0px;
							}
#buttonBox					{
							margin: 0px 0px 0px 420px;
							}

.buttonStyle{
	color:#3b6d61;
    border:1px solid #64b9a4;
    background-color:#ecfcf0;
    width: 250px;
    height:40px;
    font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
	font-size: 1em; 
	font-weight:bold;
}