body {
	margin: 5px; 
	padding: 0px;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
}

table, td {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
}


h1 {
	font-size: 17pt;
	font-weight: normal;
}

h2 {
	font-size: 14pt;
	font-weight: normal;
}

h3 {
 	font-weight: normal;
}



li {  
padding-bottom: 2px
}

.topbar {
	width: 750px; 
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}

#menu {
	text-align: center;
	width: 750px; 
	margin-left: auto;
	margin-right: auto;
}

.menubar {
	font-size: 9pt;
	text-decoration: none;
	text-align:right;
	color:white;
	background-color: #999;
	padding:4px 8px 4px 4px;
	background-image: url(../images/menubar.gif)
        
}

.menubar a {
	text-decoration: none;
	color:white;
}

.menubar a:hover {
	text-decoration: underline;
	color:white;
}


.homepage-heading {
	color: #333;
	font-size: 11pt;
}

.homepage-heading a {
	color: #333;
	font-size: 11pt;
	text-decoration: none;
}

#jadebox {
	width: 750px; 
	margin-left: auto;
	margin-right: auto;

	background-image:  url(../images/product_sides.png);
	background-repeat: repeat-y;
	background-position: top center;
}

.jadeboxcontents {
	text-align: left;
	padding:10px 20px 10px 20px;

	background-image:  url(../images/product_bg2.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}


.image-right {
	clear: right;
	float: right;
	margin: 0px 0px 15px 15px;
	text-align: center;
}


#main {
	width: 750px; 
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.mainbody {
	padding:10px 20px 10px 20px;
	border-left: solid #999 1px;
	border-right: solid #999 1px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}


#group {
	width: 750px; 
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;

	background-image:  url(../images/main_sides.png);
	background-repeat: repeat-y;
	background-position: top center;
}

.groupbody {
	padding:10px 10px;
	background-image:  url(../images/main_top.png);
	background-repeat: no-repeat;
	background-position: top center;
	margin: auto;
}


.mainbottom {
	background-image:  url(../images/main_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}


.news-title {
	clear: both;
	font-size: 10pt;
	font-weight: bold;
	margin: 1em 0em 0em 0em;
	padding: 0em;
	border-bottom: 1px solid #999;
}

.news-date {
	padding: 0;
	margin: 0em 0em -0.5em 0em;
	font-size: 7pt;
	text-align: right;
	color: #666;
}

.imagecaption {
	font-size: 8pt;
}


.bottomtext {
	text-align: center;
	font-size: 8pt;
        width: 750px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 0px 10px 0px;
}

.orderbox { 
	border: none; 
        width: 600px;
        padding-left: 50px;
	}
	
.downloadbox { 
	border:	none; 
        width: 600px;
        padding-left: 105px;
	}
	
.imageleft {
	float: left;
	margin: 5px 20px 5px 0px;
	text-align: left;
}

.headerstyle{
display:block;
margin:0px 0 10px;
padding:5px 0 5px 2px;
background:#E7EEF7;
border-left:1px solid #EAEAEA;
border-right:1px solid #EAEAEA;
border-bottom:1px solid #EAEAEA;
border-top:1px solid #EAEAEA;
text-decoration:none;
font-weight: bold;
color: #333333;
font-size: 10pt;
}

.smallindent { 
padding: 4px 110px 4px 8px; 
text-align: 
left; 
}

.faq_answer{ 
display:block;
padding:0 4px 8px;
 }
 
.link-right {
	margin: 0px 0px 15px 15px;
	text-align: right;
}

.right {
	width: 550px;
	min-height: 100%;
	margin-left: auto;
	margin-right: 0px;
	border-right: solid #999 1px;
	border-left: 0px;
	padding-left: 10px;
	padding-top: 0px;
 	text-align: left;
}

.left {
	width: 170px; /*width of menu*/
	position: relative;
	min-height: 100%;
	margin-left: 0px;
	margin-right: 15px;
	padding-left: 10px;
	padding-top: 0px;
	border-left: solid #999 1px;
	border-right: 1px solid #ECF1F7;
	float: left;
	text-align: left;
}

/*side menu*/

.sidemenu {

	border-bottom-width: 0;
	width: 165px;
}

.leftmenu a.menuitem{
border-bottom: 1px solid #ECF1F7;
font-size: 10pt;
color: #004080;
display: block;
position: relative;
width: auto;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 0px;
text-decoration: none;
}


.leftmenu a.menuitem:visited, .leftmenu .menuitem:active{
color: #004080;
}

.leftmenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.leftmenu a.menuitem:hover{
background: #ECF1F7;

}

.leftmenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.leftmenu div.submenu ul{ /*UL of each sub menu*/
list-style: none;
margin: 0;
font-size: 9pt;
padding-left: 30px;
}

.leftmenu div.submenu ul li{
border-bottom: 0px;
}

.leftmenu div.submenu ul li a{
display: block;
font-family: Verdana, Helvetica, sans-serif;
font-size: 9pt;
color: #004080;
text-decoration: none;
padding-top: 2px;
padding-bottom: 2px;
}

.leftmenu div.submenu ul li a:hover{
background: #F4F4F4;
color: #004080;
}

 .input
{
border: 1px solid #6699CC;

}

.submit input
{
color: #000;
background-image:  url(../jps/tutorials/menu/images/glossyback.gif);
border: 1px solid #6699CC;
padding-top: 2px;
margin-top: 2px;
cursor: hand;
}

#ads {
height:600px; /* make this the height which best suits your banner ads or a bit more for vertical spacing */
}

.social_icon
{
border: none ; 
padding: 1px; 
margin-right: 3px; 

}
#crumb {
	font-weight: normal;
}

.pageURL {display: none;}.italic {  font-style: italic}
h4 {  }