/*Tweaks for Town Square Page*/
.moduletablelogin {border: 5px; padding:15px; margin-bottom:-7em; }

/** ==================  CSS for the NJPAC Neighborhood Page template ================== **/
/* BEG OF TWEAKS*/


/*TWITTER FEED*/



.twitterfeedtitle
{color: #666;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: 12px;
        margin-bottom: 10px;}

.twitterfeedallitems
{color: #000;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: 12px;
        margin-bottom: 10px;}

.twitterfeeditem
{color: #333;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: 12px;
        margin-bottom: 10px;}

.yt_details {width: 130px;}

.inputbox {color: #666;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: 14px;}

.contentpane {color: #999;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: 2em;}


.smalldark {color: #a1bf7f;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: .75em;
        line-height: 150%;}


.componentheading {color: #a1bf7f;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: 1.50em;
        line-height: 350%;
}


#jmessage {color: #999;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: 2em;}
#leftcol {padding: 0 .25em 0 0 }
a img { border:none; }
.yt_container_vertical {margin-left: 2em;}
.extube_title {color: #666;
        margin-left: -2em;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: 11px;
}
.CommentNum {color: #666;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: 1em;
}
.Author {color: #666;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: .1em;
}
.Title {color: #666;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: 1em;
}
div.yvComment .NumCommentsAlone {
	float: right;
	margin: -2em 2px 2px 0;
}
.contentpaneopen {margin-top: .50em; }
#mod_login_passwordtext {

color: #333;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: .75em;
        
}

#mod_login_usernametext {

color: #333;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: .75em;
        
}

#mod_login_remembermetext {

color: #333;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: .75em;
        
}

.mod_login  {
background-image: url(/joomlatest/images/formback.png);
color: #333;

        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: 1em;

        
}

.latestnews  {
 font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: 12px;
        list-style-type: none;
        padding: .25em;
}

.contentheading {
color: #333;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: 1em;

}

.small {
color: #666;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: 1em;
}
.createdate {
color: #999;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: 1em;
}

.contentpaneopen p{
color: #333;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: 1em;
}

.modifydate {
color: white;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: 1em;
}

.moduletable  td {
background-color: #b3d88b;
        width: 130px;
        margin: 3em 0 40px;
        padding: 5px;
color: #fff;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: .75em;

}


.pollstableborder {
color: #666;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: 1em;
margin: 0;
        padding-left: 10px;
        color: #fff;
        text-transform: uppercase;
        font-weight: normal;
        font-family: tahoma, arial, geneva, sans-serif;
        font-size: 1em;
        float: left;
        display: inline;
        margin-top: 0;
        
       
}

.sectiontableentry2{}

#logo {
padding-bottom: 21px;
}

/*END OF TWEAKS*/
/*top left menu*/
{
	font-family:  Arial, sans-serif;

}

.search .button{
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #FFFFFF;
color:#E96A57;
cursor:pointer;
font-family:arial,sans-serif;
font-size:11px;
font-weight:bold;
height:20px;
}

#mod_login_username {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #E96A57;
margin:0.15em 0;
width:135px;

}

#mod_login_password {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #E96A57;
margin:0.15em 0;
width:135px;
}


#layout-single .body{
margin-left:175px;
}

#layout-single .body-shift-left{
margin-left:145px;
}

#layout-single .body-width{
width: 300px;
}

#layout-single .body-width340{
width: 340px;
}

#layout-single .body-width380{
width: 380px;
}

#layout-two-col .left-col{
float:left;
}

#layout-two-col .left-col-push-down{
float:left;
margin-top: 55px;
position: relative;
}

#layout-two-col .left-col-push-right{
float:left;
/*margin-left: -60px; */
position: relative;
}

#layout-two-col .left-col-push-left{
float:left;
margin-left: -100px;
position: relative;
}

#layout-two-col .col-padding{
padding-right: 15px;
}

#layout-two-col .right-col{
margin-left:162px; 
position: relative;
}

#layout-two-col .right-col-push-left{
margin-left:-62px;
position: relative;
}

#layout-two-col .right-col-push-up{
margin-left:162px;
position: relative;
padding-top: -25px;
}

#layout-two-col .right-col-width{
width: 380px;
}

#layout-two-col .right-col-width300{
width: 300px;
/*margin-left: 85px; */
}

#layout-two-col .right-col-center{
width: 300px;
margin-left: 70px; 
}

#layout-left-link .left-col{
float:left;
position: relative;
}

#layout-left-link .left-link-menu{
padding-right: 12px;
}

#layout-left-link .left-menu-push-down{
margin-top: 35px;  
position: relative;
}

#layout-left-link .left-menu-push-right{
margin-left: 50px;  
margin-top: 35px;  
position: relative;
}

#layout-left-link .left-menu{
margin-top: 8px; 
margin-left: 170px; 
}

#layout-left-link .left-link-menu p{
margin-left: -20px;
margin-top: -5px;
font-family: times new roman;
font-size: 16px;
position:relative;
}

#layout-left-link .right-col{
margin-left:220px;
width: 333px;
position: relative;
}

#layout-left-link .right-col-push-left{
margin-left:150px;
position: relative;
}

#layout-left-link .right-col-push-right{
margin-left:165px;
margin-top: -25px;
position: relative;
}

#layout-left-link .right-col-width300{
width: 300px;
}

#layout-left-link .right-col-width340{
width: 340px;
}

#layout-left-link .left-menu-width{
width: 170px;
position:relative;
}

#layout-left-link .right-col-width420{
width: 420px;
position: relative;
}

#layout-left-link .left-link-menu-shift-left{
margin-top: 8px;  
margin-left: -20px;  
padding-right: 8px;
position: relative;
}

#layout-left-link .left-link-menu-shift-left p{
margin-top: 8px;  
margin-left: 1px;  
position: relative;
}

#layout-left-link .left-link-menu-shift-right{
margin-top: 8px;  
margin-left: 35px;  
padding-right: 12px;
}

#layout-left-link .left-link-menu-shift-right p{
margin-left: -15px;
margin-top: -5px;
font-family: times new roman;
font-size: 16px;
position:relative;
}

#layout-left-link .left-link-menu-shift-top{
margin-top: 40px;  
margin-left: 15px;  
}

/*Classes for Leadership Articles */
.col1_format{
float:left;
width: 30%;
line-height: 180%;
}

.col2_format{
margin-left: 40%;
margin-top: 1px;
line-height: 180%;
}

/*Classes for Contents*/
.col1_contents{
position: relative;
float:left;
line-height: 180%;
padding-right: 15px;
width: 150px;
}

.col2_contents{
position: relative;
float: left;
line-height: 140%;
width: 30em;
}

/*Classes for Dining */
.col1_dinings{
float:left;
width: 200px; 
}

.col2_dinings{
margin-left:170px;
padding-left: 40px;
}

/*Classes for Arts Training*/
.col1_arts{
float:left;
width: 150px; 
}

.col2_arts{
margin-left:125px;
padding-left: 40px;
width: 320px;
}

.clearboth{
clear:both;
}

.link_position{
float:left;
}

.padding-right{
padding-right: 160px;
}

/*Title and Subtitle Spacing Classes*/
.title_left{
margin-left:95px;
margin-top: -30px;
text-decoration:none;
font-size: 20px;
text-transform: uppercase; 
color: #696969;
font-weight:bold;
height:24px;
}

.title_spacing{
line-height: 280%;
font-size: 18px;
}

.subtitle_spacing{
line-height: 100%;
}

.subtitle_spacing175{
line-height: 175%;
}

.subtitle_spacing220{
line-height: 220%;
}
.title_spacing_small{
line-height: 250%;
}

.subtitle_spacing130{
line-height: 130%;
font-size: 18px;
}

.subtitle_spacing160{
line-height: 160%;
font-size: 18px;
}

.page_title{  
valign: top;
padding-top:20px; 
font-size:50px;
font-weight:-moz-initial;
text-align:right;
width:380;
line-height: 100%;
}

/*Center body after title */
.main_body{
font-family:helvetica,arial,sans-serif;
font-size:12px;
line-height:140%;
text-align: left;
font-weight: normal;
}

div#title_width{
width: 385px;
}

.paragraph_spacing{
line-height: 200%
}

.paragraph_spacing2{
line-height: 130%
}

#modlogin {
float:left;
position:relative;
width:160px;
color:#666666;
display:block;
font-family:arial,helvetica,sans-serif;
font-size:11px;
line-height:140%;
}


/* ---------------------
template layout
--------------------- */

body.njpacbody{
}

/** wrapper to make the page center **/
#container {
	width:980px;
	margin-top: 15px;
	text-align: left;
}

#outerleft {
	position:relative;
	float:left;
	clear:left;
	width:780px;
}

#outerright {
	position:relative;
	width:200px;
	float:right;
	clear:right;
}


/** div container for top menu. position:top **/
#topmenu {
	top:0px;
	text-align:right;
	position:relative;
	float:left;
	clear:left;
	background-color:white;
	width: 100%;
	height:30px;
}

/** div container for image header **/
#imgheader {
	position:relative;
	float:left;
	clear:left;
	width:100%;
	height:99px;
	background-color: #000000;
}

#container_inner {
	position:relative;
	float:left;
	clear:left;
	width:780px;
}

/** div container for left column **/
#leftcol {
	position:relative;
	float:left;
	padding-left: 10px;
	clear:left;
	width:200px;
	min-height:800px;
}


.contentheading {
font-size:20px;

}


#leftcolmenu {
	position:relative;
	overflow:auto;
}

/** div wrapper for user2 & user3 **/
#content_top_wrapper {
	position:relative;
	float:right;
	clear:right;
	width:542px;
	display:inline;
	margin: 4px 8px 0 0;
}

/** div container for position:user2 **/
#content_top1 {
	position:relative;
	float:left;
	clear:left;
	width:269px;
}

/** div container for position:user3 **/

#content_top2 {
	position:relative;
	float:right;
	clear:right;
	width:269px;
}

/** div container for mainbody **/
#content_main {
    padding-top:10px;
	position:relative;
	float:left;
	width:550px;
	margin:15px 0 20px 0px;
	background-color:white;
	font-family:helvetica,arial,sans-serif;
	font-size:12px;
	line-height:140%;
}



div#content_main table,
div#content_main table tr,
div#content_main table.blog div{
	width:550px;
}

div#content_main table.topmenutable,
div#content_main table.topmenutable tr,
div#topbar table,
div#topbar table tr {
	width:100%;
}

.contentpaneopen {
	position: relative;
	float: left;
	background-color: transparent;
	width:550px;
}


table.contentpaneopen{
	z-index:100;
}

#content_main li {
	list-style:square;
	list-style-position:inside;
}

#content_main ul {
	margin:5px;
	padding:5px;
}

#content_main img{
	padding-left:0px;
	padding-right:0px;
    /*max-width: 150px; */
}

div.topSpacerDiv{
	height:15px;
}


div.largeSpacerDiv{
	height:15px;
}

div.smallSpacerDiv{
	height:7px;
}

span.breadcrumbs{

	color:#666666;
	font-family:arial,sans-serif;
	font-size:11px;
	padding:2px;
	text-transform:capitalize;
}

//** div container for right column **/
#rightcol_top,
#rightcol {
	float:left;
	clear:left;
	width:200px;
	margin:0 0 0 0px;
	display:inline;
}

#rightcol{
	border-left:1px solid #E86956;
	height:700px;
padding: 1px;
        width:200px;
/*border: medium double rgb(250,0,255);*/
}

#right{
position: relative;
float: left;
width: 200px;
}

/** div container for right column position:header **/
#rightcol_top {
	height:90px;
	min-height:90px;
}

#blackline {
	position:relative;
	clear:left;
	float:left;
	width:730px;;
	height:100px;
	min-height:10px;
	color:white;
	font-size:10px;
}

#copyright {
	position:relative;
	width:900px;
	display:block;
	clear:both;
	text-align: center;
}

span.njpacContact{
	color:#333333;
	font-family:arial,sans-serif;
	font-size:9px;
	font-weight:normal;
}

a.mainlevel-nav{
	color:#000000;
	font-family:arial,sans-serif;
	font-size:7pt;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	text-transform:uppercase;
	text-decoration:none;

}
a.mainlevel-nav:hover{
	color: #E86956;
}

a.mainlevel{
	padding-top:-5px;
	color:#666666;
	font-family:arial,sans-serif;
	font-size:7pt;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	text-transform:uppercase;
	text-decoration:none;

}
a.mainlevel:hover{
	color: #E86956;
}

/* SEARCH  = ========================================*/
div.search{
	margin-left: 10px;
	margin-top: 1px;
}
input#mod_search_searchword{
	width: 100px;
	font-family:helvetica,arial,sans-serif;
	font-size:11px;
	height:12px;
	border: 1px solid #E86956; 
}
div.search input.button{

	background-color: white;
	border: none;
	color: #E86956;
	cursor:pointer;
	font-family:arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	vertical-align:top;

}
div.search input.button:hover{
	background-color: white;
	border: none;
	color: #60A5DB;
	cursor:pointer;
	font-family:arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	vertical-align:top;
}

div#searchDiv{
  width: 150px;
  margin-bottom:3px;
}
/*================================================*/

td.buttonheading img{
	border:none;
}
td.buttonheading a{
	width:20px;
}
/** ==================  NJPAC BUTTON styling ================== **/
input[type="button"]{
	background-image:url(/joomlatest/images/njpac_buttonBG.gif);
	background-repeat:repeat-x;
	border-color:#EDECEB #E96A57 #E96A57 #EDECEB;
	border-style:solid;
	border-width:1px;
	color:#666666;
	cursor:pointer;
	font-family:arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	height:20px;
}

input[type="submit"]{
	background-image:url(/joomlatest/images/njpac_buttonBG.gif);
	background-repeat:repeat-x;
	border-color:#EDECEB #E96A57 #E96A57 #EDECEB;
	border-style:solid;
	border-width:1px;
	color:#666666;
	cursor:pointer;
	font-family:arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	height:20px;
}

input[type="button"]:hover{
  color: #E86A56;
}

/* My Account ============================================*/
.patronDetails input,
.patronDetails input:disabled{
	color:#61A5D8;
	width: 150px;
	font-family:helvetica,arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:140%;
	background-color:white;
}

.detailsHeader{
	color:#000000;
	font-family:helvetica,arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}

.accountDetailsLabel{
	color:#666666;
	font-family:helvetica,arial,sans-serif;
	font-size:12px;
	padding-left:0px;
	width:150px;
	line-height:130%;
}

.accountDetailsContainer{
	width:100%;
}

.myAccountHeading{
	color:#666666;
	font-family:helvetica,arial,sans-serif;
	font-size:20px;
	font-weight:bold;
	height:24px;
	line-height:150%;
	text-transform:uppercase;
	vertical-align:middle;
}

.myAccountSectionHeading{
  padding-top:5px;
  color:#8CD600;
  font-family:helvetica,arial,sans-serif;
  font-size:14px;
  font-weight:bold;
  line-height:110%;
  text-transform:none;
}

.myAccountMenu{
  color:#E96A57;
  text-decoration:none;
  font-family:helvetica,arial,sans-serif;
  font-size:12px;
  font-weight:bold;
  line-height:140%;
}
.myAccountMenu:hover{
  color:#BE5646;
}

.small_link{
  color:#E96A57;
  text-decoration:none;
  font-family:arial,helvetica,sans-serif;
  font-size:12px;
  line-height:140%;
}
.small_link:hover{
  color:#BE5646;
}
/*=======================================================*/

div#topbar{
  width:700px;
  height:100%;
  text-align:right;
}

div#topbar table tr td{
  vertical-align:top;
  text-align:right;
  width: 450px;
}

 div#rightcol div.moduletable ul {
  padding-left:10px;
  margin-top:0px;
  list-style-type:none;
}

div.moduletable_menu ul{
  margin-top:-22px;

}

.moduletabletopmenu  {
	top:0px;
	text-align:right;
	position:relative;
	float:left;
	clear:left;
	background-color:white;
	width: 100%;
	height:30px;
}

 div#rightcol div.moduletable span {
  color:black;
  font-family:arial,sans-serif;
  font-size:8pt;
  font-weight:bold;
  text-decoration:none;
  text-transform:uppercase;
}

div#rightcol div.moduletable ul li ul li a span {
 font-family:arial,sans-serif;
  font-size:7pt;
  /*font-weight:bold;*/
  padding-left:0px;
  padding-right:180px;
  padding:0px;
  text-decoration:none;
  text-transform:none;
}

/*
padding:0 0 0 3px;

  width=1px;
  margin-right: 80px;
  margin-left: 0px;
line-height:normal;
text-align:start;
white-space:normal;
valign: middle;
height=19px;
*/

div#rightcol div.moduletable a{
  text-decoration:none;
}

table.contentpaneopen a{
  color:#E96A57;
  text-decoration:none;
}

table.contentpaneopen a:hover{
  color:#BE5646;
  text-decoration:none;
}

table.contentpaneopen a span:hover{
  color:#BE5646;
  text-decoration:none;
}

a:link {
color:#E96A57;
}

a:visited {

color:#000000;
}

a:hover {
color:#BE5646;
}

a:active {
color:#E96a57;
}

.para_display{
color:#68A2D6;
font-family:helvetica,arial,sans-serif;
font-size:14px;
line-height:130%;
text-transform:none;
font-weight:bold;
}


#survey{
position: relative;
float: left;
width: 200px;
}


.moduletable h3{
background-image: url(/joomlatest/images/greenbar.png);
background-repeat: no-repeat;
height: 21px;
color: #fff;
font-family:arial,sans-serif;
font-size:10pt;
font-weight:bold;
text-decoration:none;
text-transform:titlecase;
padding: 2px 0 0 40px;
margin-bottom: 0;
}


#joinprofile {
position: relative;
float: left;
width: 200px;
height: 190px;
}

.moduletablejoinprofile h3 {
background-image: url(/joomlatest/images/greenbar.png);
background-repeat: no-repeat;
height: 21px;
color: #fff;
font-family:arial,sans-serif;
font-size:10pt;
font-weight:bold;
text-decoration:none;
text-transform:titlecase;
padding: 2px 0 0 40px;
margin: 2px;
}

.moduletablejoinprofile  p {
margin: 0;
}

.moduletablejoinprofile   #sp_div_outer #sp_div_list{
float: none;
}

.moduletablejoinprofile   #sp_div_outer #sp_div_list #sp_ul{
padding: 2px 0 2px 24px;
text-align: left;
margin-bottom: 4px;
}

.moduletablejoinprofile   #sp_div_outer #sp_div_list #sp_ul a{
padding: 2px 0 2px 0px;
}

/** ==================  CSS for Neighborhood Page "Arts News" module ================== **/

.moduletableartsnews1 {
position: relative;
float: left;
/*margin: 0px 0 0 0;
padding: 0;*/
width: 192px;
}

.moduletableartsnews1 h3{
background-image: url(/joomlatest/images/greenbar.png);
background-repeat: no-repeat;
height: 21px;
color: #fff;
font-family: tahoma, arial, geneva, sans-serif;
font-size:10pt;
font-weight:bold;
text-decoration:none;
text-transform:titlecase;
padding: 2px 0px 0 40px;
margin-bottom: 0;
}

.moduletableartsnews1 ul{
font-family: tahoma, arial, geneva, sans-serif;
font-size:10pt;
font-weight:bold;
padding: 0 0 0 10px;
margin: 0 0 2px 0;
}

.moduletableartsnews1 li{
list-style-type: none;
}

.moduletableartsnews1 ul li a{
color: #777777;
text-decoration:none;
}