body,html {
    background: #fff;
    margin: 0 auto;
}

h2,h3,h5 {
    color: #ff3300;
}
h4 {
    font: 11px Century Gothic, Century, Verdana;;
    color: #007800;
	line-height: 15px;
}
h1,h6 {
    font: bold 16px Trajan Pro,Times New Roman;
    color: #007800;
}   
#centeredBox {
    background: fff;
    margin: 0 auto;
    width: 1050px;
    height: auto;      
}
#headerBox {
    background: url('../images/jpi-main-header.jpg') no-repeat;
    margin: 0 auto;    
    width: 1050px;
    height: 216px;    
}
.head-navMain {
    background: #bbb;
    width: 1050px;
    height: 35px;
    font: bold 13px Trajan Pro,Times New Roman;
    position: relative;
    margin-top: 0;
    border: none;
}
.head-navMain a, .head-navMain a:visited, .head-navMain a:link, .head-navMain a:active  {
	color: #fff;
	padding: 1px 17px;
	text-decoration: none;
	border: none;
}
.head-navMain a:hover {
	color: #007800;	
}
.head-nav {
    background: #bbb;
    width: 1050px;
    height: 50px;
    font: bold 13px Trajan Pro,Times New Roman;
    position: relative;
    margin-top: 0;
    border: none;
}
.head-nav a, .head-nav a:visited, .head-nav a:link, .head-nav a:active  {
	color: #fff;
	padding: 1px 17px;
	text-decoration: none;
	border: none;
}
.head-nav a:hover {
	color: #007800;	
}
.head-navRight {
    float: right;
    padding: 11px 32px 0 10px;
    border: none;
}
.head-navLeft {
    float: left;
    padding: 25px 32px 0 10px;
    border: none;
}
img {
	vertical-align: text-bottom;
}
.pic-box {
    background: #bbb;
    width: 1050px;
    height: 381px;
    margin-top: 0;
    border: none;
}
.pic-left {
    width: 300px;
	padding: 34px 0 0 37px;
	float: left;
	text-align: center;
	/*border: solid 1px  #FF3300;*/
}
.pic-middle {
    width: 300px;
    height: 347px;
    padding: 34px 0 0 37px;
	float: left;
	text-align: center;
	position: relative;
}
.pic-right {
    width: 300px;
    padding: 34px 0px 0px 37px;
	float: left;
	text-align: center;
	/* border: 1px solid #ccc; */    
}
.head-navform {
    margin: 7px 10px 7px 0;
    padding-top: 3px;
    float: right;
    font: italic bold 10px Verdana;
    color: #fff;
}
.navform-input {
   font: italic bold 10px Verdana;
   color: #0099ff;
   height: auto;
   padding-left: 2px;
   margin: 0 0px 0 7px;
   background-color: #fff;
}
.head-navform .text {
    border: 0;
    width: 200px;
    vertical-align: middle;
}
.head-navform .submitlogin {
    margin: 2px 10px 0 5px;
    vertical-align: bottom;
}

.imageBig {
    width: 400px;
	height: 350px;
    padding: 0px 0px 0px 0px ;
	float: left;
	text-align: center;
	/* border: solid 1px #00ff66; */
}
/*.textBox {
    width: 295px;
	margin: 60px 0px 0px 0px ;
	float: left;
    font :  12px Verdana;
	text-align: justify;
    color: #706962;
    background-color: #fff;
	border: solid 1px  #FF3300;
}*/

/*  LOGIN FORM  */


.theForm {
    width: 294px;
    margin: 65px 0px 0px 385px;
	float: left;
	/* border: 1px solid #ccc; */
}
.theCell1 {
    width: auto;
	margin-bottom: 9px;
	margin-left: 1px;
	float: left;
	font: bold 13px Trajan Pro,Times New Roman;
	color: #878787;
    padding-left: 5px;
    border: none;
}
.theCell2 {
    width: auto;
	margin-bottom: 8px;
	float: left;
	font: bold 13px Trajan Pro,Times New Roman;
	color: #878787;
    padding-left: 5px;
    border: none;
}
.theform-input {
   font: bold 15px Trajan Pro,Times New Roman;
   color: #fff;
   height: 18px;
   line-height: 21px;
   margin: 0 0 0 10px;
   background-color: #bbb;
   border: none;
}
.error {
    width: 150px;
	margin: 0 0 8px 80px;	
	font: 12px Trajan Pro,Times New Roman;
	color: #037a04;
    padding-left: 5px;
}
.login-input {
   font: bold 13px Trajan Pro,Times New Roman;
   color: #fff;
   height: auto;
   padding: 7px 7px 3px 7px;
   margin: 6px 0px 0 0px;
   background-color: #bbb;
   border: none;
}
.remember {
    width: 194px;
	float: left;
	font : 12px Century Gothic, Century;
    color: #bbb;
    text-align: left;
    background-color: #fff;
    padding: 0 0 5px 6px;
}
.remember a, .remember a:visited, .remember a:link, .remember a:active {
    color: #bbb;
    text-decoration: none;
}
.remember a:hover {
    color: #037a04;
}

/*  FOOTER  */


.footer {
    height: auto;
    width: 1050px;
    clear: both;
    text-align: center;
	font : 10px Century Gothic, Century;
    color: #bbb;
	padding: 55px 0 25px 0;
}
.footer a, .footer a:visited, .footer a:link, .footer a:active {
    color: #bbb;
    text-decoration: none;
}
.footer a:hover {
    color: #6e6e6e;
}

   /* 
     CONTACT US 
	*/

.about-text {
    width: 650px;
	margin: 70px 200px;
	float: left;
    background: #bbb;
    font:  15px Century Gothic, Century, Verdana;
	color : #6e6e6e;
    text-align: justify;
}
.about-title {
    font:  bold 16px Century Gothic, Century, Verdana;
	color : #6e6e6e;
    text-align: justify;
}
.contentBox {
    width: 1050px;
	margin: 0px 0px 10px 0px ;
	float: left;
    background: #bbb;
    text-align: left;
}
.email { 
    width: 450px;
    padding: 0 200px 10px 50px;
    float: left;
    font:  13px Century Gothic, Century, Verdana;
	color : #6e6e6e; 
	text-align: left;
    line-height: 30px;
}
.contactTextmiddle {
	font:  11px Verdana;
	color : #706962; 
	text-align: left;
	margin: 20px 0 0px 27px;
	float: left;
	line-height: 25px;
}
.address { 
	font:  15px Century Gothic, Century, Verdana;
	color : #6e6e6e; 
	text-align: left;
	padding: 10px 30px 0px 20px;
	float: left;
	line-height: 20px;
	width: 300px;
}
.address a, .address a:visited, .address a:link, .address a:active {
    color: #6e6e6e;
	font-weight: bold;
    text-decoration: none;
}
.address a:hover {
    color: #fff;
}
.email a, .email a:visited, .email a:link, .email a:active {
    color: #6e6e6e;
	font-weight: bold;
    text-decoration: none;
}
.email a:hover {
    color: #fff;
}



   /* 
     Register;
	*/


.registerForm {
    width: 540px;
    margin: 25px 10px 15px 255px;
    font : 13px Century Gothic, Century, Verdana;
    color: #6e6e6e;
	text-align: center; 
}
.registerField {
    width: 130px;
	margin-bottom: 5px;
	float: left;
    text-align: right;
    padding-left: 5px;
}
.registerCell {
    width: 370px;
	margin-bottom: 5px;
	float: left;
    text-align: left;
    padding-left: 2px;
}
.registerform-input {
   font: 13px Century Gothic, Century, Verdana;
   color: #007800;
   height: auto;
   padding-left: 2px;
   margin: 0 0px 0 12px;
   background-color: #fff;
}
.registerField2 {
    width: 252px;
	height: 32px;
	padding: 10px 0px 0 2px;
	float: left;
    font :  15px Century Gothic, Century, Verdana;
	color: #6e6e6e;
    text-align: right;
}
.registerCell2 {
    width: 248px;
	height: 32px;
	float: left;
    text-align: left;
    padding-top: 10px;
}
.registerform-input1 {
   font: bold 14px Century Gothic, Century, Verdana;
   color: #007800;
   height: auto;
   padding-left: 2px;
   margin: 0 0px 0 12px;
   background-color: #fff;
}
.registerCell3 {
    height: 32px;
	width: 145px;
	float: left;
    padding-top: 13px;
} 
 .registerCell4 {
    height: 32px;
	width: 120px;
    font :  bold 10px Verdana;
	color: #037a04;
    text-align: center;
	float: left;
	margin: 6px 0 30px 12px;
} 
.registerform-input2 {
   font: bold 14px Century Gothic, Century, Verdana;
   color: #007800;
   height: auto;
   padding-left: 2px;
   margin: 0 0px 0 12px;
   background-color: #bbb;
}
.registerform-input3 {
   font: 12px Century Gothic, Century, Verdana;
   color: #706962;
   width: auto;
   margin: 10px 0 20px 0;
   background-color: #fff;
   line-height: 23px;
}
.registerText { 
	font: 12px Century Gothic, Century, Verdana;
	color : #878787; 
	text-align: center;
	margin: 10px 0 10px 0;
	width: 540px;
	float: left;
}
.registerTermsUse {
	width: 520px;
	height: 120px;
    font: 12px Century Gothic, Century, Verdana;
    color: #706962;
	text-align: justify;
	padding: 10px;
	border: 1px solid #6e6e6e;
}
.registerTermsText { 
    width: 540px;
	font: bold 13px Century Gothic, Century, Verdana;
	color : #706962; 
	text-align: center;
	margin: 10px 0 5px 0;
	float: left;
}
.registerText2 {
	color: red;
	font: bold 12px Century Gothic, Century, Verdana;  
	margin-top: 1px; 
	margin-right: 1px; 
	margin-bottom: 1px; 
	margin-left: 1px;
	text-decoration: none;
}
/*.registerText3 {
	color: #003366;
	font-family : verdana; 
	font-size : 10px; 
	margin-top: 1px; 
	margin-right: 1px; 
	margin-bottom: 1px; 
	margin-left: 1px;
	text-decoration: none;
	text-align: right;
}
.registerText4 {
	color: #003366;
	font-family : verdana; 
	font-size : 10px; 
	margin-top: 1px; 
	margin-right: 1px; 
	margin-bottom: 1px; 
	margin-left: 1px;
	text-decoration: none;
	text-align: left;
}*/


/* 
     FORGOT PASSWORD?
	*/
	

.forgot-text {   
   font : 15px Century Gothic, Century;
   color: #6e6e6e;
   width: 650px;
   padding: 70px 0 0 25px;
   float: left;
   text-align: justify;
}	
.forgot-form {
    width: 650px;
    margin: 35px 0px 0px 220px;
	float: left; 	
}
.forgot-cell {
    width: 385px;
	margin: 0 5px 20px 0;
    float: left;
    padding-top: 10px;
	/* border: 1px solid #ccc;  */   
}
.forgot-field {   
   font : bold 13px Trajan Pro,Times New Roman;
   color: #6e6e6e;
   width: 185px;
   padding-top: 3px;
   float: left;
}
.forgot-input {
   font: bold 13px Trajan Pro,Times New Roman;
   color: #6e6e6e;
   line-height: 21px;
   margin: 0 0 0 10px;
   background-color: #fff;
   border: none;
   float: left;
}
.forgot-code-field {   
   font : bold 13px Trajan Pro,Times New Roman;
   color: #6e6e6e;
   width: 185px;
   float: left;
   padding-top: 3px;
   text-align: right;
}
.forgot-code-input {
   font: bold 13px Trajan Pro,Times New Roman;
   color: #6e6e6e;
   line-height: 21px;
   background-color: #fff;
   border: none;
   float: left;
}
.forgot-code {
    width: 100px;
	float: left;
}
.forgot-submit {
    width: 650px;
	margin: 0 0 50px 185px;
	float: left;
}
.forgot-submit-input {
   height: auto;
   font: 13px Trajan Pro,Times New Roman;
   color: #6e6e6e;
   padding: 5px 5px 2px 5px;
   margin: 0 0 0 10px;
   background-color: #fff;
   float: left;
}
.forgot-error {   
   font : 14px Century Gothic, Century;
   color: #007800;
   float: left;
   padding-top: 3px;
   text-align: left;
   width: 600px;
}

   /* 
     PRIVACY POLICY;
	*/

.left {
    width: 170px;
	padding: 70px 0 0 25px;
	float: left;
	text-align: left;
	font: bold 16px Trajan Pro,Times New Roman;
    color: #007800;
    line-height: 25px;
}
.middle {
    width: 650px;
	font:  12px Century Gothic, Century, Verdana;
	color : #6e6e6e; 
	text-align: justify;
	margin: 100px 10px 0px 10px;
	float: left;
	line-height: 17px;
}
.middle a, .middle a:visited, .middle a:link, .middle a:active {
    color: #6e6e6e;
	font-weight: bold;
    text-decoration: underline;
}
.middle a:hover {
    color: #007800;
}
.privacyAddress {
    width: 650px;
    margin: 25px 0px 50px 220px;
	float: left;
	text-align: left;
	font:  12px Century Gothic, Century, Verdana;
	color : #6e6e6e;   
}