html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

body {
color: #484848;
font: normal 70%/1.35em Tahoma, Verdana, Arial, Helvetica, sans-serif;
line-height: 1.3em;
background-image: url(../images/header-bg.gif);
background-repeat: repeat-x;
background-color: #FFFFFF;
margin: 0 auto;
text-align: center;
}

html>body, html>body #contents {
	height: auto;
}

body.contentpane { /* Printable Page */
	width: auto;
	margin: 1em 2em;
	background: #FFFFFF;
	color: #000000;
	font-size: 12pt;
	font-family: serif;
	line-height: 140%;
}

#contents {
position: absolute;
top: 0;
left: 0;
}


#rap

{

  background-color: #323943;

  border-left-color: #323943;

  border-left-style: solid;

  border-left-width: 0px;

  border-right-color: #323943;

  border-right-style: solid;

  border-right-width: 0px;

  margin-bottom: 0px;

  margin-left: auto;

  margin-right: auto;

  margin-top: 0px;

  padding: 0px;

  float: right;



}


#navbar {position: relative; width: 770px; height: 46px; background: url(http://www.penalreform.org/images/menuhome.gif); margin: 0px auto; padding: 0;}

#navbar li {position: absolute; top: 0; margin: 0; padding: 0; list-style: none; }

#navbar li, #navbar a {height: 46px; display: block;}

#navitem1 {left: 0; width: 414px;} 
#navitem2 {left: 414px; width: 78px;}
#navitem3 {left: 492px; width: 96px;} 
#navitem4 {left: 588px; width: 81px;} 		
#navitem5 {left: 669px; width: 101px;}

#navitem1 a:hover {background: transparent url(http://www.penalreform.org/images/menuhome.gif) 0 -46px no-repeat;}
#navitem2 a:hover {background: transparent url(http://www.penalreform.org/images/menuhome.gif) -414px -46px no-repeat;}
#navitem3 a:hover {background: transparent url(http://www.penalreform.org/images/menuhome.gif) -492px -46px no-repeat;}
#navitem4 a:hover {background: transparent url(http://www.penalreform.org/images/menuhome.gif) -588px -46px no-repeat;}
#navitem5 a:hover {background: transparent url(http://www.penalreform.org/images/menuhome.gif) -669px -46px no-repeat;}


body#nav1 #navitem1 {background: transparent url(http://www.penalreform.org/images/menuhome.gif) 0 -46px no-repeat;}
body#nav2 #navitem2 {background: transparent url(http://www.penalreform.org/images/menuhome.gif) -414px -46px no-repeat;}
body#nav3 #navitem3 {background: transparent url(http://www.penalreform.org/images/menuhome.gif) -492px -46px no-repeat;}
body#nav4 #navitem4 {background: transparent url(http://www.penalreform.org/images/menuhome.gif) -588px -46px no-repeat;}
body#nav5 #navitem5 {background: transparent url(http://www.penalreform.org/images/menuhome.gif) -669px -46px no-repeat;}


#footer01 {
clear: both;
width: 100%;
height: 20px;
background-color: #b5b1af;
text-align: center;
border-top: 1px solid white;
}

#footer {
clear: both;
width: 100%;
background-color: #9c8aa5;
text-align: center;
border-top: 1px solid white;
padding: 5px 0px 5px 0px;
}

#footer02 {
clear: both;
width: 100%;
height: 70px;
background-color: #9c8aa5;
text-align: center;
padding: 5px 0px 0px 0px;
}


#containerfooter {
width: 770px;
background-color: #9c8aa5;
margin: 0 auto;
border: none;
}


#containerfooterleft {
width:300px;
padding: 0px 0px 0px 30px;
float:left;
text-align: left;
font: 9px Tahoma, Verdana, Arial, Helvetica, sans-serif;
background-color:#9c8aa5;
	}

#containerfooterright {
width:300px;
padding: 0px 30px 0px 0px;
text-align: right;
vertical-align: top;
float:right;
background:#9c8aa5;
clear: both;
	}

#main {
	margin-bottom: 5em;
	height: auto;
	padding: .5em;
}



body.fs1{
	font-size: 10px;
}

body.fs2{
	font-size: 11px;
}

body.fs3{
	font-size: 12px;
}

body.fs4{
	font-size: 13px;
}

body.fs5{
	font-size: 14px;
}

body.fs6{
	font-size: 15px;
}

/* Normal link */
a {
color: #60416f;
	text-decoration: none;
}

a:hover, a:active, a:focus {
		color: #6c7886;
	text-decoration: none;
}



#recentlyupdated
{
padding-left:15px;
padding-right:15px;
}





.dn-title {
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
color: #323943;
font: 13px, Verdana, Arial, Helvetica, sans-serif;
text-align: left;
text-decoration: none;
text-weight: 400;
display: table-cell;
vertical-align: top;
}


.dn-each {
padding-top:5px;
padding-bottom:5px;
padding-right: 40px;
}

.dn-introtext img {
padding-top:10px;
}

dn-whole {
padding-top:0px;
}

dn-date {
padding-bottom:0px;
}

.dn-category {
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
color: #323943;
font: 13px, bold, Verdana, Arial, Helvetica, sans-serif;
text-align: left;
text-decoration: none;
text-weight: bold;
margin-right: 10px;
display: table-cell;
vertical-align: top;
}


/* Small text */
.small, .smalldark, .createdate, .modifydate, .mosimage_caption,
.back_button, .pagenavcounter, .pagenav, .pagenavbar {
	font-size: 0.89em;
}

/* Heading */
h1 {
	font-size: 1.7em;
	font-weight: normal;
}

h2 {
	font-size: 1.8em;
	font-weight: normal;
padding-top: 5px;
}

h3 {
	font-size: 1.35em;
padding-bottom: 10px;
}

h4 {
font-size: 13px;
padding: 0px 0 0 0px;
text-align: left;
}

h5 {
font-size: 13px;
padding: 0px 0 0 30px;
text-align: left;
}


h6 {
font-size: 11px;
padding: 0px 0 0 30px;
}

p {
	margin: 10px 0px 5px 0px;
}

ul {
	margin-top: 50px;
	margin-bottom: 15px;
	list-style: none;
}


ol {
	margin-top: 5px;
	margin-bottom: 15px;
}

ol li {
	margin-left: 35px;
}

th {
	font-weight: 600;
	text-align: left;
font-size: 1.3em;
	margin: 10px 0px 10px 0px;
padding: 30px 0 0 0px;

}

fieldset {
	border: none;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-top: 1px solid #323943;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}


a img {
	border: none;
}

td, div {
	font-size: 1em;
}


/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

input, select {
	font: 12px/normal Arial, Helvetica, sans-serif;
}

select, .inputbox {
	padding: 2px;
}

textarea {
	padding-left: 2px;
}

.button {
	border: 1px solid #D1D1C7;
	padding: 1px 8px;
	background: top #EDEDE1;
	color: #666666;
}

.button:hover, .button:focus {
	border: 1px solid #A7A79F;
	color: #484848;
}

.inputbox {
	border: 1px solid #D1D1C7;
	background: #F7F6F0;
}

.inputbox:hover, .inputbox:focus {
	border: 1px solid #A7A79F;
}

.space { 
line-height: .3 em; 
} 


/* MODULE
--------------------------------------------------------- */

#logo {

margin: 0px; bottom: 0px
}


div.module h3 {
	margin: 0 0 15px;
	font-size: 1em;
}

div.module {
	margin-bottom: 15px;
	padding: 0;
	float: left;
	width: 100%;
}

div.module div {
	padding: 0;
}

div.module div div {
	padding: 0;

}

div.module div div div {
	padding: 9px 15px 20px;

}

div.module div div div div {
	margin: 0;
	padding: 0;
	background: none;
}

div.module-hilite h3 {
	margin: 0 0 10px;
	font-size: 1em;
}

div.module-hilite {
	margin-bottom: 15px;
	padding: 0;
	float: left;
	width: 100%;

}

div.module-hilite div {
	padding: 0;

}

div.module-hilite div div {
	padding: 0;

}

div.module-hilite div div div {
	padding: 9px 15px 20px;

}

div.module-hilite div div div div {
	margin: 0;
	padding: 0;
	background: none;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
}

table.blog .article_seperator {
	display: block;
	height: 30px;
	background: url(../images/seperator.gif) repeat-x center;
}

#ja-leftcol .article_seperator, #ja-rightcol .article_seperator {
	display: none;
}

table.contentpane {
	border: none;
	width: 100%;
}

table.contentpaneopen {
	border: none;
}

table.contenttoc {
	margin: 0 0 10px 10px;
	padding: 0;
	width: 35%;
}

table.contenttoc a {
	text-decoration: none;
}

table.contenttoc td {
	padding: 0px;
}

table.contenttoc th {
	padding: 0px;
	color: #323943;

}

table.poll {
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}

table.pollstableborder {
	padding: 0;
	width: 100%;
	border: none;
	text-align: left;
}

table.pollstableborder img {
	vertical-align: baseline;
}

table.pollstableborder td {
	padding: 2px!important;
}

table.searchintro {
	padding: 10px 0;
	width: 100%;
}

table.searchintro td {
	padding: 5px!important;
}

.adminform textarea {
	width: auto; /*Control the Frontend Editor area width*/
}

.adminform textarea.inputbox {
}

/* The 'More' links on blogs
--------------------------------------------------------- */

.blog_more {
	margin: 10px 0;
}

.blog_more strong {
	margin: 0 0 5px;
	padding-left: 13px;
	display: block;
	color: #b5b1af;
	
}

td.buttonheading {
	padding: 0 3px!important;
	text-align: center;
}

.category {
	font-weight: bold;
}

.clr {
	clear: both;
}


h3,
.contentheading,
.componentheading,
#nav,
.sectiontableheader,
span.pathway,
.small,
.createdate,
.modifydate,
#inset {
	font-family: Arial, Helvetica, sans-serif;

}

.contentheading,
.componentheading {
	font-weight: bold;
}



.componentheading {
	font-size: 140%;
}

.contentheading {
	font-size: 140%;
}


.contentsubheading {
	font-size: 200%;
}



td.componentheading {
	padding-bottom: 15px;
}

a.readon {
	text-decoration: none;
	display: block;
	float: right;
	font-weight: bold;
}

a.readon:hover, a.readon:active, a.readon:focus {
	text-decoration: none!important;
}

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
}


.createdate {
	padding-bottom: 10px;
	color: #b5b1af;
	font-weight: 400;
	line-height: 10px;
}




.modifydate {
	color: #b5b1af;
	height: 15px;
}

.moduletable {
	padding: 0;
}

/* How images are padded in the body of pages, with captions
--------------------------------------------------------- */

.mosimage {
	padding: 0;
	margin: 8px 15px 0 0!important;
	margin: 8px 5px 0 0;
}


.mosimage img {
	padding: 0;
	margin: 0!important;
}

.mosimage_caption {
	margin-top: 2px;
	padding: 1px 2px;
	color: #b5b1af;
}

/* Page navagation
--------------------------------------------------------- */

a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
	padding: 2px 5px 2px;
	border: 1px solid #D1D1C7;
	background: top #EDEDE1;
	text-decoration: none;
	color: #666666;
}

a.pagenav:hover, a.pagenav:active, a.pagenav:focus,
.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus,
.pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus,
.pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {
	border: 1px solid #A7A79F;
	text-decoration: none;
	color: #484848;
}

.pagenavbar {
	padding-left: 14px;
	background: url(../images/pages.gif) no-repeat center left;
}

.pagenavcounter {
	padding: 8px 14px 0 14px;
	background: url(../images/pages.gif) no-repeat 0 11px;
}


.sectiontableheader {
	padding: 5px;
	background: #EDEDE1;
	font-weight: bold;
}

tr.sectiontableentry1 td {
	padding: 5px;
}

tr.sectiontableentry2 td {
	padding: 5px;
}

.small {
	color: #918E7F;
}

.smalldark {
	text-align: left;
}

div.syndicate div {
	border: 1px solid #FFFFFF;
	text-align: center;
}



#container {
width: 770px;
background-image: url("http://www.penalreform.org/templates/Homepage/images/sidebar-bg.gif");
background-repeat: repeat-y;
background-color: #b5b1af;
margin: 0 auto;
border: none;
}


#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 770px;
	background: url("http://www.penalreform.org/templates/Homepage/images/sidebar-bg.gif");
background-repeat: repeat-y;
bakground-color: #9c8aa5;
}

#header {
width: 770px;
height: 32px;
background: #b5b1af;
background-repeat: no-repeat;
border-bottom: 1px #ffffff solid;
margin: 0 auto;
text-align: left;}


#header02 {
width: 770px;
height: 178px;
margin: 0 auto;
border-bottom: 1px #ffffff solid;
text-align: left;}


#top-menu {
width: 770px;
height: 46px;
margin: 0 auto;
background-color: #323943;
border-bottom: 1px #ffffff solid;
}





#contentleft {
width:480px;
padding: 20px 0px 0px 0px;
float:left;
text-align: left;
background:#fff;
	}

#contentright {
width:290px;
background-color: #b5b1af;
background-image: url("http://www.penalreform.org/templates/Homepage/images/sidebar-bg.gif");
background-repeat: repeat-y;
text-align: left;
margin: 0 auto;
float: right;
	}

#newsarchive {
text-align: right;
margin-right: 50px;
}

#linkmenu {
background-color: #b5b1af;
padding: 30px 0px 0px 0px;
}

#searchbox {
float: right;
padding: 3px 0px 0px 0px;
}


#thematic {
width: 270px;
padding: 10px;
background-color: #b5b1af;
border-top: 1px solid white;
text-align: left;
}

#thematic02 {
width: 270px;
padding: 40px 10px 10px 10px;
background-color: #b5b1af;
border-top: 1px solid white;
}

#ja-footerwrap {
	clear: both;
	background: #EDEDE1;
border-top: 1px solid white;
}

#ja-footer {
	padding: 15px;
background: #EDEDE1;
}

#ja-bottomline {
	padding: 15px 0;
	color: #666666;
	float: left;
background-color: #EDEDE1;
}

#ja-cert {
	padding-top: 20px;
	float: right;
}

#ja-cert a {
	padding-right: 5px;
}

/* Default Joomla! Menu */
a.mainlevel {
	padding: 4px;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #D1D1C7;
	border-left: none;
	display: block;
	color: #484848;
	text-decoration: none;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus,
a.mainlevel#active_menu {
	border-top: none!important;
	border-right: none!important;
	border-bottom: 1px solid #D1D1C7;
	border-left: none!important;
	background: url(../images/arrow-on.gif) no-repeat center right #EDEDE1!important;
	color: #484848;
	text-decoration: none;
}

a.sublevel {
	padding: 3px 4px 3px 15px;
	display: block;
	text-decoration: none;
}

a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
}

#ja-leftcol #active_menu, #ja-rightcol #active_menu {
	color: #484848;
	background: #EDEDE1;
	text-decoration: none;
	border: 1px solid #D1D1C7;
}

/* PATHWAY
---------------------------------------------------------*/
#ja-pathway {
	margin-left: 3px;
	color: #46166b;
}

#ja-pathway img {
	display: none; /* DO NOT SHOW PATHWAY DEFAULT ARROW */
}

#ja-pathway a {
	padding-right: 20px;
	background: url(../images/slash.gif) no-repeat center right;
	font-size: 0.89em;
}

#ja-pathway a:hover, #ja-pathway a:active {
}