/* Start of CMSMS style sheet 'JPHI_main' */
/* CSS document */

/******************
UNIVERSAL ELEMENTS
******************/

* {margin:0px; padding:0px}
body {background: #e9e8e8 url(images/Q3_02.png) repeat-x; font-family:Arial,Sans-serif; font-size:100%; color:#333333; text-align:center}
h1{font-size:2.5em} /* 40px/16=2.5em */
h2{font-size:1.875em} /* 30px/16=1.875em */
p{font-size:0.75em; margin:0px; padding:0px} /* 12px/16=0.75em */
ul{text-indent: 0cm; margin:0px; padding:0px;}
li{text-decoration:none; list-style-type:none;}
a{color: #304183;}
a img{border:0px}
a:hover{color:green;}
.clearBoth{clear:both;}

#wrapperJPHI {position:relative; margin:0px auto; width:960px; text-align:left;}
#headerJPHI{}
.logo{width:350px;float:left;}

/* Search Box */
#srch{margin-top:30px; padding-right:30px;}
form#cntnt01moduleform_1 label{display:none;}
form#cntnt01moduleform_1{height:30px;background:transparent url(images/searchbg.png) no-repeat; border:0px;}
input#cntnt01searchinput{padding-top:8px; font-size:.7em;width:180px;margin-right:15px;background:transparent; text-align:right; border:0px;}

ul.home{
  list-style:none;
  text-align: left; 
  padding: 10px 10px 0 10px; 
  font-size: 12px;}

ul.home li{
  text-indent: -12px;
  padding: 0 0 12px 12px;}

ul.home li a{
  color:#333333;}

ul.home li a:hover{
   color:#339933;}

li.tagitem{
   color:#333333;
   font-size:12px;
   padding: 10px 0 0 10px;
   text-decoration:none;}

a.taglink{
   color:#333333;
   font-size:12px;
   text-decoration:none;}

a.taglink:hover{
   text-decoration:underline;}

/******************
HOME PAGE ELEMENTS
******************/

#mainMessage{width:721px; float: right; padding: 8px 14px 0 0;}

#rightcolumn{width:340px; float:right; margin:14px 22px 0 0; padding: 0;}

#leftcolumn{width:340px; float:right; margin:14px 25px 0 0; padding: 0;}

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ccccff}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e1e1f7;
  border-right:1px solid #e1e1f7;
  background:#d5d5fb}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #ededf2;
  border-right:1px solid #ededf2;
  background:#d3d3fc}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d3d3fc;
  border-right:1px solid #d3d3fc;}
.spiffy4{
  border-left:1px solid #e1e1f7;
  border-right:1px solid #e1e1f7}
.spiffy5{
  border-left:1px solid #d5d5fb;
  border-right:1px solid #d5d5fb}
.spiffyfg1{
  background:#ccccff;
  height:29px;}
.spiffyfg2{
  background:#339933;
  height:11px;}
.spiffyfg3{
  background:#ccccff;}

h3.home{
  text-align: left;
  color: #524c97; 
  font-size: 14px; 
  font-weight: bold;
  padding: 8px 0 0 10px;}

#lquotecontain{
  position:relative;}
#lquote{
  position:absolute;
  display:inline;
  z-index:1;
  top:-10px;
  left:-10px;
  font-family: Georgia,Serif;
  font-size:96px;
  color: #333399;}
#lquoteshad{
  position:absolute;
  display:inline;
  z-index:0;
  top:-5px;
  left:-5px;
  font-family: Georgia,Serif;
  font-size:96px;
  color: #9999ff;}

#testicontain{
  position:relative;}
#testi{
  position:absolute;
  display:inline;
  top:20px;
  right: -50px;
  margin: 0 80px 0 40px;
  font-size:12px;}

#rquotecontain{
  position:relative;}
#rquote{
  position:absolute;
  z-index:1;
  right:-5px;
  top:23px;
  font-family: Georgia,Serif;
  font-size:96px;
  color: #333399;
  text-align:right;}
#rquoteshad{
  position:absolute;
  z-index:0;
  right:-10px;
  top:28px;
  font-family: Georgia,Serif;
  font-size:96px;
  color: #9999ff;
  text-align:right;}

#lquotecontain2{
  position:relative;}
#lquote{
  position:absolute;
  display:inline;
  z-index:1;
  top:-10px;
  left:-10px;
  font-family: Georgia,Serif;
  font-size:96px;
  color: #333399;}
#lquoteshad{
  position:absolute;
  display:inline;
  z-index:0;
  top:-5px;
  left:-5px;
  font-family: Georgia,Serif;
  font-size:96px;
  color: #9999ff;}

#testicontain2{
  position:relative;}
#testi{
  position:absolute;
  display:inline;
  top:20px;
  right: -50px;
  margin: 0 80px 0 40px;
  font-size:12px;}

#rquotecontain2{
  position:relative;}
#rquote{
  position:absolute;
  z-index:1;
  right:-5px;
  top:23px;
  font-family: Georgia,Serif;
  font-size:96px;
  color: #333399;
  text-align:right;}
#rquoteshad{
  position:absolute;
  z-index:0;
  right:-10px;
  top:28px;
  font-family: Georgia,Serif;
  font-size:96px;
  color: #9999ff;
  text-align:right;}

#morecontain{
  position:relative;}
#more{
  position:absolute;
  display:inline;
  text-align:right;
  top:140px;
  right: -40px;
  margin: 0 80px 0 40px;
  font-size:11px;}  

/*****************
 SUBPAGE ELEMENTS
*****************/

#centerwrapper{
  width: 506px;
  float: left;
  margin: 14px 0 0 33px;}

h3.sphed{
  text-align: left;
  color: #524c97; 
  font-size: 16px; 
  font-weight: bold;
  padding: 1em 0;}

h3.sphed2{
   font-size: 14px;
   font-weight: bold;
   color: #fff;
   padding: 0.55em 0 0 1.0em;
   background-color: #339933;}

#spcontent{
}

#rightwrapper{
  width:185px;
  float:right;
  margin: 14px 23px 0 0;}

#spimg{
padding-bottom: 3px;}

#rbox{
background-color:#ccccff;}

#contact{
padding-left: 20px;
width: 506px;
float: right;}

/* footer */
#footWrapOuter{width:100%; height:75px; margin-top: 20px; background: #d0d0d0; border-top:10px solid #c9c9c9}
#footWrapInner{text-align:center; margin: 0px auto;}
#bottom1{text-align:left;padding:15px;width:200px;float:left;font-size:.8em;color:#777;}
#def{text-align:left;padding:15px;width:200px;float:left;font-size:.8em;color:#777;}
#bottom2{text-align:left;padding:15px;width:200px;float:left;font-size:.8em;color:#777;}
#bottom3{text-align:left;padding:15px;width:200px;float:left;font-size:.8em;color:#777;}
#bottom1 ul li, #bottom2 ul li{display:block; text-align:left;}
h2.footerQ{color:#777; font-size:1em;text-align:left; clear:both;}
.right{float:right;}

/* End of 'JPHI_main' */
/* End of 'JPHI_main' */