html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
a, img, dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }

.skip {position: absolute; left: -999em; width: 900px; }

a.skip:active, a.skip:focus {
top: 0;left: 0;
background-color: #212658; color: #FFF;
height: 20px; padding-top: 5px;z-index: 100;
}

body {
margin: 0;
padding: 0;
text-align:center;
font: 68.8% Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin-bottom: 10px;
background: #FFF url(http://www.lpoanj.org/images/header_bkgrd.png) repeat-x;
min-width: 920px; /* doesn't work in IE6 */
}

/*--------------------- hide print header entity  ----------------------*/
.entity { display: none; }


/* top banner, logo and search
============================================================================= */

#top {
height: 132px;
width: 900px;
margin: 0 auto;
position: relative;
}

#top .flag { margin-left: -10px; background: transparent url(http://www.lpoanj.org/images/flag_star.jpg) no-repeat; height: 92px; }

#top .logo {
color: #BA1212;
position: absolute;
top: 0;
right: 0;
}

#top .logo h1 { margin: 0; font-size: 3em; background: transparent; text-align: right; }
#top .logo h1 a { color: #BA1212; text-decoration: none; }

/* main area components
============================================================================= */

#container {
text-align: left;
margin: 0 auto;
width: 840px;
background: transparent url(http://www.lpoanj.org/images/background.png) repeat-y;
padding: 40px;
}

#content {
margin: 0 auto;
padding: 0;
width: 820px;
background-color: #FFF;
height: auto !important; /* for modern browsers */
height: 300px; /* for IE5.x and IE6 */
min-height: 300px; /* for browsers that don't suck */
background: url(http://www.lpoanj.org/images/sep_vert.gif) 590px 0 repeat-y;
}

#content .left {
float: left;
width: 550px;
}

#content .right {
float: left;
width: 190px;
margin-left: 80px;
}

#content.home { background: none; }

/* footer
============================================================================= */

#footer {
width: 920px;
height: 30px;
color: #FFF;
margin: 0 auto;
text-align: center;
background: transparent url(http://www.lpoanj.org/images/footer.png) no-repeat;
}

#footer .address {
font: normal 1em Verdana, Arial, Helvetica, sans-serif;
padding-top: 8px;
color: #FFF;
text-transform: uppercase;
}

.copyright { text-align: center; padding-top: 5px; color: #999; }
.copyright a:link, .copyright a:visited { color: #999; text-decoration: none; }
.copyright a:hover, .copyright a:focus, .copyright a:active { color: #999; text-decoration: underline; }

/* main top nav menu
============================================================================= */

#navigation {
position: relative;
margin: -40px auto 0 auto;
width: 900px;
height: 40px;
background-color: #132442;
text-align: left;
z-index: 13000; /* so slide panel login on home page does not go behind the polaroid and for exec bd page */
}

/*Font-size is set for all menu items here*/
#nav {
margin: 0; padding: 0;
font-size: 1em;
padding-top: 5px;
}

/* image replacement general properties */
#nav em {
display: block;
position: absolute;
top: 0; left: 0;
z-index: 1;
height: 30px;
}

#nav li {
float: left;
list-style-type: none;
margin: 0;
padding: 0 8px 0 0;
position: relative; /* for image replacement */
}

/*The top-level common properties. Height matches the height of the images. */
#home, #about, #programs, #news, #events, #gallery, #resources, #contact { height: 30px!important; }

/* top-level links */
#nav a { display: block; color: #FFF; }
#nav a:hover { color: #FFCC00; }

/* the individual top-level IDS and widths */
#home { width: 53px; }
#home em { width: 53px; background-image: url(http://www.lpoanj.org/images/nav_home.gif); }
#about { width: 90px; }
#about em { width: 90px; background-image: url(http://www.lpoanj.org/images/nav_about.gif); }
#programs { width: 98px; }
#programs em { width: 98px; background-image: url(http://www.lpoanj.org/images/nav_programs.gif); }
#news { width: 67px; }
#news em { width: 67px; background-image: url(http://www.lpoanj.org/images/nav_news.gif); }
#events { width: 63px; }
#events em { width: 63px; background-image: url(http://www.lpoanj.org/images/nav_events.gif); }
#gallery { width: 71px; }
#gallery em { width: 71px; background-image: url(http://www.lpoanj.org/images/nav_gallery.gif); }
#resources { width: 124px; }
#resources em { width: 124px; background-image: url(http://www.lpoanj.org/images/nav_resources.gif); }
#contact { width: 90px; }
#contact em { width: 90px; background-image: url(http://www.lpoanj.org/images/nav_contact.gif); }

#home:hover em, #home:active em, #home:focus em,
#about:hover em, #about:active em, #about:focus em,
#programs:hover em, #programs:active em, #programs:focus em,
#news:hover em, #news:active em, #news:focus em,
#events:hover em, #events:active em, #events:focus em,
#gallery:hover em, #gallery:active em, #gallery:focus em,
#resources:hover em, #resources:active em, #resources:focus em,
#contact:hover em, #contact:active em, #contact:focus em,
#nav .p7PMon em, #nav .p7PMmark em { background-position: left bottom; }


/* sub-menu links */
#nav ul {
margin: 0;
padding: 0;
position: absolute;
left: -9000px;
z-index: 10000;
}

#nav ul a, #nav ul a:visited {
padding: 6px 10px;
background-color: #132442;
color: #FFF;
border-bottom: 1px solid #FFF;
text-decoration: none;
}

/* sub-menu hovers */
#nav ul a:hover, #nav ul a:active, #nav ul a:focus {
background-color: #820000;
color: #FFF;
letter-spacing: 0.01px;
}

/* the current page marker style */
#nav ul .p7PMmark { font-weight: bold; background-color: #820000!important; }

/*the normal trigger links for if there are sub-sub menus */
#nav ul .p7PMtrg {
background-image: url(http://www.lpoanj.org/images/nav_arrow.gif);
background-repeat: no-repeat;
background-position: 98% 50% !important;
}

/* the active trigger link style */
#nav ul .p7PMon { background-color: #BA1212; color: #FFF; }

/* The top property here and in the show class fixes a minor bug introduced in Safari browser for Panther OS */
#nav .p7PMhide { left: -9000px; border: 0; top: 0; }
#nav .p7PMshow { top: auto; left: auto; z-index: 20000 !important; }

#nav ul li { float: none; }
#nav ul, #nav ul li { width: 170px; } /* 2nd and subsequent submenu widths */

/* hide from IE mac \*/
#nav a {overflow: hidden;}
#nav ul a {overflow: visible;}
/* end hiding from IE5 mac */


/* --------------------------------- top search box --------------------------------- */
.search {
position: absolute;
right: 0;
padding: 0;
top: 10px;
width: 168px;
}

.form {
height: 18px;
padding: 0;
border: 1px solid #DEDED2;
background-color: #FFF;
width: 166px;
}

.text {
height: 1.5em;
position: absolute;
left: 0;
top: 1px;
font: 1em Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #3C3838;
border: 0;
padding: 2px 0 0 6px;
background: transparent;
width: 128px;
}

input.blur { color: #999; }

.submit {
width: 24px;
height: 18px;
position: absolute;
top: 0;
right: 0;
border: 0;
background: none;
padding: 0;
cursor:pointer;
background: url(http://www.lpoanj.org/images/lp_search.gif) 0 0 no-repeat;
}

.submit:hover { background-position: 0 -18px; }

/* stuffarooni
============================================================================= */

/* ------------------------- for better looking links in main content area -------------------------- */
a:link, a:visited { color: #BA1212; text-decoration: none; border-bottom: 1px dotted #BA1212; }
a:hover, a:focus, a:active { color: #212658; border-bottom: 1px solid #212658;}
a.imglink { border: none; }

p {
font: 1em/1.45em Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 15px 0;
}

.separatorsmall {
background: url(http://www.lpoanj.org/images/sep_horz.gif) repeat-x;
padding: 8px 0;
}

.clr {
clear: both;
height: 0;
line-height: 0;
font-size: 0;
}

h1 {
font: bold 2.73em arial, verdana, "Trebuchet MS", sans-serif;
letter-spacing: -1px;
color: #BA1212;
background: url(http://www.lpoanj.org/images/sep_horz.gif) 0 100% repeat-x;
padding: 0 0 3px 0;
margin: 0 0 20px 0;
}

h1 span {
letter-spacing: -1px;
color: #212658;
}

h2 { font: bold 1.27em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 15px 0; }
h2.none { margin: 0; }

.bold { font-weight: bold; }
.ctr { text-align: center; }
.gray {color: #999; }
.red {color: #BA1212; }
.blue {color: #212658; }

.floatleft { float: left; padding-right: 10px; }
.floatright { float: right; padding-left: 10px; }

.pdf {
background: url(http://www.lpoanj.org/images/icon_pdf.gif) 100% 0 no-repeat;
padding-right: 10px;
}

.textright { text-align: right; }
.small { font-size: .91em; line-height: 1.27em; }
.big { font: 1.27em Verdana, Arial, Helvetica, sans-serif; }

.eventdate {
color: #999;
background: url(http://www.lpoanj.org/images/sep_horz.gif) 0 100% repeat-x;
padding: 0 0 6px 0;
} 

/* ------------------------- various list items -------------------------- */

ul { list-style: none; }

ul.regular {
list-style: none;
padding: 0;
margin: 10px 0 5px 0;
}

.regular li {
line-height: 1.45em;
background: url(http://www.lpoanj.org/images/bullet_gray.gif) 0 2px no-repeat;
padding: 0 0 10px 15px;
margin: 0 0 0 20px;
}

ul.side {
margin: 0;
padding: 0;
list-style-type: square;
}

.side li {
margin: 20px 30px;
padding: 0 0 2px 10px;
background: url(http://www.lpoanj.org/images/sep_vert.gif) repeat-y;
line-height: 1.45em;
}

ul.links {
list-style: none;
padding: 0;
margin: 10px 0 5px 0;
}

.links li {
line-height: 1.45em;
background: url(http://www.lpoanj.org/images/bullet_arrow.gif) 0 2px no-repeat;
padding: 0 0 5px 15px;
margin: 0;
}

.links li a:link, .links li a:visited { color: #212658; text-decoration: none; padding: 3px 8px 3px 4px;}
.links li a:hover, .links li a:focus, .links li a:active { color: #FFF; text-decoration: none; background-color: #212658; }


/* right column
============================================================================= */

#content .right dl { margin: 0; background: #FFF url(http://www.lpoanj.org/images/rc_arrow.png) 163px 0 no-repeat; border-bottom: 1px solid #DADADA; padding-bottom: 3px; }
#content .right dl.nlpoa { background: transparent; margin-bottom: 14px; }

#content .right dt {
font: normal 1.82em Georgia, 'Times New Roman', Times, serif;
color: #212658;
padding: 11px 0 2px 43px;
margin: 0;
}

#content .right dd { 
font: normal 1em arial, sans-serif;
color: #999;
margin: 0;
padding: 1px 0 0 3px;
}

.join dt { background: url(http://www.lpoanj.org/images/rc_join.jpg) 0 0 no-repeat; }
.check dt { background: url(http://www.lpoanj.org/images/rc_check.jpg) 0 0 no-repeat; }
.donate dt { background: url(http://www.lpoanj.org/images/rc_donate.jpg) 0 0 no-repeat; }
.subscribe dt { background: url(http://www.lpoanj.org/images/rc_subscribe.jpg) 0 0 no-repeat; }
.shop dt { background: url(http://www.lpoanj.org/images/rc_shop.jpg) 0 0 no-repeat; }

#content .right .nlpoa dt { padding: 11px 0 2px 3px; position: relative; }
#content .right .nlpoa dt img { position: absolute; top: 0; right: 0px; }

/* for the jquery biggerlink element */
.hot a:link, .hot a:visited { color: #212658; text-decoration: none; }

/* rollover style for clickable element */
/* #content .right dl.hover { background-color: #F0F0F0; } */
#content .right dl.hover dd { color: #666; }

/* simulate hover on contained link */
.hover a:link, .hover a:visited { color: #BA1212; text-decoration: none; }

/* ------------------------- translation fieldset -------------------------- */

fieldset.rc_translate {
margin: 0; padding: 0; border: 0;
position: relative;
width: 190px;
height: 54px;
background: url(http://www.lpoanj.org/images/rc_translate.gif) 0 0 no-repeat;
border: none;
}

fieldset.rc_translate legend span { display: none; }
fieldset.rc_translate .langpair { margin: 27px 0 0 20px; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #3C3838; }

fieldset.rc_translate .submit {
width: 24px;
height: 17px;
background: url(http://www.lpoanj.org/images/rc_translate_go.gif) 0 0 no-repeat;
position: absolute;
top: 27px;
right: 20px;
}

fieldset.rc_translate .submit:hover { background-position: 0 -17px; }


/* for form on Contact Us page
============================================================================= */
.telephone { width: 400px; margin: 0 0 15px 0; }
.telephone th { border-top: 1px solid #DADADA; border-bottom: 1px solid #DADADA; padding: 6px 0;}
.telephone td { font: 1em verdana, arial, sans-serif; padding: 4px 0; }

fieldset#contactform { margin: 0; padding: 0 10px 15px 10px; }

fieldset#contactform { /* for Mozilla and Firefox does not validate */
-moz-border-radius: 4px;
-moz-border-top-colors: transparent #D0D0BF transparent;
-moz-border-right-colors: transparent #D0D0BF transparent;
-moz-border-bottom-colors: transparent #D0D0BF transparent;
-moz-border-left-colors:  transparent #D0D0BF transparent;
}

#contactform legend {
font: 1.2em arial, Verdana, Helvetica, sans-serif;
color: #212658;
text-transform: uppercase;
padding: 0 5px;
letter-spacing: .1em;
}

#contactform div.row { clear: both; }

#contactform div.row label {
float: left;
width: 15%;
text-align: right;
color: #3C3838;
font: bold 1em Verdana, arial, Helvetica, sans-serif;
padding: 2px;
margin: 6px 0;
}

#contactform div.row span.formw {
float: right;
width: 84%;
text-align: left;
}

#contactform .entry, #contactform .comments {
font: 1em Verdana, Arial, Helvetica, sans-serif;
padding: 3px 0 3px 3px;
margin: 4px 2px;
width: 95%;
color: #636563;
}

#contactform .comments { border: 1px solid #7F9DB9; }

#contactform .enter {
width: 140px;
height: 32px;
background: url(http://www.lpoanj.org/images/send_it.gif) 0 0 no-repeat;
margin: 7px 0 3px 0;
}

#contactform .enter:hover { background-position: 0 -32px; }

.anti { display: none; }
.asterisk { font-weight: bold; color: #BA1212; }

/* -------------------- form validation error messages -------------------- */

.errFld { border-color: #BA1212; background-color: #BA1212; color: #FFF !important; }

#errorbox {
display: none;
background-color: #BA1212;
color: #FFF;
padding: 10px;
margin: 0 0 20px 0;
font: bold 1em Verdana, Arial, Helvetica, sans-serif;
}

/* subscribe form
============================================================================= */
fieldset#subscribe { margin: 0 auto; padding: 0 10px 10px 10px; width: 50%; text-align: center;}

fieldset#subscribe { /* for Mozilla and Firefox does not validate */
-moz-border-radius: 4px;
-moz-border-top-colors: transparent #D0D0BF transparent;
-moz-border-right-colors: transparent #D0D0BF transparent;
-moz-border-bottom-colors: transparent #D0D0BF transparent;
-moz-border-left-colors:  transparent #D0D0BF transparent;
}

#subscribe legend {
font: 1.2em arial, Verdana, Helvetica, sans-serif;
color: #212658;
text-transform: uppercase;
padding: 0 5px;
letter-spacing: .1em;
}

#subscribe .entry {
font: 1em Verdana, Arial, Helvetica, sans-serif;
padding: 3px 0 3px 3px;
margin: 4px 2px;
color: #636563;
}

#subscribe .enter {
width: 140px;
height: 32px;
background: url(http://www.lpoanj.org/images/sign_me_up.gif) 0 0 no-repeat;
margin: 6px 0 0 0;
}

#subscribe .enter:hover { background-position: 0 -32px; }

/* index pages
============================================================================= */
.indice {
list-style-type: none;
padding: 0;
margin: 20px 0 0 30px;
}

.indice li {
font: normal 1.27em verdana, helvetica, arial, sans-serif;
background: url(http://www.lpoanj.org/images/bullet_arrow.gif) 0 3px no-repeat;
padding: 0 0 10px 16px;
margin: 0;
}

.indice li a:link, .indice li a:visited { color: #212658; text-decoration: none; padding: 3px 10px 3px 4px; border: none; }
.indice li a:hover, .indice li a:focus, .indice li a:active { color: #FFF; text-decoration: none; background-color: #212658; border: none; }

/* search results
============================================================================= */
#searchterm {
width: 100%;
font: bold 1.18em Verdana, Arial, Helvetica, sans-serif;
color: #3C3838;
border-bottom: 1px solid #DADADA;
padding-bottom: 7px;
}

#searchterm .what { float: left; width: 60%; }
#searchterm .total { float: right; width: 39%; text-align: right; }

dl.results { margin: 0 0 10px 0; padding-top: 10px; font: 1em/1.45em Verdana, Arial, Helvetica, sans-serif; }
.results dt { margin: 20px 0 0 0; }
.results dt a, .results dt span { font-weight: bold; }
.results dd { margin: 0; }

.results a:link, .results a:visited { color: #BA1212; text-decoration: none; padding: 3px 4px 3px 4px;}
.results a:hover, .results a:focus, .results a:active { color: #FFF; text-decoration: none; background-color: #BA1212; }

dl.results dd li { /* for news publish date */
display: inline;
font: normal 1em arial, "trebuchet ms", verdana, sans-serif;
text-transform: uppercase;
color: #999;
}

.nope { /* for the no search results message */
text-align: center;
font: bold 1.64em "trebuchet ms", verdana, sans-serif;
color: #212658;
padding: 50px 0 0 0;
}

/*- - - - - - - - - - - - - - - - - - pagination - - - - - - - - - - - - - - - - - - */
.paginate {
font: normal 1em Verdana, Arial, Helvetica, sans-serif;
padding: 10px 0 5px 0;
text-align: right;
position: relative;
}

.pagecount { color: #3C3838; }

.paginate strong, .paginate a:link, .paginate a:visited {
border: 1px solid #DCDFD2;
padding: 4px 6px 5px 6px;
background-color: #FFF;
color: #BA1212;
text-decoration: none;
margin-right: 1px;
}

.paginate strong { color: #3C3838; }

.paginate a:hover, .paginate a:focus, .paginate a:active {
border: 1px solid #BA1212;
background-color: #BA1212;
color: #FFF;
}


/* accordion styles for chapters and resources
============================================================================= */
h2.trigger {
padding: 0 0 0 45px;
margin: 0 0 5px 0;
background: url(http://www.lpoanj.org/images/accord_trig.gif) 0 0 no-repeat;
height: 46px;
width: 505px;
font: normal 1.45em/46px arial, verdana, sans-serif;
cursor:pointer;
float: left; /* need this or the bottom margin between triggers disappears sporadically in IE8 */
}

h2.trigger a { color: #fff; text-decoration: none; display: block; outline: none; border: none; }
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: 0 100%; }

/* h2.trigger.active a { color: #ccc; } */

.accordion {
margin: 0 0 5px 0;
padding: 0;
border-top: 1px solid #d6d6d6;
background: #FFF url(http://www.lpoanj.org/images/accord_bkgrd.gif) 0 0 repeat-y;
width: 550px;
overflow: hidden;
clear: both; /* messes up FF2 if float left on h2 trigger without clearing on accordion, IE6 needs it too if not using CC of float none on h2 trigger */
}

.accordion .inner {
padding: 10px 20px 20px 20px;
background: url(http://www.lpoanj.org/images/accord_btm.gif) 0 100% no-repeat;
}

.accordion .inner h3 {
font: 2.18em normal Georgia, "Times New Roman", Times, serif;
margin: 0 0 15px 0;
padding: 0 0 5px 0;
border-bottom: 1px dashed #ccc;
}

/* -------------------- chapters listing of president and contact info -------------------- */
.inner span { color: #BA1212; }
.inner ul.iconpres { padding-left: 15px; background: url(http://www.lpoanj.org/images/icon_pres.gif) 0 2px no-repeat; margin-top: 30px; }
.inner ul.iconaddy { padding-left: 15px; background: url(http://www.lpoanj.org/images/icon_addy.gif) 0 2px no-repeat; }
.inner ul.iconphone { padding-left: 15px; background: url(http://www.lpoanj.org/images/icon_phone.gif) 0 2px no-repeat; }
.inner ul.iconemail { padding-left: 15px; background: url(http://www.lpoanj.org/images/icon_email.gif) 0 2px no-repeat; }

.inner .iconpres li, .inner .iconaddy li, .inner .iconphone li, .inner .iconemail li {
line-height: 1.36em;
margin: 15px 10px;
padding: 0 0 0 10px;
background: url(http://www.lpoanj.org/images/sep_vert.gif) repeat-y;
}

/* -------------------- committees definition list -------------------- */
dl.committees { margin: 0 50px; }
.committees dt { font-weight: bold; background: url(http://www.lpoanj.org/images/sep_horz.gif) 0 100% repeat-x; padding: 0 0 5px 0; margin: 25px 0 0 0;}
.committees dd { font-weight: normal; line-height: 1.45em; margin: 0 0 15px 0; }

/* -------------------- form download paragraph box -------------------- */

.formdownload {
text-align: center;
border: 1px solid #DADADA;
width: 350px;
font-weight: bold;
margin: 0 auto 15px auto;
}

.formdownload a { display: block; text-decoration: none; padding: 10px 0; color: #212658; }
.formdownload a:hover, .formdownload a:focus, .formdownload a:active { display: block; background-color: #BA1212; color: #FFF; text-decoration: none; }


/* donate page
============================================================================= */
.paypal {
width: 202px;
height: 33px;
background: url(http://www.lpoanj.org/images/paypal.png) 0 0 no-repeat;
}

.paypal:hover { background-position: 0 -33px; }

/* accessibility page
============================================================================= */
.access {
margin: 5px 0 10px 0;
float: left;
width: 170px;
display: inline; /* fix IE double margin bug */
}

.key {
border: 1px solid #CCC;
padding: 3px 4px 2px 4px;
background-color: #DDD;
font: normal 1.09em "Lucida Typewriter", "Lucida Console", "Courier New", Courier, monospace;
margin-right: 2px;
}

#accessexample {
float: right;
width: 270px;
margin: 5px 0 20px 0;
text-align: center;
}

#accessexample .key { line-height: 1.54em; }
#accessexample .title { font: bold 1.09em verdana, helvetica, arial, sans-serif; color: #BA1212; }
#accessexample .boo { font: bold 1em verdana, helvetica, arial, sans-serif; margin: 15px 0 5px 0; }

/*--------------------- for list of text sizing methods on accessibility page  ----------------------*/
dl.textsize { margin: 0 0 10px 0; line-height: 1.45em; }

.textsize dt {
background: url(http://www.lpoanj.org/images/bullet_red.gif) 0 50% no-repeat;
padding: 0 0 0 12px;
font-weight: bold;
margin: 10px 0 0 0;
}

.textsize dd { padding: 0 0 8px 12px; }

/* home page stuffarooni
============================================================================= */

#welcome {
float: left;
width: 535px;
}

#welcome h1 {
font: normal 1.82em Georgia, 'Times New Roman', Times, serif;
letter-spacing: 2px;
color: #212658;
background: none;
padding: 0 0 3px 0;
margin: 0 0 20px 0;
border-bottom: 6px solid #212658;
text-transform: uppercase;
}

#welcome h1.subs {
color: #820000;
margin: 0 0 15px 0;
border-color: #820000;
}

#welcome p.intro {
font: italic 1.27em/1.36em Georgia, 'Times New Roman', Times, serif;
position: relative;
margin: 10px 0 0 0;
}

#welcome .sig { float: right; margin-top: -11px;}

#welcome .sep {
background: url(http://www.lpoanj.org/images/sep_large.gif) 0 100% repeat-x;
padding: 13px 0;
}

/*--------------------- home page 3 columns  ----------------------*/

.homeleft, .homecenter {
margin-top: 19px; 
width:250px;
float: left;
}

.homecenter {
width: 260px;
margin-left: 25px;
}

.homecenter img { padding: 0 0 5px 10px; }

.homeright {
width: 284px;
margin: -15px -20px 0 18px;
float: left;
position: relative;
}

/* -------------------- youtube thumbs -------------------- */
.youtube {
margin: 0;
height: 1%; /* fixes jumping margin bug and hasLayout screwup */
}

.youtube img {
padding: 0;
float:left;
margin: 0 0 10px 10px;
width: 120px;
height: 90px;
-ms-interpolation-mode: bicubic; /* IE7+ Fix for Bicubic Scaling */
}

/* -------------------- news you can use -------------------- */

.newsyoucanuse {
margin: 8px 0 0 17px;
display: block;
}

a.newsyoucanuse { border: none; }


/* --------------------news headlines -------------------- */
ul.homeleft {
list-style: none;
padding: 0;
width: 250px;
margin: 0;
}

.homeleft li {
background: url(http://www.lpoanj.org/images/sep_horz.gif) 0 100% repeat-x;
font: normal 1.27em/1.36em Georgia, 'Times New Roman', Times, serif;
padding: 0 0 10px 0;
margin: 6px 0 0 0; /* fixes IE jumping margin bug */
}

.homeleft li a { display: block; }
.homeleft li a:link, .homeleft li a:visited { color: #132442; text-decoration: none; }
.homeleft li a:hover, .homeleft li a:focus, .homeleft li a:active { color: #820000; }

/* --------------------event listings -------------------- */

dl.homeleft { margin: 0; width: 250px; }
.homeleft dt { font: normal 1.27em/1.36em Georgia, 'Times New Roman', Times, serif; background: url(http://www.lpoanj.org/images/icon_calendar.gif) 0 5px no-repeat; padding-left: 14px; }
.homeleft dd { font-weight: normal; line-height: 1.45em; }
.homeleft dd.date { color: #999; margin-bottom: 10px; padding-left: 14px; }
.homeleft dt a { display: block; }
.homeleft dt a:link, .homeleft dt a:visited { color: #132442; text-decoration: none; }
.homeleft dt a:hover, .homeleft dt a:focus, .homecenter dt a:active { color: #820000; }
.homeleft dt.noevents { background: transparent; padding: 0; text-align: center; }
.homeleft dt a:link, .homeleft dt a:visited { border: none; }

/* --------------------------------- for cycle slideshow --------------------------------- */


#slideshow {
background: url(http://www.lpoanj.org/images/cycle/polaroid_frame4.png) no-repeat 0 0;
width: 284px;
height: 316px;
position: relative;
margin: 0 auto;
overflow: hidden;
}

#slideshow img { margin: 29px 0 0 30px; border: none; cursor: pointer; }
#slideshow div { width: 284px; height: 316px; }

#buttons3 {
height: 25px;
position: absolute;
z-index: 100;
width: 223px;
top: 29px;
left: 30px;
background: url(http://www.lpoanj.org/images/cycle/trans_buttons.png) no-repeat 0 0;
}

#buttons3 ul { top: 3px; right: 3px; position: absolute; }

#buttons3 li {
list-style: none;
float: left;
padding-left: 3px;
}

#buttons3 li a {
display: block;
height: 19px;
width: 20px;
border: 0;
}

.pauseplay { cursor: pointer; }

#slideshow span {
position: absolute;
top: 263px;
left: 30px;
width: 223px;
padding: 0;
color: #000;
text-align: center;
font: 1em/1.2em "Trebuchet MS", verdana, arial, sans-serif;
}

/* -------------------- home sliders -------------------- */

#homeslide ul { margin: 18px 0 0 17px; }

#homeslide ul li {
list-style-type: none;
float:left;
background: #FFF;
margin: 0 0 20px 0;
padding: 0;
width: 250px;
height: 60px;
position: relative;
}

#homeslide li.last { margin-bottom:0; }

#homeslide li a { /* the panel beneath */
display: block;
position: relative;
overflow: hidden;
border: 0;
padding: 12px 20px 10px 7px;
width: 223px;
height: 38px;
text-decoration: none;
background: #14B2E5 url(http://www.lpoanj.org/images/rc_arrow2.png) 223px 5px no-repeat;
color: #FFF;
font: normal 1.2em arial, sans-serif;
}

#homeslide li img {
position: absolute;
top: 0; left: 0;
border: 0;
width: 250px;
height: 60px;
}

/* ---------------------- slide-in login panel on home page ------------------------------ */
#execboard {
position: absolute;
top: 40px; right: 0;
width: 160px;
}

#panel {
background: #E9EBE2;
height: 30px;
padding: 0 5px;
position: relative;
}

.slide { margin: 0; padding: 0; }

a.btn-slide {
text-align: center;
width: 160px; height: 16px;
padding: 0;
margin: 0 auto;
display: block;
background: url(http://www.lpoanj.org/images/private-tab.png) 50% 0 no-repeat;
outline: none; border: none;
}

a.opened { background-position: 50% -16px; }
.textz { width: 55px; font: .91em Verdana, Arial, Helvetica, sans-serif; margin-top: 6px; }

.login {
width: 16px; height: 18px;
border: 0; padding: 0;
cursor:pointer;
background: url(http://www.lpoanj.org/images/private-tab-arrow.gif) no-repeat;
position: absolute;
right: 5px; top: 5px;
}

/* -------------------- to apply cute little icon to external links -------------------- */
.external {
background: url(http://www.lpoanj.org/images/external.gif) 100% 50% no-repeat;
padding-right: 13px;
}

/*------------ SITE MAP -------------*/

.sitemapleft { float: left; width: 240px; }
.sitemapright { float: left; width: 220px; }

.sitemapright h1 {
font: bold 1.18em Verdana, Arial, Helvetica, sans-serif;
color: #212658;
padding-bottom: 5px;
letter-spacing: 0;
margin: 0 0 10px 0;
}

.sitemapleft ul, .sitemapright ul { list-style: none; margin: 0; padding: 0; }
.sitemapleft li, .sitemapright li { padding: 0 0 5px 0; }

/* for various news-related pages
============================================================================= */
/* -------------------- for main news listing page showing all the items and events page -------------------- */
.newslisting dl { margin: 0; }
.newslisting dt { font-weight: bold; font-size: 1.09em; }
.newslisting dd { font-weight: normal; line-height: 1.45em; }
.newslisting dd.date { color: #999; }

.newslisting dd.summary {
background: url(http://www.lpoanj.org/images/sep_horz.gif) 0 100% repeat-x;
padding: 0 0 12px 0;
margin: 7px 0 10px 0;
}

.newslisting dt.noevents { text-align: center; padding-top: 20px; }

/* ------------------------- news archive list items in right column-------------------------- */

div.listmonths { margin: 30px 0; }
div.listmonths ul { margin-left: 30px; }

/*--------------- complete news archive listing ----------------*/
.archive {
list-style-type: none;
padding: 0; margin: 0;
}

.archive li { /* the YEAR */
padding: 0; margin: 0;
font: bold 1.27em/2em verdana, helvetica, arial, sans-serif;
}

.archive li li { /* the MONTH */
list-style-type: none;
font: bold .86em verdana, helvetica, arial, sans-serif;
color: #212658;
margin: 0;
}

.archive ul ul { /* the group of articles */
list-style-type: none;
padding: 0; margin: 5px 0 20px 20px;
}

.archive li li li { /* each article title */
font: normal .92em/1.45em verdana, helvetica, arial, sans-serif;
padding: 0 0 5px 0; margin: 0;
}

div.continued { text-align: right; padding: 10px 0 0 0; }
.continued a:link, .continued a:visited { font-weight: bold; color: #212658; }
.continued a:hover, .continued a:focus, .continued a:active { color: #BA1212; }

.newsbreak { margin: 25px 0 0px 0; background: url(http://www.lpoanj.org/images/sep_large.gif) repeat-x; padding: 25px 0 0 0; }

/* ------------------------- for individual events when necessary -------------------------- */
.eventcontain { text-align: center; padding-top: 10px; }
.eventcontain p.big { font: bold 1.27em Verdana, Arial, Helvetica, sans-serif; }

/* --------------------become a member page join choices -------------------- */
.joinleft { float: left; width: 235px; }
.joinright { float: right; width: 235px; }

.joinleft, .joinright {
padding: 10px;
border: 1px solid #DADADA;
margin: 0 0 15px 0;
}

.joinleft ol, .joinright ol { margin: 0; padding-left: 0; }

.joinleft li, .joinright li {
margin: 0 5px 0 25px;
padding: 0 0 6px 0;
line-height: 1.36em;
}

.joinleft p a, .joinright p a {
font: bold 1.18em verdana, arial, helvetica, sans-serif;
text-align: center;
display: block;
text-decoration: none;
padding: 5px 0;
color: #FFF;
border: none;
}

.joinleft p a { background-color: #BA1212; }
.joinright p a { background-color: #212658; }
.joinleft p a:hover { background-color: #212658; color: #FFF; border: none; }
.joinright p a:hover { background-color: #BA1212; color: #FFF; border: none; }

.splitleft { float: left; width: 235px; }
.splitright { float: right; width: 235px; }

/* member application
============================================================================= */

#memberapplication { margin: 0; padding: 0 30px; }

#memberapplication, .memberapp { /* for Mozilla and Firefox does not validate */
-moz-border-radius: 4px;
-moz-border-top-colors: transparent #D0D0BF transparent;
-moz-border-right-colors: transparent #D0D0BF transparent;
-moz-border-bottom-colors: transparent #D0D0BF transparent;
-moz-border-left-colors:  transparent #D0D0BF transparent;
}

.memberapp { margin: 20px 0 0 0; padding: 0 10px 15px 15px; }

.memberapp legend {
font: 1.2em arial, Verdana, Helvetica, sans-serif;
color: #212658;
text-transform: uppercase;
padding: 0 5px;
letter-spacing: .1em;
}

.memberapp div.row { clear: both; }

.memberapp div.row label {
float: left;
width: 17%;
text-align: left;
color: #3C3838;
font: bold 1em Verdana, arial, Helvetica, sans-serif;
padding: 2px;
margin: 6px 0;
}

.memberapp div.row span.formw {
float: right;
width: 82%;
text-align: left;
}

.memberapp .entry, .memberapp .comments {
font: 1em Verdana, Arial, Helvetica, sans-serif;
padding: 3px 0 3px 3px;
margin: 4px 2px;
width: 95%;
color: #636563;
}

.memberapp .comments { border: 1px solid #7F9DB9; }

#memberapplication .enter {
width: 189px;
height: 30px;
background: url(http://www.lpoanj.org/images/submit_app.gif) 0 0 no-repeat;
margin: 10px auto;
}

#memberapplication .enter:hover { background-position: 0 -32px; }

/* executive board page
============================================================================= */

.exec {
background: #FFF url(http://www.lpoanj.org/images/exec_bd_bkgrd.gif) no-repeat;
width: 550px;
height: 170px;
margin-bottom: 15px;
position: relative;
}

.exec img {
float: left;
width: 112px; height: 150px;
-ms-interpolation-mode: bicubic; /* IE7+ Fix for Bicubic Scaling */
position: absolute;
left: 12px; top: 13px;
}

.exec img.hover {
background: url(http://www.lpoanj.org/images/pic_execbd_bg.png) no-repeat center center;
cursor: pointer;
}

.exec p {
float: right;
text-align: right;
padding: 22px 20px 0 0;
font: 1em/1.45em Verdana, Arial, Helvetica, sans-serif;
}

.exec p span { font: bold 1.45em Verdana, Arial, Helvetica, sans-serif; display: block; }

.exec .email {
padding-left: 26px;
background: url(http://www.lpoanj.org/images/icon_email_exec.gif) 0 3px no-repeat;
position: absolute;
right: 20px;
bottom: 14px;
text-align: right;
line-height: 2.36em;
}

/* ------------------------- return to top -------------------------- */
.return { margin: 0; text-align: center; }
.return a { background: url(http://www.lpoanj.org/images/icon_top.gif) 0 1px no-repeat; padding-left: 12px; }

.quote { font: bold italic 1.27em/1.36em Georgia, 'Times New Roman', Times, serif; text-align: center; }

blockquote p {
font: italic 1.27em/1.36em Georgia, 'Times New Roman', Times, serif;
margin: 15px 0 15px 30px;
padding-left: 15px;
border-left: 5px solid #CCC;
} 

/* -------------------- no bottom border on these links -------------------- */

.skipp a:link, .skipp a:visited, 
#top .logo h1 a, 
.copyright a:link, .copyright a:visited, 
#nav a, 
.hot a:link, .hot a:visited, 
.formdownload a:link, .formdownload a:visited, 
.indice li a:link, .indice li a:visited, 
.links li a:link, .links li a:visited, .newslisting dt a, .results a:link, .results a:visited,
.homeleft li a:link, .homeleft li a:visited,
.homecenter dt a:link, .homecenter dt a:visited,
.sitemapleft a:link, .sitemapleft a:visited, .sitemapright a:link, .sitemapright a:visited,
.listmonths li a:link, .listmonths li a:visited,
.continued a:link, .continued a:visited { border: none; }

/* rss news aggregator page
============================================================================= */

h1.rssfeeds {
font: bold 2em arial, verdana, "Trebuchet MS", sans-serif;
background: none;
padding: 20px 0 0 0;
margin: 15px 0 20px 0;
letter-spacing: -1px;
color: #BA1212;
border-top: 6px solid #212658;
}

h1.rssfeeds.first { border-top: 0 solid #212658; padding: 10px 0 0 0; }

.rsscontainer {
float: left;
width: 100%;
margin: 0 0 20px 0;
}

.rsscontainer p {
font: bold 1em/1.18em verdana, arial, Helvetica, sans-serif;
margin: 0;
background: url(http://www.lpoanj.org/images/sep_horz.gif) 0 100% repeat-x;
padding-bottom: 10px;
color: #212658;
}

.plop, .plop.middle, .plop.third { 
float: left;
width: 238px;
border: 1px solid #DADADA;
padding: 10px 10px 0 10px;
margin-right: 0;
text-align: center;
}

.plop.middle { margin: 0 20px; }
.plop.third{ float: right; margin: 0; }
.plop img { margin-bottom: 10px; }

dl.rss { margin: 5px 0; text-align: left; }
.rss dt { font: normal 1em/1.27em verdana, "lucida sans unicode", tahoma, arial, 'trebuchet ms', Helvetica, sans-serif; }

.rss dd {
font: normal 1em verdana, "lucida sans unicode", tahoma, Helvetica, sans-serif;
padding: 0 0 7px 0;
margin-bottom: 3px;
}

.rss a:link, .rss a:visited { color: #9ba379; border: none; }
.rss a:hover { color: #BA1212; }

.fird p { color: #000; text-align: left; background: none; font-weight: normal; line-height: 1.27em; }
.fird h2 { font: bold 2em arial, verdana, sans-serif; color: #BA1212; }
.fird h3 { font: bold 1.45em arial, verdana, sans-serif; text-transform: uppercase; letter-spacing: 1px; margin: 15px 0 10px 0; text-align: left; }
.fird h4 { font: bold 1.09em arial, verdana, sans-serif; text-transform: uppercase; margin: 15px 0 5px 0; text-align: left; }
.fird li { text-align: left; padding: 0 0 8px 0; }

#toggle-placeholder { border-top: 1px solid #DADADA; border-bottom: 1px solid #DADADA; padding: 5px 0 10px 0; margin: 5px 0; }