/*
** global styling
*/
BODY, TD, TH, INPUT, SELECT, TEXTAREA
{
	font-family: Arial;
}
BODY
{
	background-color: #333;
	margin-top: 15px;
}
A
{
	color: #37b34a;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
A IMG
{
	border: 0px none;
}
HR
{
	border: 0px none;
	border-top: 1px solid #808080;
	height: 0px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*
** general
*/
div.left
{
	float: left;
}
div.right
{
	float: right;
}
div.breaker
{
	clear: both;
	height: 0px;
	line-height: 0px;
}
div.rpad10
{
	padding: 5px;
}

/*
** captify
*/
.caption {
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	font-family: arial;
	display: none;
	cursor: default;
	background: #000000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}
.caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
#frontLink1,
#frontLink2,
#frontLink3
{
	display: inline-block;
	height: 228px;
}
#frontLink1 DIV,
#frontLink2 DIV,
#frontLink3 DIV
{
	height: 62px;
	position: relative;
	top: -62px;
}
#frontLink1 DIV
{
	width: 692px;
}
#frontLink2 DIV
{
	width: 414px;
}
#frontLink3 DIV
{
	width: 277px;
}

/*
** site panel
*/
.sitePanel
{
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 22px 21px 20px 28px;
	text-align: left;
	width: 921px;
}

/*
** page center
*/
.pageCenterHeader
{
	background-color: #fafafa;
	background-image: url(/images/jppol_la_design/background1/top.png);
	background-repeat: no-repeat;
	height: 9px;
	margin-top: 10px;
}
.pageCenter
{
	background-color: #fafafa;
	background-image: url(/images/jppol_la_design/background1/middle.png);
	background-repeat: repeat-y;
}
.pageCenterFooter
{
	background-color: #fafafa;
	background-image: url(/images/jppol_la_design/background1/bottom.png);
	background-repeat: no-repeat;
	height: 9px;
}

/*
** page center's left column
*/
.pageCenter > .left
{
	background-image: url(/images/jppol_la_design/Menu_B.png);
	background-repeat: no-repeat;
	margin-left: 20px; /* should be 20px but the background image has 2px of shade which must be added to the margin */
	margin-top: 11px; /* should be 20px but pageCenterTop is 9px heigh where 6px is plain white and is implicitly included in the margin */
	padding: 3px 8px 7px 2px;
}
.pageCenter > .left > .metaInfo
{
	font-size: 9px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px; /* make the text bottom align with the bottom of the three photos to the right */
}
.pageCenter > .left > .metaInfo > A
{
	color: #4d4d4d;
	letter-spacing: 0.025em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; /* make the text bottom align with the bottom of the three photos to the right */
	text-decoration: none;
	text-transform: uppercase;
}
.pageCenter > .left > .metaInfo > A:first-child
{
	margin-right: 20px;
}

/*
** page center's right column
*/
.pageCenter > .right
{
	background-color: #fff;
	margin-right: 19px;
	margin-top: 5px;
	width: 702px;
}
.pageCenter > .right > .header
{
	background-image: url(/images/jppol_la_design/background2/top.png);
	background-repeat: no-repeat;
	height: 9px;
	width: 702px;
}
.pageCenter > .right > .center
{
	background-image: url(/images/jppol_la_design/background2/middle.png);
	background-repeat: repeat-y;
	width: 702px;
}
.pageCenter > .right > .center > .textual
{
	color: #666;
	font-size: 11px;
	letter-spacing: 0.025em;
	line-height: 14px;
	padding: 0px 39px;
	width: 614px;
}
.pageCenter > .right > .center > .textual > .left
{
	width: 393px;
}
.pageCenter > .right > .center > .textual > .right
{
	padding-top: 32px;
	width: 203px;
}
.pageCenter > .right > .center > .textual .right .download TABLE
{
	width: 100%;
}
.pageCenter > .right > .center > .textual .right .download TABLE TR TH,
.pageCenter > .right > .center > .textual .right .download TABLE TR TD
{
	height: 14px;
	padding: 0px 0px 0px 5px;
}
.pageCenter > .right > .center > .textual .right .download TABLE TR TH
{
	color: #000;
	font-size: 10px;
	text-transform: uppercase;
}
.pageCenter > .right > .center > .textual .right .download TABLE TR TD.even
{
	background-color: #f0f0f0;
}
.pageCenter > .right > .center > .textual .right .download TABLE TR TD.odd
{
	background-color: #fff;
}
.pageCenter > .right > .center > .textual .right .download TABLE TR TD A
{
	color: #37b34a;
	font-size: 9px;
	text-transform: uppercase;
}
.pageCenter > .right > .center > .textual .right .facts TABLE,
.pageCenter > .right > .center > .textual .right .facts TABLE TBODY,
.pageCenter > .right > .center > .textual .right .facts TABLE TR,
.pageCenter > .right > .center > .textual .right .facts TABLE TR TH,
.pageCenter > .right > .center > .textual .right .facts TABLE TR TD
{
	border: 0px none;
	border-bottom: 1px solid #fff;
	margin: 0px;
	padding: 0px;
}
.pageCenter > .right > .center > .textual .right .facts TABLE
{
	background-color: #f2f2f2;
	width: 100%;
}
.pageCenter > .right > .center > .textual .right .facts TABLE TR TH
{
	color: #4d4d4d;
	background-color: #ccc;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
}
.pageCenter > .right > .center > .textual .right .facts TABLE TR TH,
.pageCenter > .right > .center > .textual .right .facts TABLE TR TD
{
	height: 22px;
	padding: 0px 5px;
}
.pageCenter > .right > .center > .textual .right .downloads TABLE,
.pageCenter > .right > .center > .textual .right .facts TABLE
{
	margin: 10px 0px;
}
.pageCenter > .right > .center > .textual H2
{
	font-size: 13px;
	font-weight: normal;
	line-height: 12px;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-transform: uppercase;
}
HR.h2Ruler
{
	border: 0px none;
	border-top: 1px solid #666;
	height: 0px;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 15px;
}
.pageCenter > .right > .footer
{
	background-color: #fafafa;
	background-image: url(/images/jppol_la_design/background2/bottom.png);
	background-repeat: no-repeat;
	height: 9px;
	width: 702px;
}

.breadcrumb
{
	font-weight: normal;
	padding-top: 40px;
	letter-spacing: 0.025em;
	margin-bottom: 20px;
}
.breadcrumb A
{
	color: #808080;
	font-size: 9px;
}

/*
** template a
*/
.pageCenter > .right > .center > .textual > IFRAME
{
	border: 0px none;
	margin-bottom: 10px;
	width: 614px;
}
.pageCenter > .right > .center > .textual > .header
{
	height: 175px;
	overflow: hidden;
}
.pageCenter > .right > .center > .textual .left
{
	width: 406px;
}
.pageCenter > .right > .center > .textual > .header > .right
{
	background-color: #f2f2f2;
	color: #000;
	font-size: 9px;
	height: 145px;
	overflow: hidden;
	padding: 15px 12px 15px 12px;
	text-transform: uppercase;
	width: 174px;
}
.pageCenter > .right > .center > .textual > .header > .right A
{
	font-size: 9px;
}
.pageCenter > .right > .center > .textual > .header > .right IMG
{
	margin-bottom: 9px;
}
.pageCenter > .right > .center > .textual > .body
{
	margin-top: 10px;
}
.pageCenter > .right > .center > .textual > .body > .right
{
	width: 198px;
}
.pageCenter > .right > .center > .textual > .body > .right IMG
{
	margin-bottom: 7px;
}
.pageCenter > .right > .center > .textual > .body > .right STRONG
{
	font-size: 11px;
	font-weight: bold;
}
.pageCenter > .right > .center > .textual > .body > .right .profile
{
	padding-bottom: 9px;
}

/*
** template b
*/
.pageCenter > .right > .center > .textual > .profileList .profile
{
	overflow: hidden;
	padding-bottom: 21px;
	width: 198px;
}
.pageCenter > .right > .center > .textual > .profileList .profile IMG
{
	margin-bottom: 12px;
}
.pageCenter > .right > .center > .textual > .profileList .profile STRONG
{
	font-size: 11px;
	font-weight: bold;
}

/*
** template e
*/
.pageCenter > .right > .center > .textual > .downloads > TABLE
{
	width: 100%;
}
.pageCenter > .right > .center > .textual > .downloads > TABLE TH,
.pageCenter > .right > .center > .textual > .downloads > TABLE TD
{
	padding: 0px 4px;
}
.pageCenter > .right > .center > .textual > .downloads > TABLE TH
{
	color: #000;
	font-size: 10px;
	text-transform: uppercase;
}
.pageCenter > .right > .center > .textual > .downloads > TABLE TD
{
	color: #666;
	font-size: 10px;
	height: 14px;
}
.pageCenter > .right > .center > .textual > .downloads > TABLE TR.even
{
	background-color: #f0f0f0;
}
.pageCenter > .right > .center > .textual > .downloads > TABLE TR.odd
{
	background-color: #fff;
}
.pageCenter > .right > .center > .textual > .downloads > TABLE TD.date
{
	text-transform: capitalize;
	width: 110px;
}

/*
** sitemap template
*/ 
div.sitemap UL
{
	margin: 0px;
	padding: 0px;
}
div.sitemap > UL
{
	list-style-type: none;
}
div.sitemap > UL > LI
{
	margin: 8px 0px;
}
div.sitemap > UL A
{
	color: #000;
	font-size: 10px;
}
div.sitemap > UL UL
{
	list-style: url('/images/jppol_la_design/sitemap_bullet.png');
	margin-left: 39px;
}
div.sitemap > UL UL A
{
	color: #4c4c4c;
	font-size: 10px;
}

/*
** page center's footer
*/
.pageCenter > .footer
{
	color: #4d4d4d;
	font-size: 9px;
	letter-spacing: 0.025em;
	margin-right: 28px;
	text-transform: uppercase;
	width: 892px;
}
.pageCenter > .footer > .right > A
{
	color: #4d4d4d;
}
.pageCenter > .footer DIV
{
	margin-left: 24px;
}

/*
** top right current date
*/
.currentDate
{
	color: #808080;
	letter-spacing: 0.025em;
	font-size: 9px;
	text-align: right;
	text-transform: uppercase;
}

/*
** left menu
*/
.sf-vertical
{
	line-height: 11px;
	margin-bottom: 4px;
}
.sf-vertical > LI > A > .sf-sub-indicator
{
	background-image: url(/images/jppol_la_design/JPPOL_PIL_1A1A1A.png);
	margin-top: 5px;
}
.sf-vertical A:focus > .sf-sub-indicator,
.sf-vertical A:hover > .sf-sub-indicator,
.sf-vertical A:active > .sf-sub-indicator,
.sf-vertical LI:hover > A > .sf-sub-indicator,
.sf-vertical LI.sfHover > A > .sf-sub-indicator 
{
	background-image: url(/images/jppol_la_design/JPPOL_PILROT_1A1A1A.png);
	background-position: 0px 0px;
}
.sf-vertical A, .sf-vertical A:visited, .sf-vertical A:active, .sf-vertical A:focus
{
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
.sf-vertical LI, .sf-vertical LI:hover UL, .sf-vertical LI.sfHover UL
{
	font-size: 9px;
	width: 158px;
}
.sf-vertical > LI
{
	font-size: 10px;
	letter-spacing: 0.05em;
}
.sf-vertical A
{
	border-top: 0px none;
	border-left: 1px solid #fff;
	cursor: pointer;
	display: table-cell;
	font-size: 10px;
	height: 32px;
	padding: 0px 0px 0px 13px;
	vertical-align: middle;
}
.sf-vertical A > DIV
{
	#height: 32px;
	#position: relative;
	#width: 100px;
}
.sf-vertical A > DIV > DIV
{
	#height: auto;
	#position: absolute;
	#top: 50%;
}
.sf-vertical A > DIV > DIV > DIV
{
	#position: relative;
	#top: -50%;
}
.sf-vertical > LI > UL A > DIV
{
	width: 132px;
}
.sf-vertical .highlight.sfHover
{
	width: 158px;
}
.sf-vertical .highlight
{
	width: 178px;
}
.sf-vertical > LI > UL LI:first-child A
{
	border-left: 0px none;
}
.sf-vertical > LI > A
{
	border-left: 0px none;
	padding: 0px 0px 0px 13px;
}
.sf-vertical > LI
{
	border-bottom: 1px solid #ccc;
}
.sf-vertical LI.sfHover
{
	background-color: Transparent;
}
.sf-vertical LI.menuIndex1,
.sf-vertical LI.menuIndex1:hover,
.sf-vertical LI.menuIndex1.sfHover,
.sf-vertical LI.menuIndex1 A:link,
.sf-vertical LI.menuIndex1 A:active,
.sf-vertical LI.menuIndex1 A:hover,
.sf-vertical LI.menuIndex1 A:focus
{
	background-color: rgb( 70%, 70%, 70% );
	z-index: 110;
}
.sf-vertical LI.menuIndex2,
.sf-vertical LI.menuIndex2:hover,
.sf-vertical LI.menuIndex2.sfHover,
.sf-vertical LI.menuIndex2 A:link,
.sf-vertical LI.menuIndex2 A:active,
.sf-vertical LI.menuIndex2 A:hover,
.sf-vertical LI.menuIndex2 A:focus
{
	background-color: rgb( 65%, 65%, 65% );
	z-index: 109;
}
.sf-vertical LI.menuIndex3,
.sf-vertical LI.menuIndex3:hover,
.sf-vertical LI.menuIndex3.sfHover
.sf-vertical LI.menuIndex3 A:link,
.sf-vertical LI.menuIndex3 A:active,
.sf-vertical LI.menuIndex3 A:hover,
.sf-vertical LI.menuIndex3 A:focus
{
	background-color: rgb( 60%, 60%, 60% );
	z-index: 108;
}
.sf-vertical LI.menuIndex4,
.sf-vertical LI.menuIndex4:hover,
.sf-vertical LI.menuIndex4.sfHover,
.sf-vertical LI.menuIndex4 A:link,
.sf-vertical LI.menuIndex4 A:active,
.sf-vertical LI.menuIndex4 A:hover,
.sf-vertical LI.menuIndex4 A:focus
{
	background-color: rgb( 55%, 55%, 55% );
	z-index: 107;
}
.sf-vertical LI.menuIndex5,
.sf-vertical LI.menuIndex5:hover,
.sf-vertical LI.menuIndex5.sfHover,
.sf-vertical LI.menuIndex5 A:link,
.sf-vertical LI.menuIndex5 A:active,
.sf-vertical LI.menuIndex5 A:hover,
.sf-vertical LI.menuIndex5 A:focus
{
	background-color: rgb( 50%, 50%, 50% );
	z-index: 106;
}
.sf-vertical LI.menuIndex6,
.sf-vertical LI.menuIndex6:hover,
.sf-vertical LI.menuIndex6.sfHover,
.sf-vertical LI.menuIndex6 A:link,
.sf-vertical LI.menuIndex6 A:active,
.sf-vertical LI.menuIndex6 A:hover,
.sf-vertical LI.menuIndex6 A:focus
{
	background-color: rgb( 45%, 45%, 45% );
	z-index: 105;
}
.sf-vertical LI.menuIndex7,
.sf-vertical LI.menuIndex7:hover,
.sf-vertical LI.menuIndex7.sfHover,
.sf-vertical LI.menuIndex7 A:link,
.sf-vertical LI.menuIndex7 A:active,
.sf-vertical LI.menuIndex7 A:hover,
.sf-vertical LI.menuIndex7 A:focus
{
	background-color: rgb( 40%, 40%, 40% );
	z-index: 104;
}
.sf-vertical LI.menuIndex8,
.sf-vertical LI.menuIndex8:hover,
.sf-vertical LI.menuIndex8.sfHover,
.sf-vertical LI.menuIndex8 A:link,
.sf-vertical LI.menuIndex8 A:active,
.sf-vertical LI.menuIndex8 A:hover,
.sf-vertical LI.menuIndex8 A:focus
{
	background-color: rgb( 35%, 35%, 35% );
	z-index: 103;
}
.sf-vertical LI:hover UL,
.sf-vertical LI.sfHover UL
{
	left: 158px;
}
.sf-vertical > LI > A:hover
{
	text-decoration: underline;
}

/*
** menu A
*/
.menuA LI.sfHover,
.menuA LI:hover
{
	background-color: Transparent;
}
.menuA .sf-shadow UL
{
	background-color: #fff;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topright: 0px;
	width: 140px;
}
.menuA,
.menuA UL,
.menuA UL LI,
.menuA UL LI A
{
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.menuA
{
	background-image: url(/images/jppol_la_design/menu_A.png);
	background-repeat: no-repeat;
	font-size: 9px;
	height: 29px;
	line-height: 25px;
	padding-left: 3px;
	text-transform: uppercase;
	width: 403px;
}
.menuA UL LI,
.menuA UL LI A
{
	background-color: Transparent;
	border: 0px none;
	z-index: 150;
}
.menuA UL LI
{
	margin: 0px 11px;
}
.menuA UL LI A,
.menuA UL LI A:visited,
.menuA UL LI A:link
{
	color: #ec1c24;
	line-height: 25px;
	padding: 0px;
	text-decoration: none;
	text-transform: uppercase;
}
.menuA UL LI A:hover,
.menuA UL LI A:active
{
	background-color: Transparent;
	color: #000;
	padding: 0px;
	text-decoration: none;
	text-transform: uppercase;
}
.menuA .sf-shadow UL A,
.menuA .sf-shadow UL A:link,
.menuA .sf-shadow UL A:visited
{
	color: #000;
	font-size: 9px;
	text-transform: uppercase;
}
.menuA .sf-shadow UL A:hover
{
	text-decoration: underline;
}

/*
** top search
*/
DIV.topSearch
{
	display: table;
}
DIV.topSearch > DIV
{
	background-color: #fafafa;
	color: #999;
	clear: none;
	display: inline-block;
	float: left;
	line-height: 15px;
	margin-top: 4px;
	width: 140px;
}
DIV.topSearch > DIV > INPUT
{
	background-color: #fafafa;
	border: 0px none #fafafa;
	color: #999;
	font-size: 10px;
	height: 15px;
	width: 100px;
}
DIV.topSearch DIV.button
{
	background-image: url(/images/jppol_la_design/JPPOL_pil_hex_999999.gif);
	clear: none;
	cursor: pointer;
	display: inline-block;
	float: left;
	height: 7px;
	margin-top: 9px;
	width: 8px;
}
DIV.topSearch DIV
{
	display: inline-block;
}
DIV.topSearch DIV
{
	display: inline;
}
DIV.topSearch > DIV
{
	display: inline-block;
}

/*
** shortcuts box
*/
.shortcuts
{
	background-color: #fff;
	background-image: url(/images/jppol_la_design/Menu_C.png);
	background-repeat: no-repeat;
	font-size: 9px;
	height: 160px;
	left: -3px;
	padding: 5px 7px 5px 3px;
	position: relative;
	text-transform: uppercase;
	width: 158px;
}
.shortcuts H2
{
	background-color: #4d4d4d;
	background-image: url(/images/jppol_la_design/Menu_C_gradient.gif);
	background-repeat: repeat-y;
	color: #fff;
	font-size: 10px;
	height: 32px;
	line-height: 32px;
	margin: 0px;
	padding: 0px 0px 0px 12px;
	vertical-align: middle;
}
.shortcuts .list
{
	background-color: #fff;
	height: 108px;
	margin: 0px;
	overflow: auto;
	padding: 10px 10px 10px 13px;
}
.shortcuts .list UL
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.shortcuts .list HR
{
	color: #000;
	height: 1px;
	width: 18px;
}
.shortcuts .seperator
{
	font-family: Verdana;
	line-height: 20px;
}
.shortcuts .list A
{
	color: #000;
	text-decoration: none;
}
.shortcuts .list A:hover
{
	text-decoration: underline;
}

/*
** front page images
*/
.frontPageLinkImage
{
	padding: 0px;
	margin: 0px;
}
.frontPageLinkImage.large
{
	border-bottom: 1px solid #000;
}
.frontPageLinkImage.medium
{
	border-right: 1px solid #000;
}

/*
** restyle thickbox
*/
.TB_overlayBG
{
	background-color: #adadad;
}
#TB_title
{
	display: none;
	visibility: hidden;
}
#TB_window
{
	border: 1px solid #808080;
	z-index: 200;
}

/*
** search results
*/
DIV.resultset
{
	color: #808080;
	padding-bottom: 19px;
}
DIV.resultset DIV.title
{
	color: #000;
	font-weight: bold;
}
DIV.resultset DIV.result
{
	padding-bottom: 20px;
}
DIV.resultset DIV.reference DIV.address
{
	display: inline;
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */