body 
{
	background-color:#50535a;
	font-family:Tahoma,Verdana, Arial, Sans-Serif;
	font-size:11px;
	color:#666666;
	margin:0;
	padding:0;
	text-align:center;
}

#pageContainer
{
	width:923px;
	margin:5px auto;
	padding:0;
	border:1px solid #999;
}

#header
{
	background-image:url(../Images/topBanner.gif);
	width:923px;
	height:88px;
	margin:0; 
	padding:0;
	background-repeat:no-repeat;
}
#logoContainer
{
	background-image:url(../Images/jpr_logo.gif);
	width:288px;
	height:216px;
	background-repeat:no-repeat;
	float:left;
	padding:0;
	margin:0;
}

#mainPicContainer
{
	width:635px;
	height:31px;
	padding:185px 0 0 0;
	margin:0;
	float:right;
	background-color:#b3b3b3;
	text-align:left;
	background-image:url(../Images/claddingPic.jpg);
	background-repeat:no-repeat;
	
}
#spacer
{
	width:288px;
	height:32px;
	background-color:#82868a;
	margin:0;
	padding:0;
	float:left;
	
}

#navigationContainer
{
	
	width:635px;
	height:32px;
	padding:0 0 0 0;
	margin:0;
	text-align:left;
	/*border:1px solid #000;*/
}

#navigationContainer ul
{
	padding:0;
	margin:0 0 0 120px;
	list-style-type:none;
	/*border:1px solid #000;*/
	width:510px;
	
}

#navigationContainer ul li
{
  float:left;
  width:125px;
  height:31px;
  padding:0 0 0 0;
  margin:0 2px 0 0;
}

#navigationContainer ul li a.homeBtn 
{
 display: block;
	float:left;
    width: 125px;
    height: 31px;
    background-image:url(../Images/homeBtn.gif);
    background-position: 0 0;
    margin: 0 auto;
 }
 
#navigationContainer ul li a.homeBtn:hover
{
    background-position: 0 -31px;
}

#navigationContainer ul li a.aboutBtn 
{
 display: block;
	float:left;
    width: 125px;
    height: 31px;
    background-image:url(../Images/aboutUsBtn.gif);
    background-position: 0 0;
    margin: 0 auto;
 }
 
#navigationContainer ul li a.aboutBtn:hover
{
    background-position: 0 -31px;
}
#navigationContainer ul li a.servicesBtn 
{
 display: block;
	float:left;
    width: 125px;
    height: 31px;
    background-image:url(../Images/servicesBtn.gif);
    background-position: 0 0;
    margin: 0 auto;
 }
 
#navigationContainer ul li a.servicesBtn:hover
{
    background-position: 0 -31px;
}
#navigationContainer ul li a.contactBtn 
{
  display: block;
	float:left;
    width: 125px;
    height: 31px;
    background-image:url(../Images/contactUsBtn.gif);
    background-position: 0 0;
    margin: 0 auto;
    /*border:1px solid #000;*/
 }
 
#navigationContainer ul li a.contactBtn:hover
{
    background-position: 0 -31px;
}
a .alt { display: none; }	

#sideMenuContainer
{
	background-color:#82868a;
	float:left;
	clear:both;
	height:500px;
	width:288px;
	text-align:center;
	
}
#sideMenuContainer ul
{
	color:#fff;
	margin:auto;
	padding:0;
	font-size:11px;
	list-style-type:none;
	width:251px;

}
#sideMenuContainer li
{
	color:#fff;
	border-bottom:1px dotted #fff;
	margin-bottom:20px;
	padding-bottom:8px;
	text-align:left;
	width:251px;
}

#sideMenuContainer li a
{
	text-decoration:none;
	color:#fff;
	font-size:11px;
}

#sideMenuContainer li a:hover
{
	text-decoration:underline;
	color:#fff;
	font-size:11px;
}
#mainContentContainer
{
	background-color:#fff;
	height:460px;
	width:596px;
	padding:20px 15px;
	float:left;
	border-right:9px solid #b3b3b3;
	text-align:left;
}
#footer
{
	background-image:url(../Images/footer.gif);
	width:923px;
	height:95px;
	background-repeat:no-repeat;
	clear:both;
	text-align:left;
}
.leftColumn
{
	float:left;
	width:290px;
	text-align:left;
}

.rightColumn
{ 
	float:right;
	width:290px;
	text-align:left;
}


ul#picsContainer
{
	margin:30px auto;
	padding:0;
	list-style-type:none;
	/*border:1px solid #000;*/
	width:560px;
	text-align:center;
	overflow:hidden;
	height:auto;
}	
ul#picsContainer li
{
	float:left;
	width:154px;
	/*border:1px solid #000;*/
	margin:0 30px 0 0	;
	padding:0;
	
}
/******************************************* common styles ********************************************************************/
img 
{
	border:0;
}

p
{
	font-family:Verdana, Arial, Sans-Serif;
	font-size:11px;
	color:#666666;
	text-align:justify;
}
form
{
	padding:0;
	margin:0;
}

h1,h2,h3,h4
{
	font-family:Tahoma,Verdana,Arial,Sans Serif;
	color:#61cb97;
	padding:0;
	margin:0;
}

h1
{
	font-size:14px;
}
h2
{
	font-size:12px;
}
p
{
	text-align:justify;
	color:#666666;
	margin-top:5px;
	line-height:15px;
}


a
{
	color:#61cb97;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}
a:hover
{
	color:#61cb97;
	text-decoration:underline;
	font-weight:bold;
	font-size:11px;
}
.greenText
{
	color:#61cb97;
}

li
{
	padding:4px;
	font-size:12px;
}