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

body {
	text-align:center;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: "trebuchet" Verdana, Arial, Helvetica, sans-serif; 
}

img {
	border:none;
}

#container {
	width:840px;
	margin:0 auto;
	text-align:left;
}

#subcontainer {
	margin:0;
	padding:0;
	clear:both;
	background: url(images/mainback.gif) repeat-y top left;
	width:840px;
	height:100%;
}

#logo {
	width:840px;
	margin-top:25px;
}	

#logo .logoimg {
	padding-left:30px;
	width:245px;
	height:61px;
	float:left;
}	

/*login area*/

#login {
	float:right;
	width:178px;
	margin-right:50px;
}

#login form {
	padding:0;
	margin:0;
	font-size:11px;
	color:#333333;
}	

#login input {
	width:105px;
	float:right;
	margin-top:5px;
	border:1px solid #999999;
}	

#login label {
	float:left;
	margin-top:10px;
}	

#submitarrow {
	width:19px;
	height:19px;
	float:right;
	position:relative;
	top:30px;
	right:45px;
}
	
/*main nav------------------------------------------------------------------------------------*/

#nav {
	float:left;
	width:796px;
	height:36px;
	height:100%;
	padding:0;
	margin-left:20px;
	/position:relative;
	/right:20px;
	/margin:0;
	/padding:.5em 20px .5em 0;
}

#nav ul{
	float:left;
	width:100%;
	height:36px;
	list-style-type:none;
	background:  url(images/navbackall.gif) no-repeat top left;  
}

#nav li {
	float: left;
}
	
#nav .home a {
	margin-left:10px;
	/margin-left:25px;
	display: block;
	width:60px;
	height:36px;
	text-decoration: none;
	background:url(images/home.gif) no-repeat top left;	
}	

#nav .home a:hover {
	background:url(images/homeroll.gif) no-repeat top left;
}

#nav .program a {
	display: block;
	width:122px;
	height:36px;
	text-decoration: none;
	background: url(images/ourprogram.gif) no-repeat top left;	
}	

#nav .program a:hover {
	background:url(images/ourprogramroll.gif) no-repeat top left;
}

#nav .products a {
	display: block;
	width:94px;
	height:36px;
	text-decoration: none;
	background: url(images/products.gif) no-repeat top left;	
}	

#nav .products a:hover {
	background:url(images/productsroll.gif) no-repeat top left;
}

#nav .aboutus a {
	display: block;
	width:87px;
	height:36px;
	text-decoration: none;
	background: url(images/aboutus.gif) no-repeat top left;	
}	

#nav .aboutus a:hover {
	background: url(images/aboutusroll.gif) no-repeat top left;
}

#nav .jws a {
	display: block;
	width:147px;
	height:36px;
	text-decoration: none;
	background: url(images/jws.gif) no-repeat top left;	
}	

#nav .jws a:hover {
	background: url(images/jwsroll.gif) no-repeat top left;
}

#nav .contact a {
	margin-left:100px;
	display: block;
	width:113px;
	height:36px;
	text-decoration: none;
	background: url(images/contactus.gif) no-repeat top left;	
}	

#nav .contact a:hover {
	background: url(images/contactusroll.gif) no-repeat top left;
}


#nav a img {
	border:none;
}


/*-------------------------------------------------------------------------------------*/


#header {
	clear: both;
	width:840px;
	height:291px;
	background:url(images/mainheader.jpg) no-repeat top left;
}

/**/

#testimonials {
	margin-top:35px;
	/padding-top:10px;
	margin-right:25px;
	float:right;
	width:250px;
	font-style:italic;
}

.name {
	float:right;
	text-align:right;
	margin-top:-15px;
	padding:0;
}


/**/
#content {
	clear:left;
	float:left;
	width:500px;
	line-height:1.5em;
	margin-left:20px;
	margin-bottom:100px;
	padding-left:10px;	
}

#content a {
	font-weight:bold;
	text-decoration:none;
	color:#1b4574;
}
#content a:hover {
	text-decoration:underline;
}
	
/*-------------------------------------------------------------------------------------*/

#rightoffer {
	width:250px;
	height:100%;
	float:right;
	margin-right:30px;
	margin-top:20px;
}

#rightoffer .box {
	line-height:2em;
	width:250px;
	background:url(images/offermiddle.gif) repeat-y;
	padding:0;
	margin:0;
	list-style-position:inside;
}

#rightoffer .first {
	padding-top:55px;
	background: url(images/offertop.gif) no-repeat top left;
	padding-left: 30px;
	padding-right: 10px;
}

#rightoffer .last {
	padding-bottom:20px;
	background:url(images/offerbot.gif) no-repeat bottom left;
	padding-left: 30px;
	padding-right: 10px;
}


#rightoffer li {
	padding-left: 30px;
	padding-right: 10px;
	text-indent: -15px;
}	



#rightoffer img {
	padding-top:20px;
	border:none;
	padding-left:15px;
}

	
/**/

#footer {
	float:left;
	background-color:#f2f2f2;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	margin-left:5px;
	width:826px;
}


#footer #nav {
	float:left;
}

#footer ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#footer li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	}
	
#footer a {
	float: left;
	display: block;
	margin: 0;
	padding: 5px 0 5px 20px;
	color:#1b4574;
	text-decoration: underline;
}	

#footer .contactus {
	float:right;
	margin-right:20px;
}

#footer .terms {
	float:right;
	margin-right:20px;
}

p.vp {
	width:840px;
	padding-left:25px;
	color:#666666;
	clear:both;
	margin:0 30% 0 30%;
	font-size:10px;
	color: #999999;


}

p.vplast {
	width:780px;
	font-size:10px;
	padding-top:10px;
	padding-left:25px;
	padding-right:30px;
	color: #999999;
	clear:both;
}
	
/**/

p {
	color:#333;

}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 16px;
	color:#1b4574;
	
}

h1, h2, h3, h4 {
	font-weight:normal;
}	


h4 {
	padding-top:20px;
	color:#333;
	clear:left;
}		


/*program page styles ---------------------------------------------------------------*/


#program #subcontainer {
	width:840px;
	height:100%;
}


#program #inner {
	width:840px;
	height:100%;
	background: url(images/topgraphic.gif) no-repeat top left;
	float:left;
}	

#program #content {
	width:450px;
	margin-top:50px;
	margin-bottom:50px;
	margin-left:25px;

}

#program #content a {
	font-weight:bold;
	color:#1b4574;
	text-decoration:none;
}	

#program #content a:hover {
	text-decoration: underline;
}	

#program #rightcolumnprogram {
	margin-top:50px;
	margin-bottom:50px;
	float:right;
	line-height:2.0em;
	width:300px;
	color:#333;
}

#program #rightcolumnprogram ul {
	list-style-type:none;
}

#program #content ul {
	list-style-type:none;
	list-style-image:url(images/checkmark.gif);
}	

#program h3 {
	width:220px;
}	

#program #footer {
	float:left;
	background-color:#f2f2f2;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	margin-left:5px;
	width:826px;
}

#program .affiliatebtn {
	position:relative;
	left:150px;
	width:157px;
	height:28px;
}

#program .affiliatebtn img {
	border:none;
}	


.rghtheader {
	color: #000000;
	line-height:normal;
	text-transform: uppercase;
	font-size:12px;
}	

/*products page styles ----------------------------------------------------------------------*/


#products #inner {
	width:840px;
	height:100%;
	background: url(images/productstop.jpg) no-repeat top left;
	float:left;
}	

#products #content {
	width:450px;
	margin-top:100px;
	margin-bottom:50px;
}

#products #content a {
	font-weight:bold;
	color:#1b4574;
	text-decoration:none;
}	

#products #content a:hover {
	text-decoration: underline;
}	

#products #content .prodleft {
	float:left;
	width:160px;
	padding-left:25px;
	margin-left:5px;
}	

#products #content .prodright {
	float:right;
	width:180px;
	padding-left:30px;


}	

#products #content .lparagraph{
	clear:both;
	padding-top:15px;
	/padding-bottom:30px;
	padding-bottom:150px;
}	


/**/

#products #rightofferproducts {
	width:250px;
	height:100%;
	float:right;
	margin-right:30px;
	margin-top:260px;
}

#products #rightofferproducts .box {
	line-height:2em;
	width:250px;
	background:url(images/offermiddle.gif) repeat-y;
	padding:0;
	margin:0;
	list-style-position:inside;
}

#products #rightofferproducts .first {
	padding-top:55px;
	background: url(images/offertop.gif) no-repeat top left;
	padding-left: 25px;
  	padding-right: 10px;

}

#products #rightofferproducts .last {
	padding-bottom:20px;
	background:url(images/offerbot.gif) no-repeat bottom left;
	padding-left: 25px;
  	padding-right: 10px;

}


#products #rightofferproducts li {
	padding-left: 25px;
	padding-right: 10px;
	text-indent: -15px;
}	

#products #rightofferproducts img {
	padding-top:20px;
	border:none;
	padding-left:15px;
}	
/**/

#products h1 {
	line-height:1.5em;
	width:350px;
}

#products h3 {
	margin-bottom:0;
}	

/*aboutus page styles-----------------------------------------------------------------------------*/


#aboutus #subcontainer {
	width:840px;
	height:100%;
}


#aboutus #inner {
	width:840px;
	height:100%;
	background: url(images/topgraphic.gif) no-repeat top left;
	float:left;
}	

#aboutus #content {
	width:450px;
	margin-top:50px;
	margin-bottom:100px;
	margin-left:25px;
	float:left;
	line-height:2.0em;

}

#aboutus #content a {
	font-weight:bold;
	color:#1b4574;
	text-decoration:none;
}	

#aboutus #content a:hover {
	text-decoration: underline;
}	

#aboutus #content .prodleft {
	float:left;
	width:150px;
}	

#aboutus #content .prodright {
	float:right;
	width:200px;
}	



/**/

#aboutus #rightofferabout {
	width:250px;
	height:100%;
	float:right;
	margin-right:30px;
	margin-top:35px;
	padding-bottom:30px;
	/margin-bottom:100px;
}

#aboutus #rightofferabout .box {
	line-height:2em;
	width:250px;
	background:url(images/offermiddle.gif) repeat-y;
	padding:0;
	margin:0;
	list-style-position:inside;
}

#aboutus #rightofferabout .first {
	padding-top:55px;
	background: url(images/offertopalt.gif) no-repeat top left;
	padding-left: 25px;
  	padding-right: 10px;

}

#aboutus #rightofferabout .last {
	padding-bottom:20px;
	background:url(images/offerbot.gif) no-repeat bottom left;
	padding-left: 25px;
  	padding-right: 10px;

}


#aboutus #rightofferabout li {
	padding-left: 25px;
	padding-right: 10px;
	text-indent: -15px;
}	

#aboutus #rightofferabout img {
	padding-top:20px;
	border:none;
	padding-left:15px;
}	

/**/

#aboutus h1 {
	line-height:1.5em;
}


#aboutus #jwsbottom {
	clear:both;
	width:836px;
	height:269px;
	background:url(images/jwsbottom.jpg) no-repeat bottom left;
	background-color:#FFFFFF;
}	

/**/

#aboutus #footer {
	float:left;
	background-color:#f2f2f2;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	margin-left:5px;
	width:826px;
}


#aboutus #footer #nav {
	float:left;
}

#aboutus #footer ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#aboutus #footer li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	}
	
#aboutus #footer a {
	float: left;
	display: block;
	margin: 0;
	padding: 5px 0 5px 20px;
	color:#1b4574;
	text-decoration: underline;
}	

#aboutus #footer .contactus {
	float:right;
	margin-right:10px;
}

#aboutus #footer .terms {
	float:right;
	margin-right:20px;
}


/*jws page styles --------------------------------------------------------------------*/


#jws #subcontainer {
	width:836px;
	height:100%;
}

#jws #inner {
	width:840px;
	height:100%;
	background: url(images/aboutjwstop.jpg) no-repeat top left;
	float:left;
}	
#jws #content {
	width:450px;
	margin-top:50px;
	margin-bottom:50px;
	padding-bottom:2em;
	margin-left:25px;
	line-height:2.0em;

}

#jws #content a {
	color:#1b4574;
	text-decoration:none;
}	


#jws #rightcolumn {
	margin-top:270px;
	margin-bottom:50px;
	margin-right:3px;
	float:right;
	line-height:2.0em;
	color:#333;
	background:url(images/jwstestimonials.gif) no-repeat right;
	width:282px;
	height:311px;
}

#jws #rightcolumn ul {
	list-style-type:none;
}

#jws h1 {
	line-height:1.5em;
}


#jws #jwsbottom {
	clear:both;
	width:836px;
	height:274px;
	background:url(images/jwsbottom.jpg) no-repeat bottom left;
	background-color:#FFFFFF;
}	

sup {
	font-size: 75%;
	vertical-align: 1px;
}	


/*contact page styles ---------------------------------------------------------------*/


#contact #subcontainer {
	width:840px;
	height:100%;
}


#contact #inner {
	width:840px;
	height:100%;
	background: url(images/topgraphic.gif) no-repeat top left;
	float:left;
}	

#contact #content {
	width:450px;
	margin-top:50px;
	margin-bottom:50px;
	margin-left:25px;

}

#contact #content a {
	font-weight:bold;
	color:#1b4574;
	text-decoration:none;
}	

#contact #content a:hover {
	text-decoration: underline;
}	

#contact #rightcolumnprogram {
	margin-top:50px;
	margin-bottom:50px;
	float:right;
	line-height:2.0em;
	width:300px;
	color:#333;
}

#contact #rightcolumnprogram ul {
	list-style-type:none;
}

#contact #content ul {
	list-style-type:none;
	list-style-image:url(images/checkmark.gif);
}	

#contact h3 {
	width:220px;
}	

#contact #footer {
	float:left;
	background-color:#f2f2f2;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	margin-left:5px;
	width:826px;
}

#contact .affiliatebtn {
	position:relative;
	left:150px;
	width:157px;
	height:28px;
}

#contact .affiliatebtn img {
	border:none;
}	


.rghtheader {
	color: #000000;
	line-height:normal;
	text-transform: uppercase;
	font-size:12px;
}	

/**/

#contact #rightofferabout {
	width:250px;
	height:100%;
	float:right;
	margin-right:30px;
	margin-top:35px;
	padding-bottom:30px;
}

#contact #rightofferabout .box {
	line-height:2em;
	width:250px;
	background:url(images/offermiddle.gif) repeat-y;
	padding:0;
	margin:0;
	list-style: inside;
}

#contact #rightofferabout .first {
	padding-top:55px;
	background: url(images/offertopalt.gif) no-repeat top left;
	padding-left: 25px;
  	padding-right: 10px;

}

#contact #rightofferabout .last {
	padding-bottom:20px;
	background:url(images/offerbot.gif) no-repeat bottom left;
	padding-left: 25px;
  	padding-right: 10px;

}


#contact #rightofferabout li {
	padding-left: 25px;
	padding-right: 10px;
	text-indent: -15px;
}	

#contact #rightofferabout img {
	padding-top:20px;
	border:none;
	padding-left:15px;
}	

/*FORM STUFF*/

/* label/labelspan */



#contactform label, #contactform label span {
	display: block;
	padding-bottom:.25em;
}

#contactform label {
	float:left;
	width:70%;	
}	


#contactform label span {
	float:left;
	width:45%;
	text-align:left;
}	


/* =input */

#contactform fieldset input {
	float:right;
	width: 45%;
	border: 1px solid #CCCCCC;
}

#contactform fieldset input:hover {
	border-color:#666666;
}

#contactform fieldset input:active, #contact input:focus {
	border-color:#FF0000;
}	


fieldset {
	float:left;
	width: 100%;
	height: 100%;
	padding:0;
	margin:0;
	overflow:hidden;
	border:none;
	color:#333333;
}	

.contactcomments {
	width:100%;
	margin-bottom:1em;
	/margin-bottom:1em;
	/margin-top:10px;
}	

#contactform .contactcomments input{
	float:left;
	height:100px;
	width:100%;
	overflow:scroll;
}	

.submit {
	padding:0;
	border:none;
	clear:both;
	margin-left:237px;
}	


/*thankyou page styles ---------------------------------------------------------------*/


#thankyou #subcontainer {
	width:840px;
	height:100%;
}


#thankyou #inner {
	width:840px;
	height:100%;
	background: url(images/topgraphic.gif) no-repeat top left;
	float:left;
}	

#thankyou #content {
	width:450px;
	margin-top:50px;
	margin-bottom:50px;
	margin-left:25px;

}

#thankyou #content a {
	font-weight:bold;
	color:#1b4574;
	text-decoration:none;
}	

#thankyou #content a:hover {
	text-decoration: underline;
}	



#thankyou h3 {
	width:220px;
}	

#thankyou #footer {
	float:left;
	background-color:#f2f2f2;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	margin-left:5px;
	width:826px;
}

.thankyoulast {
	margin-bottom:500px;
}