body { margin:0; padding:0; border:0; width:100%; background:url(../images/pp_top.gif) top left repeat-x #FFF; padding-top:25px; font-family:Verdana , Arial, Helvetica , sans-serif; font-size:90%; min-width:600px;}
a {color:#7D2B8B;font-weight:bold;}
a:hover {color:#fff; background:#7D2B8B; text-decoration:none;  }
h1, h2, h3 {margin:.5em; padding:0; font-size:1.5em;}
p {margin:.75em; padding:0;}
ul {list-style:none;}
ul.bullets { list-style:circle;}
img {border:none;}
img.none {float:none;}
.clear {clear:both;}
#container {/*margin:0 2%;*/ background:#fff; }

div#header {width:100%; background:url(../images/cjpf_weblogo.gif) bottom right no-repeat; /*background: url(../images/cjp_bg-hdr.gif) top left repeat-y #EAE5DC;*/ }
div#header p {font-weight:bold; text-align:right; font-size:90%; margin:0; padding:0 1em;}

div#nav {float:left; width:100%; background: url(../images/cjp_bg-nav.gif) bottom left repeat-x #282828; overflow:hidden; position:relative; margin:0 0 1em 0; font-family:Arial, Helvetica, sans-serif; font-size:1.2em;}
div#nav ul/*,
div#footer ul */{clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center;}
div#nav ul li/*,
div#footer ul li*/ {display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%;}
div#nav ul li a {display:block; margin:0; padding:.2em .9em; color:#FFFFFF; text-decoration:none; line-height:1.7em;  font-weight:normal;}
div#nav ul li a.at,
div#nav ul li a:hover { background:url(../images/cjp_bg-nav-hover.gif) left repeat-x /*#7D2B8B*/; font-weight:normal;}



div#maincontent {clear:both; background:url(../images/cjp_bg-main.gif) top left repeat-x #fff; /*#EAE5DC*/; border:#C4B69D 1px solid; margin:1em 2% 1em 2%; /*width:100%;*/ /*float:left;*/ position: relative; /*overflow:hidden;*/}

div#maincontent img {float:right; padding:0; margin:0;}
div#maincontent img.none {float:none;}


div#colmask {position:relative;	clear:both;	float:left;	width:100%;	overflow:hidden;}
.colright, .colmid,	.colleft {float:left;	width:100%;	position:relative;}
.subcontent, .side_nav,	.col3, .col1, .col2 {float:left;	position:relative;	padding:0 0 1em 0;	overflow:hidden;}
.subcontent { background:url(../images/cjp_bg-main.gif) top left repeat-x #fff;/*#EAE5DC*/; border:#C4B69D 1px solid;}

/*.subcontent h1 {float:left;}*/
.subcontent img {float:right; padding:0 2%; margin:0;}


.faqmenu .colleft {right:65%;}
.faqmenu .subcontent {width:61%;	left:102%;}
.faqmenu .side_nav {	width:33%;	left:6%;}

.leftmenu .colleft {right:70%;}/* right column width */
.leftmenu .subcontent {width:66%;	left:102%;}
.leftmenu .side_nav {	width:28%;	left:6%;}

.rightmenu .colleft {right:30%;}/* right column width */
.rightmenu .subcontent {width:66%; left:32%;}
.rightmenu .side_nav {width:28%; left:34%;}

.side_nav {background:url(../images/cjp_bg-snv.gif) bottom left repeat-x #ECEADF; border:#D2D8D2 1px solid;}
.side_nav h2 {background:url(../images/cjp_bg-nav.gif) bottom left repeat-x #282828; font-size:1.2em; color:#FFF; line-height:2em; width:100%; margin:0; padding:0 .5em; border:#333333 solid 1px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.side_nav ul {margin:0; padding:0; }
.side_nav li {border-bottom:#D2D8D2 1px solid; width:95%; margin:0 auto;}
.side_nav li.last {border-bottom:none;}
.side_nav li a { text-decoration:none; font-weight:bold; display:block; color:#000066; padding:.5em;}
.side_nav li a span { color:#777; font-size:80%;}
.side_nav li a:hover {color:#fff; background:url(../images/cjp_bg-nav-hover.gif) left repeat-x /*#7D2B8B*/;}
.side_nav li a:hover span, .side_nav li a.at span {color:#ddd;}
.side_nav li a.at {color:#fff; background: #710000; text-align:right;}

.take_hdr { /*float:left;*/ background: /*#000000;*/url(../images/cjp_bg-nav.gif) top repeat-x #282828; font-size:1.4em; color:#FFF; line-height:1.4em; margin:0; padding:0 .3em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; max-width:788px;}
.image_hdr {/*float:left; padding:0 2%; border:#FF0000 solid 1px;*/}

.blogstyle {
		/*background: #CC99FF;*/			/* right column background colour */
	}
	.blogstyle ul {padding:0; margin:0 0 1em 0; /*border:#FF00FF 1px solid;*/}
	.blogstlye ul {/*float:left; padding:0; position:relative; left:50%; text-align:center;*/}
	.blogstyle .colmid {
		right:33%;				/* width of the right column */
		/*background: #00FFFF;*/		/* center column background colour */
	}
	.blogstyle .colleft {
		right:33%;				/* width of the middle column */
		/*background: #333333;*/			/* left column background colour */
	}
	.blogstyle .col1 {
		width:30%;				/* width of center column content (column width minus padding on either side) */
		left:68%;				/* 100% plus left padding of center column */
		/*border: #9966FF 1px solid;*/
	}
	.blogstyle .col2 {
		width:29%;				/* Width of left column content (column width minus padding on either side) */
		left:72%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		/*border:#FF0000 1px solid;*/
	}
	.blogstyle .col3 {
		width:29%;				/* Width of right column content (column width minus padding on either side) */
		left:76%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
					/*		border:#FF0000 1px solid;*/
	}




div#footer {clear:both;  font-size:65%;  width:100%; overflow:hidden;  background:url(../images/pp_footer.gif) bottom left repeat-x #fff; padding-bottom: 30px;}

div#bottom_nav {clear:both; width:100%; overflow:hidden; /*font-size:65%;*/ border-top:#CCCCCC 1px solid;} 
div#bottom_nav p {float:left;}
div#bottom_nav ul { float:right; position:relative; padding:0;} 
div#bottom_nav ul li {position:relative;  float:left; }
div#bottom_nav ul a {text-decoration:none; padding:0 .25em;}

/*extra code for pushing footer down */
html {height:100%;}
body {height:100%}

#container {min-height:100%; position:relative;}
* html #container {height:100%;}

#body {padding-bottom:7em;}
div#footer {clear:both;  font-size:65%;  width:100%; overflow:hidden; position:absolute; bottom:0; height:7em; /*background:#6cf;*/}