/* - - - - - - - - - - - - - - - - - - - - CONTENT - - - - - - - - - - - - - - - - - - - - - - - - */

img {border: 0; }

a:link { color: #0066CC; text-decoration: none;}
a:visited { color: #0066CC; text-decoration: none;}
a:hover, a:focus, a:active { color: #CC0099; text-decoration: none;}

p { font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; }

#content p {
font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 12px 0;
}

/*--------------------- left column content ----------------------*/
#left p {
font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
margin: 12px 0 0 0;
}

#left p.small { font: 10px Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 0 0 10px 0; }

#left h6 {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
margin: 0 0 5px 0;
text-transform: uppercase;
letter-spacing: .05em;
}

/* left col rollover icons */
.rollover a { display: block; width: 150px; background-color: #FFF; margin: 0 auto; }
.rollover a:hover, .rollover a:focus, .rollover a:active { background-color: #EBEBEB;}

/* for text re-sizer */
#rolloverswitcher {margin: 0 5px; }

.rolloverleft a { float: left; display: block; width: 73px; background-color: #FFF; margin-bottom: 20px; }
.rolloverleft a:hover, .rolloverleft a:focus, .rolloverleft a:active { background-color: #EBEBEB;}
.rolloverleft a img {border: none; }

.rolloverright a { float: right; display: block; width: 77px; background-color: #FFF; margin-bottom: 20px; }
.rolloverright a:hover, .rolloverright a:focus, .rolloverright a:active { background-color: #EBEBEB;}
.rolloverright a img {border: none; }

/*--------------------- left column search form elements ----------------------*/

.searchform {
width: 150px;
height: 22px;
background: url(http://www.randolphnj.org/images/search.png) no-repeat;
padding: 0;
margin: 4px auto 2px auto;
position: relative;
}

.searchtext {
width: 115px;
height: 18px;
font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
color: #00007A;
border: 0;
padding: 4px 0 0 8px;
background: transparent;
position: absolute;
top: 0;
left: 0;
}

.searchsubmit {
width: 23px;
height: 22px;
border: 0;
background: none;
padding: 0;
cursor:pointer;
position: absolute;
top: 0;
left: 127px;
background: url(http://www.randolphnj.org/images/search_buttons.png) no-repeat;
}

.searchsubmit:hover { background: url(http://www.randolphnj.org/images/search_buttons.png) 0 -21px no-repeat; }

label {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
margin: 0 0 5px 0;
}

/*--------------------- left column graphic buttons ----------------------*/
.cust_sat { padding: 0 0 10px 0; }
.ran_local { padding: 0 0 4px 0; }
.tel_dir { padding: 0 0 18px 0; }

/*--------------------- left column translation fieldset ----------------------*/

fieldset#trans {
margin: 0 auto;
text-align: center;
width: 146px;
position: relative;
}

fieldset#trans { /* 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;
}

fieldset#trans legend {
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
letter-spacing: .05em;
text-transform: uppercase;
color: #00007A;
text-align: center;
}

fieldset#trans legend span {
display: block;
position: absolute;
top: -10px;
left: 9px;
width: 130px;
padding: 3px 0;
background-color: #FFF;
padding-left: 1px;
}

fieldset#trans .langpair { margin: 15px 0 6px 0; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }
fieldset#trans option { padding: 0 5px 0 2px; } /* to add padding in Firefox */

fieldset#trans .submit {
width: 89px;
height: 21px;
background: url(http://www.randolphnj.org/images/translate.png) 0 0 no-repeat;
}

fieldset#trans .submit:hover { background: url(http://www.randolphnj.org/images/translate.png) 0 -21px no-repeat; }
fieldset#trans p.small { margin: 2px 0 5px 0; }

/*--------------------- footer content ----------------------*/
#footer p {
padding-top: 5px;
text-align:center;
font: 10px verdana, helvetica, arial, sans-serif;
color: #00007A;
margin: 0;
}

#footer p a:link, #footer p a:visited { color: #00007A; text-decoration: none;}
#footer p a:hover, #footer p a:focus, #footer p a:active{ color: #CC0099; text-decoration: underline;}


/*--------------------- content titles ----------------------*/

#content h1 {
font: bold 18px verdana, helvetica, arial, sans-serif;
color: #99CC00;
margin-bottom: 5px;
}

#content h2 {
font: bold 12px verdana, helvetica, arial, sans-serif;
color: #00007A;
text-align: left;
margin-bottom: 5px;
}

#content h3 {
font: bold 11px verdana, helvetica, arial, sans-serif;
color: #00007A;
text-align: left;
margin-bottom: 5px;
}

#content h4 { /* for bold style but without margins */
font: bold 11px verdana, helvetica, arial, sans-serif;
color: #00007A;
text-align: left;
margin-bottom: 0;
}

/*--------------------- regular content bullet lists with bkgrd image  ----------------------*/
.regular {
list-style: none;
padding-left: 0;
margin: 10px 0 5px 0;
}

.regular li {
font: normal 11px/16px verdana, helvetica, arial, sans-serif;
color: #000;
background: url(http://www.randolphnj.org/images/bullets/bullet_pink_multi.gif) 0 6px no-repeat;
padding: 0 0 10px 12px;
margin: 0 30px;
}

.regular li.zeromargin { margin: 0; }

.clr {clear: both; }

/*--------------------- regular content bullet lists with bkgrd image AND ZERO INDENT  ----------------------*/
.regularzeromargin {
list-style: none;
padding-left: 0;
margin: 10px 0 5px 0;
}

.regularzeromargin li {
font: normal 11px/16px verdana, helvetica, arial, sans-serif;
color: #000;
background: url(http://www.randolphnj.org/images/bullets/bullet_pink_multi.gif) 0 6px no-repeat;
padding: 0 0 10px 12px;
margin: 0;
}

/*--------------------- regular content bullet lists with NO BULLET  ----------------------*/
.regularx {
list-style: none;
padding: 0;
margin: 20px 0 5px 30px;
}

.regularx li {
font: normal 11px/16px verdana, helvetica, arial, sans-serif;
padding: 0 0 10px 0;
}

/*--------------------- regular lists with NO BULLET, NO MARGIN  ----------------------*/
.regularxx {
list-style: none;
padding: 0;
margin: 10px 0 5px 0;
}

.regularxx li {
font: normal 11px/16px verdana, helvetica, arial, sans-serif;
padding: 0 0 10px 0;
margin: 0;
}

/*--------------------- for inline images ----------------------*/

.floatright {
float: right;
padding: 0 0 0 5px;
}

.floatleft {
float: left;
padding: 0 5px 0 0;
}

.centerimage {
text-align: center;
padding: 5px 0 15px 0;
margin: 0 auto;
}

.shadowright {
float: right;
background: url(http://www.randolphnj.org/images/shadow.gif) no-repeat bottom right;
margin: 6px 0 20px 6px;
}

.shadowright img {
display: block;
position: relative;
background-color: #FFF;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 6px;
}

.shadowleft {
float: left;
background: url(http://www.randolphnj.org/images/shadow.gif) no-repeat bottom right;
margin: 6px 10px 10px 0;
}

.shadowleft img { /* CAN'T USE anywhere near popmenu because position relative need for IE but messes up layering */
display: block;
position: relative;
background-color: #FFF;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}

.polaroidcenter {
width: 450px;
margin: 0 auto;
padding: 10px;
text-align: center;
background: #FFF;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #CCC;
border-top: 1px solid #CCC;
}

.polaroid-title {
margin: 0 0 10px 0;
font-size: 13px;
color: #00007A;
font-weight: bold;
text-align: center;
}

.polaroid-photo {
margin:0 auto; padding:0;
border: none;
}

.polaroidright img { border: 1px solid #666; }
.polaroidleft img { border: 1px solid #666; }
.polaroidcenter img { border: 1px solid #666; }

.polaroid-desc {
margin: 5px 10px; padding:0;
color: #000;
text-align: center;
line-height: 14px;
}

.polaroid-desc a:link, .polaroid-desc a:visited { font-weight: bold; text-decoration: underline;}

/*--------------------- dotted line separators ----------------------*/
.separatorlarge {
background: url(http://www.randolphnj.org/images/separator_large.gif) repeat-x;
padding: 8px 0;
}

.separatorsmall {
background: url(http://www.randolphnj.org/images/separator_small.gif) repeat-x;
padding: 6px 0;
}

/* separator for when iconbox or sidebar2col is used */

.separatordepts {
background: url(http://www.randolphnj.org/images/separator_small.gif) repeat-x;
padding: 6px 0;
margin-right: 225px;
}

.separatorcommittees {
background: url(http://www.randolphnj.org/images/separator_small.gif) repeat-x;
padding: 6px 0;
margin-right: 200px;
}

/* for spacer lines and graphics */

.spacer {padding: 5px 0;}
.spacer2 {padding: 10px 0;}
.spacer3 {padding: 15px 0;}

/*--------------------- for boardmember tables----------------------*/

#boardmembers { margin: 0 auto; }

#boardmembers caption {
color: #00007A;
font: bold 11px verdana, arial, helvetica, sans-serif;
padding: 8px 0;
margin: 0 auto;
}

#boardmembers th {
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
border-top: 1px solid #a9a9a9;
border-bottom: 1px solid #a9a9a9;
padding: 4px 0;
text-transform: uppercase;
letter-spacing: .05em;
}

#boardmembers td {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #000;
padding: 4px 0;
}

/*--------------------- assorted stuff ----------------------*/

#content p.small, #content span.small { font: 9px/11px Verdana, Arial, Helvetica, sans-serif; }

#content span.boldmaroon, #content p.boldmaroon  { /* really bright blue */
font-weight: bold;
color: #0099CC;
}

#content span.boldblue, #content p.boldblue  {
font-weight: bold;
color: #00007A;
}

#content span.boldpink, #content p.boldpink  {
font-weight: bold;
color: #CC0099;
}

.special { /* for bold centered heading--dark blue */
text-align: center;
font: bold 14px verdana, helvetica, arial, sans-serif;
color: #00007A;
margin-bottom: 15px;
}

.specialpink { /* for bold centered heading */
text-align: center;
font: bold 14px verdana, helvetica, arial, sans-serif;
color: #CC0099;
margin-bottom: 15px;
}

.specialblue { /* for bold centered heading--light blue */
text-align: center;
font: bold 14px verdana, helvetica, arial, sans-serif;
color: #0099CC;
margin-bottom: 15px;
}

.specialblack { /* for bold heading not centered */
font: bold 14px verdana, helvetica, arial, sans-serif;
color: #000;
margin-bottom: 15px;
}

.special13 { /* for bold heading 12px not centered */
font: bold 13px verdana, helvetica, arial, sans-serif;
margin-bottom: 15px;
}

.continued a, .continued a:link, .continued a:visited {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
padding: 10px 0;
margin: 0;
text-align: right;
color: #00007A;
text-decoration: none;
}

.continued a:hover, .continued a:focus, .continued a:active { color: #CC0099; }

.darkblue { color: #00007A; }
.lightblue { color: #0099CC; }
.pink { color: #CC0099; }
.white { color: #FFF; background-color: #FFF; }

.ital { font-style: italic; }
.dkgray { color: #888; }

.centered {text-align: center; }

.script { font: italic 22px/27px Georgia, 'Times New Roman', Times, serif; }

/*--------------------- for form on Contact Us page----------------------*/
fieldset#contactform {
padding: 10px;
width: 95%;
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 20px 0;
float: left;
}

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-size: 12px;
color: #00007A;
text-transform: uppercase;
padding: 10px;
letter-spacing: .1em;
}

#contactform div.row { clear: both; }

#contactform div.row label {
float: left;
width: 18%;
text-align: right;
color: #00007A;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
padding: 3px 2px;
margin: 6px 0;
}

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

#contactform .entry, #contactform .comments {
font: 11px Verdana, Arial, Helvetica, sans-serif;
padding: 3px 2px;
margin: 4px 0;
width: 90%;
}

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

#contactform .submit {
font: 10px Verdana, Arial, Helvetica, sans-serif;
letter-spacing: .1em;
padding: 1px 3px;
margin: 8px 0 0 0;
text-transform: uppercase;
color: #00007A;
text-align: center;
}

/* - - - - - - - - list with left border - - - - - - - - */

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

.side li {
margin: 20px 30px;
padding: 0 0 2px 10px;
font: 11px/16px verdana, arial, helvetica, sans-serif;
background: url(http://www.randolphnj.org/images/separator_vertical.gif) repeat-y;
}

/*--------------------- online forms list ----------------------*/

#onlineforms dl {
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
}

#onlineforms dt {
color: #00007A;
font-weight: bold;
padding: 20px 0 0 0;
margin: 0;
}

#onlineforms dt.first { padding: 6px 0 0 0; }

#onlineforms dd {
background: url(http://www.randolphnj.org/images/icon_fillable.gif) 0 4px no-repeat;
padding: 4px 0 4px 22px;
margin: 3px 0;
}

#onlineforms dd.blank { background: transparent; }


/*--------------------- right sidebar HOME PAGE bullet news list ----------------------*/

#home-sidebar { padding-left: 10px; }

#home-sidebar h1 {
font: bold 12px verdana, helvetica, arial, sans-serif;
color: #00007A;
text-align: center;
margin-bottom: 5px;
}

#home-sidebar h2 {
font: normal 10px verdana, helvetica, arial, sans-serif;
color: #00007A;
text-align: center;
padding: 10px 0 0 0;
margin: 0;
letter-spacing: .05em;
text-transform: uppercase;
}

#home-sidebar h3 {
font: normal 10px verdana, helvetica, arial, sans-serif;
color: #00007A;
text-align: center;
padding: 10px 0 0 0;
margin: 0;
text-transform: uppercase;
letter-spacing: .05em;
}

#home-sidebar ul {
list-style: none;
padding: 0;
margin: 0;
}

#home-sidebar li {
font: normal 11px/14px verdana, helvetica, arial, sans-serif;
text-align: center;
padding: 0;
}

.upcomingmeetings {
font: normal 10px/14px verdana, helvetica, arial, sans-serif;
color: #000;
text-align: center;
}

#home-sidebar .small {
font: 9px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin-top: -2px;
margin-bottom: 4px;
color: #000;
}

/*--------------------- HOME PAGE NEWS HEADLINES  ----------------------*/

#headlines dl {
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin-left: 0;
margin-top: 5px;
}

#headlines dt {
font-weight: bold;
color: #0066CC;
}

#headlines dd {
font-weight: normal;
color: #000;
margin: 0;
padding-bottom: 10px;
line-height: 16px;
}

#headlines .continued {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
text-align: right;
color: #0066CC;
}

#headlines .continued a:link, #headlines .continued a:visited {
color: #00007A;
text-decoration: underline;
}

#headlines .continued a:hover, #headlines .continued a:focus, #headlines .continued a:active { color: #CC0099; text-decoration: none; }

/*--------------- PLANNING BOARD AND BOA meetings archives area ----------------*/

#meetings { font: normal 11px verdana, helvetica, arial, sans-serif; }

#meetings h1 {
font: bold 13px verdana, helvetica, arial, sans-serif;
color: #FFF;
margin-bottom: 20px;
background-color: #00007A;
padding: 4px 0;
text-align: center;
}

#meetings h2 {
font: bold 13px verdana, helvetica, arial, sans-serif;
color: #0099CC;
padding: 0 0 7px 0;
margin: 0 0 7px 0;
text-align: center;
}

#meetings h3 {
font: bold 12px verdana, helvetica, arial, sans-serif;
color: #00007A;
text-align: left;
padding: 2px 0 5px 0;
margin-bottom: 10px;
background: url(http://www.randolphnj.org/images/separator_small.gif) left bottom repeat-x;
}

#meetings .archive {
list-style-type: none;
padding: 0;
margin: 0;
}

#meetings .archive li { /* the YEAR */
margin: 0;
font: bold 12px verdana, helvetica, arial, sans-serif;
color: #00007A;
background: none;
}

#meetings .archive li span { /* the YEAR UNDERLINE */
background: url(http://www.randolphnj.org/images/separator_small.gif) 0 100% repeat-x;
display: block;
padding: 0 0 5px 0;
margin: 0 0 10px 0;
}

#meetings .archive li ul { /* the group of agendas */
list-style-type: none;
padding: 0;
margin: 5px 0 20px 60px;
}

#meetings .archive li ul li { /* each agenda title */
font: normal 11px/15px verdana, helvetica, arial, sans-serif;
background: url(http://www.randolphnj.org/images/bullets/bullet1c.gif) 0 3px no-repeat;
padding: 0 0 5px 12px;
margin: 0;
}

#meetings .archive a:hover, #meetings .archive a:focus, #meetings .archive a:active {
color: #FFF;
text-decoration: none;
background-color: #99CC00;
}

#meetings .continued a, #meetings .continued a:link, #meetings .continued a:visited {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
padding: 0 6px 10px 4px;
margin: 0;
text-align: right;
color: #00007A;
text-decoration: none;
}

#meetings .continued a:hover, #meetings .continued a:focus, #meetings .continued a:active { color: #CC0099; }

/*--------------- far right sidebar column for news and meetings 3col layout----------------*/

#sidebar { padding-left: 10px; }

#sidebar h2 {
margin:0;
padding-bottom: 5px;
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
text-align: center;
}

#sidebar h3 {
margin:0;
padding-bottom: 5px;
font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
text-align: center;
}

#sidebar .small {
font: 9px Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
text-align: center;
margin: 0 0 10px 0;
color: #CC0099;
}

#sidebar p {
font-size: 11px;
line-height: 14px;
}

#sidebar ul {
list-style: none;
padding-left: 0;
margin: 5px 0 0 0;
}

#sidebar ul.agenda { /* for board agendas bulleted lists bigger indent */
list-style: none;
padding-left: 0;
margin: 5px 0 0 10px;
}

#sidebar li {
font: normal 11px/14px verdana, helvetica, arial, sans-serif;
background: url(http://www.randolphnj.org/images/bullets/bullet3b.gif) 0 5px no-repeat;
padding: 0 0 10px 12px;
margin: 0;
}

#sidebar .return { /* ---- for board and council returns in sidebar ---- */
font: bold 11px verdana, helvetica, arial, sans-serif;
background: url(http://www.randolphnj.org/images/bullets/bullet1d.gif) 0 1px no-repeat;
padding: 0 0 10px 18px;
margin-left: 10px;
}

#sidebar .return a:link, #sidebar .return a:visited { color: #CC0099; text-decoration: none}
#sidebar .return a:hover, #sidebar .return a:focus, #sidebar .return a:active{ color: #99CC00; text-decoration: none}

/*--------------- main news area ----------------*/

#news { font: normal 11px verdana, helvetica, arial, sans-serif; }

#news h1 {
font: bold 13px verdana, helvetica, arial, sans-serif;
color: #FFF;
margin-bottom: 20px;
background-color: #00007A;
padding: 4px 0;
text-align: center;
}

#news h2 {
font: bold 13px verdana, helvetica, arial, sans-serif;
color: #0099CC;
padding: 0 0 7px 0;
margin: 0 0 7px 0;
text-align: center;
}

#news h3 {
font: bold 12px verdana, helvetica, arial, sans-serif;
color: #0099CC;
text-align: left;
padding: 2px 0 5px 0;
margin-bottom: 10px;
background: url(http://www.randolphnj.org/images/separator_small.gif) left bottom repeat-x;
}

#news h4 {
font: bold 12px verdana, helvetica, arial, sans-serif;
color: #00007A;
text-align: left;
margin: 20px 0 5px 0;
}

#news h5 {
font: bold 12px verdana, helvetica, arial, sans-serif;
color: #00007A;
text-align: left;
margin: 0;
}

#news h6 {
font: normal 11px verdana, helvetica, arial, sans-serif;
color: #0099CC;
text-align: left;
background: url(http://www.randolphnj.org/images/separator_small.gif) left bottom repeat-x;
padding: 2px 0 7px 0;
margin-bottom: 7px;
}

#news .side span.first {
font: bold 11px/16px verdana, arial, helvetica, sans-serif;
color: #CC0099;
}

#news .continued a, #news .continued a:link, #news .continued a:visited {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
padding: 0 6px 10px 4px;
margin: 0;
text-align: right;
color: #00007A;
text-decoration: none;
}

#news .continued a:hover, #news .continued a:focus, #news .continued a:active { color: #CC0099; }

#news .centered { text-align: center; }

#news .newsbreak {
border-bottom: 2px solid #CC0099;
margin-bottom: 25px;
}

/* - - - - - for definition lists within news - - - - - */
#news dl { line-height: 16px; }
#news dt { color: #000; margin: 10px 0 0 0; }
#news dd { padding-bottom: 12px; }

/*--------------- news archive listing in main area ----------------*/
#news .archive {
list-style-type: none;
padding: 0;
margin: 0;
}

#news .archive li { /* the YEAR */
padding: 0;
margin: 0;
font: bold 12px verdana, helvetica, arial, sans-serif;
color: #0099CC;
background: none;
}

#news .archive li span { /* the YEAR UNDERLINE */
background: url(http://www.randolphnj.org/images/separator_small.gif) 0 100% repeat-x;
display: block;
padding: 0 0 5px 0;
margin: 0 0 20px 0;
}

#news .archive li li { /* the MONTH */
list-style-type: none;
font: bold 12px verdana, helvetica, arial, sans-serif;
color: #00007A;
background: none;
margin: 0;
}

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

#news .archive li li li { /* each article title */
font: normal 11px/15px verdana, helvetica, arial, sans-serif;
background: url(http://www.randolphnj.org/images/bullets/bullet1c.gif) 0 3px no-repeat;
padding: 0 0 5px 12px;
margin: 0;
}

/*--------------------- collection routes select menu ----------------------*/
table#collection {
font: 11px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0 auto;
background-color: #EBEBEB;
border: 1px solid #A9A9A9;
width: 90%;
}

#collection .pulldown {
background-color: #0099CC;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
border: 1px #00007A solid;
margin: 10px 0;
}

#collection .entry {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background-color: #FFF;
width: 130px;
padding: 2px;
border: 1px solid #A9A9A9;
margin: 5px 0 10px 0;
}

#collection td {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
text-align: center;
}

.collectionnote {
font: italic 11px Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
text-align: right;
padding: 5px 25px 0 0;
}

/*--------------------- standard table styles ----------------------*/

#standardtable {
border: #A9A9A9 solid;
border-width: 1px 1px 0 1px;
}


#standardtable caption {
color: #0099CC;
font: bold 12px verdana, arial, helvetica, sans-serif;
padding: 8px 0;
margin: 0 auto;
}

#standardtable th {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
padding: 6px;
border-bottom: 1px solid #A9A9A9;
}

#standardtable tbody tr td {
font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
color: #000;
vertical-align: bottom;
padding: 6px;
border-bottom: 1px solid #A9A9A9;
}

/*--------------------- for content split list tables----------------------*/

.splitlist {
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
width: 100%;
}

.splitlist caption {
color: #CC0099;
font: bold 11px verdana, arial, helvetica, sans-serif;
padding-bottom: 8px;
text-align: left
}

.splitlist td { font: 11px verdana, arial, helvetica, sans-serif; width: 50%; }

.splitlist th {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #A9A9A9;
padding: 4px 0;
}

.splitlist ul {
list-style: none;
padding: 0;
margin: 0 30px;
}

.splitlist li {
font: normal 11px/16px verdana, helvetica, arial, sans-serif;
color: #000;
background: url(http://www.randolphnj.org/images/bullets/bullet_pink_multi.gif) 0 6px no-repeat;
padding: 0 0 10px 12px;
}

/*--------------------- for committe schedules and department contact info boxes----------------------*/

#iconbox {
background-color: #F0F0F0;
width: 175px;
float: right;
margin-left: 25px;
margin-bottom: 10px;
}

#iconbox h1 {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
color: #FFF;
text-align: center;
text-transform: uppercase;
letter-spacing: .05em;
background-color: #9E9E9E;
padding: 5px 0;
}

#iconbox ul.sideaddress {
padding-left: 15px;
list-style-image: url(http://www.randolphnj.org/images/side_address.gif);
}

#iconbox ul.sidehours {
padding-left: 15px;
list-style-image: url(http://www.randolphnj.org/images/side_hours2.gif);
}

#iconbox ul.sidedates {
padding-left: 15px;
list-style-image: url(http://www.randolphnj.org/images/side_dates.gif);
}

#iconbox ul.sidewho {
padding-left: 15px;
list-style-image: url(http://www.randolphnj.org/images/side_who.gif);
}

#iconbox ul.sidephone {
padding-left: 15px;
list-style-image: url(http://www.randolphnj.org/images/side_phone.gif);
}

#iconbox ul.sidefax {
padding-left: 15px;
list-style-image: url(http://www.randolphnj.org/images/side_fax.gif);
}

#iconbox ul.sideemail {
padding-left: 15px;
list-style-image: url(http://www.randolphnj.org/images/side_email.gif);
}

#iconbox .sideaddress li, #iconbox .sidehours li, #iconbox .sidedates li, #iconbox .sidewho li, #iconbox .sidephone li, #iconbox .sidefax li, #iconbox .sideemail li {
margin: 15px 10px;
padding: 0 0 0 10px;
font: 11px/16px verdana, arial, helvetica, sans-serif;
background: url(http://www.randolphnj.org/images/separator_vertical.gif) repeat-y;
}

#iconbox span.header {
font-weight: bold;
color: #0099CC;
}

#iconbox li a:link, #iconbox li a:visited { color: #CC0099; text-decoration: none;}
#iconbox li a:hover, #iconbox li a:focus, #iconbox li a:active { color: #99CC00; text-decoration: none;}

#iconbox p {
padding: 0 5px;
text-align: center;
}

/* - - - - - - - - NO BOXED icon list for who, when, where, phone - - - - - - - - */
ul.sidewho {
margin: 0;
padding-left: 0;
list-style-image: url(http://www.randolphnj.org/images/icon_who.gif);
}

ul.sidewhen {
margin: 0;
padding-left: 0;
list-style-image: url(http://www.randolphnj.org/images/icon_when.gif);
}

ul.sidewhere {
margin: 0;
padding-left: 0;
list-style-image: url(http://www.randolphnj.org/images/icon_where.gif);
}

ul.sidephone {
margin: 0;
padding-left: 0;
list-style-image: url(http://www.randolphnj.org/images/icon_phone.gif);
}

.sidewho li, .sidewhen li, .sidewhere li, .sidephone li {
margin: 20px 30px;
padding: 0 0 2px 10px;
font: 11px/16px verdana, arial, helvetica, sans-serif;
background: url(http://www.randolphnj.org/images/separator_vertical.gif) repeat-y;
}
/*----------------------------------------------- budget table ------------------------------------------------*/

#budget {
border: #A9A9A9 solid;
border-width: 0 1px 0 0;
margin-bottom: 10px;
}

#budget caption {
color: #00007A;
font: bold 12px verdana, arial, helvetica, sans-serif;
padding: 8px 0;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 10px;
}

#budget th {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
text-align: center;
padding: 8px;
border: #A9A9A9 solid;
border-width: 1px 0 1px 1px;
}

#budget tbody tr td {
font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
color: #000;
vertical-align: bottom;
padding: 3px 8px;
border-left: 1px solid #A9A9A9;
border-bottom: 1px solid #A9A9A9;
}

#budget td.sum {
font-weight: bold;
color: #00007A;
background-color: #F0F0F0;
text-align: right;
}

#budget td.head {
font-weight: bold;
color: #FFF;
background-color: #0099CC;
border: 0 solid #A9A9A9;
}

#budget td.heading {
font-weight: bold;
color: #00007A;
}

/*--------------------- float right gray box for 2_col layout----------------------*/

#sidebar2col {
background-color: #F0F0F0;
width: 175px;
float: right;
margin-left: 25px;
padding-bottom: 10px;
}

#sidebar2col h1 {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 10px 0;
color: #FFF;
text-align: center;
text-transform: uppercase;
letter-spacing: .05em;
background-color: #9E9E9E;
padding: 5px 0;
}

#sidebar2col h2 {
margin: 20px 0 0 0;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #0099CC;
text-align: center;
}

#sidebar2col h3 {
margin: 25px 15px 5px 15px;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #0099CC;
text-align: center;
}

#sidebar2col p {
font-size: 11px;
text-align: center;
line-height: 14px;
color: #00007A;
padding: 0 6px;
}

#sidebar2col p.normal {
font-size: 11px;
text-align: left;
line-height: 16px;
color: #000000;
padding: 0 6px;
}

#sidebar2col ul {
list-style: none;
padding: 0;
margin: 0;
}

#sidebar2col li {
font: normal 11px/14px verdana, helvetica, arial, sans-serif;
background: url(http://www.randolphnj.org/images/bullets/bullet3b.gif) 0 6px no-repeat;
padding: 0 0 2px 12px;
color: #000;
margin: 0 0 0 10px;
}

#sidebar2col li a:link, #sidebar2col li a:visited { color: #CC0099; text-decoration: none;}
#sidebar2col li a:hover, #sidebar2col li a:focus, #sidebar2col li a:active { color: #99CC00; text-decoration: none;}

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

#sidebar2col .regular li {
font: normal 11px/14px verdana, helvetica, arial, sans-serif;
background: url(http://www.randolphnj.org/images/bullets/bullet_pink_multi.gif) 0 5px no-repeat;
padding: 0 0 10px 12px;
margin: 0 10px;
color: #000;
}

#sidebar2col span.header {
font: bold 11px verdana, Arial, Helvetica, sans-serif;
color: #00007A;
}

/*--------------------- definition lists ----------------------*/

dl {
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin-left: 0;
}

dt {
color: #0099CC;
font-weight: bold;
}

dd {
font-weight: normal;
margin: 0;
}

/*--------------------- regular ordered numerical list--used for skate park rules----------------------*/

ol#regularordered {
font: normal 11px/16px verdana, helvetica, arial, sans-serif;
color: #000;
margin-left: 30px;
list-style-type: decimal;
}

#regularordered li { padding-bottom: 10px; }

/*------------ SPLIT 2_COL LAYOUT INTO LEFT AND RIGHT COLUMNS -------------*/

/*------------ container to hold split floats in content DIV for clubs and churches -------------*/

#pagesplitcontainer { float: left; font-size: 11px; width: 100%; }

#pagesplitcontainer dt { color: #000; font-weight: normal; }
#pagesplitcontainer dd { line-height: 16px; font-weight: normal; margin: 0 0 15px 0; }

#pagesplitleft {
float: left;
width: 235px;
text-align: left;
}

#pagesplitright {
float: right;
width: 235px;
text-align: left;
}

#pagesplitcontainer a, #pagesplitcontainer a:visited {
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: .05em;
text-decoration: none;
}

/*--------------------- recreation programs definition list ----------------------*/

dl.recreation { font: 11px Verdana, Arial, Helvetica, sans-serif; }

.recreation dt {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
background: url(http://www.randolphnj.org/images/separator_small.gif) repeat-x;
padding: 12px 0 0 0;
margin: 10px 0 7px 0;
}

.recreation dt.first { background: none; }

.recreation dd {
font-weight: normal;
margin: 0;
line-height: 16px;
}

/*--------------------- senior calendar table styles ----------------------*/

#seniorcal {
border: #A9A9A9 solid;
border-width: 1px 1px 0 1px;
margin: 0 auto;
width: 100%;
}

#seniorcal th {
font: bold 18px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #00007A;
padding: 6px;
border: #A9A9A9 solid;
border-width: 0 0 1px 0;
background-color: #F0F0F0;
}

#seniorcal td {
font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
padding: 10px 10px 0 10px;
border-bottom: 1px solid #A9A9A9;
}

#seniorcal td.date {
border-right: 1px solid #A9A9A9;
width: 75px;
font: bold 18px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
padding: 0;
color: #00007A;
background-color: #F0F0F0;
}

#seniorcal span.title {
color: #0099CC;
font-size: 12px;
font-weight: bold;
}

#seniorcal span.highlight {
color: #CC0099;
font-weight: bold;
}

#seniorcal p.multiple {
border-top: 1px dashed #A9A9A9;
padding-top: 10px;
}

/*--------------------- artworks classes table styles ----------------------*/
.artworks {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
border: #CCC solid;
border-width: 1px 0 0 1px;
}

.artworks caption {
color: #00007A;
font: bold 12px verdana, arial, helvetica, sans-serif;
padding: 8px 0;
text-align: left;
}

.artworks th {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
background-color: #F0F0F0;
padding: 2px 0 4px 5px;
border: #CCC solid;
border-width: 0 1px 1px 0;
text-align: center;
}

.artworks td.title {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
background-color: #F0F0F0;
color: #00007A;
text-transform: uppercase;
letter-spacing: .05em;
}

.artworks td {
font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
color: #000;
vertical-align: middle;
padding: 5px;
border: #CCC solid;
border-width: 0 1px 1px 0;
}

/*------------ container to hold split floats in content DIV for SITE MAP -------------*/

#sitemap { float: left; font-size: 11px; width: 100%; padding-bottom: 15px; }

#sitemap .left {
float: left;
width: 220px;
text-align: left;
}

#sitemap .right {
float: right;
width: 220px;
text-align: left;
}

#sitemap .left h1, #sitemap .right h1 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
padding-bottom: 5px;
background: url(http://www.randolphnj.org/images/separator_small.gif) bottom repeat-x;
}

#sitemap ul {
list-style: none;
margin: 0;
padding: 0;
}

#sitemap li {
margin: 5px 0 0 0;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .05em;
color: #00007A;
}

#sitemap ul li li {
margin: 5px 0 0 15px;
text-transform: none;
letter-spacing: 0;
font-weight: bold;
color: #00007A;
}

#sitemap a, #sitemap a:visited {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
text-transform: none;
letter-spacing: 0;
}

/*------------ demographics census table -------------*/

.census { font: 11px verdana, helvetica, arial, sans-serif; }
.census caption {
font: bold 12px/30px verdana, helvetica, arial, sans-serif;
color: #00007A;
margin: 0 auto;
}

.census th {background-color: #DDD; font: bold 11px verdana, helvetica, arial, sans-serif; padding: 4px; }
.census td { padding: 3px 10px; vertical-align: bottom; }
.census td.indentone { padding-left: 30px; }
.census td.indenttwo { padding-left: 50px; }

.census td.thin { border-top: 1px dashed #D9D9D9; padding-top: 4px; }

/*--------------------- RAFFLES table styles ----------------------*/

.rafflestable {
border: #A9A9A9 solid;
border-width: 1px 0 0 0;
width: 504px;
}

.rafflestable th {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
padding: 6px;
border-bottom: 1px solid #A9A9A9;
border-left: 0 solid #A9A9A9;
background-color: #F0F0F0;
text-transform: uppercase;
letter-spacing: .05em;
}

.rafflestable tr td {
font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
color: #000;
vertical-align: top;
padding: 6px;
border-bottom: 1px solid #A9A9A9;
border-left: 0 solid #A9A9A9;
}

.rafflestable .border { border-left: 1px solid #A9A9A9; }

/*------------ directory page styles -------------*/

#directory { font: 11px Verdana, Arial, Helvetica, sans-serif; }

#directory .type {
font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
text-align: center;
margin: 10px 0 0 0;
}

#directory p.small {
text-align: center;
font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
color: #9E9E9E;
}

#directorysplit {
float: left;
font-size: 11px;
width: 100%;
margin-bottom: 30px;
}

#directorysplit .left {
float: left;
width: 240px;
}

#directorysplit .right {
float: right;
width: 240px;
}

#directory table { margin: 15px auto; }

#directory table th {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
border-top: 1px solid #9E9E9E;
border-bottom: 1px solid #9E9E9E;
padding: 4px 0;
text-transform: uppercase;
letter-spacing: .05em;
}

#directory table td {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #D9D9D9;
padding: 6px 0;
}

/*------------ container to hold split floats for LINKS PAGE -------------*/

#links { float: left; font-size: 11px; width: 100%; }

#links .left {
float: left;
width: 250px;
}

#links .right {
float: right;
width: 230px;
}

#links .left h1, #links .right h1 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
padding-bottom: 5px;
background: url(http://www.randolphnj.org/images/separator_small.gif) bottom repeat-x;
}

#links ul {
list-style: none;
margin: 0;
padding: 0;
}

#links li {
font: normal 11px/15px verdana, helvetica, arial, sans-serif;
padding: 0 0 7px 0;
margin: 0;
}

/*--------------------- used for weird rec calendar page registration info ----------------------*/
.reccal {
border: #CCC solid;
border-width: 1px 0 0 1px;
width: 504px;
font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
}

.reccal th {
color: #00007A;
padding: 6px;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
background-color: #F0F0F0;
text-align: center;
font-size: 12px;
}

.reccal tr td {
color: #000;
vertical-align: middle;
padding: 4px;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
}

.reccal td.title {
font-size: 10px;
color: #00007A;
text-align: center;
border: #CCC solid;
border-width: 0 1px 1px 0;
text-transform: uppercase;
letter-spacing: .05em;
background-color: #F0F0F0;
}

.reccal td.sport {
font-size: 11px;
font-weight: bold;
color: #000;
border: #CCC solid;
border-width: 0 1px 1px 0;
background-color: #ddd;
}

.reccal td.color { background-color: #F0F0F0; width: 65px; }

/*--------------------- used for job postings on employment page ----------------------*/
.employment {
font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
width: 504px;
margin: 25px auto;
border: #CCC solid;
border-width: 1px 0 0 1px;
display: block; /* to equalize margin collapse in IE but not Firefox */
}

.employment td {
vertical-align: top;
padding: 5px;
border: #CCC solid;
border-width: 0 1px 1px 0;
}

.employment td.title {
font-weight: bold;
background-color: #F0F0F0;
color: #00007A;
vertical-align: top;
width: 22%;
padding: 5px 0 5px 5px;
}

/* ----------- for regular bullets within news articles ------- */

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

#news .regular li {
font: normal 11px/16px verdana, helvetica, arial, sans-serif;
background: url(http://www.randolphnj.org/images/bullets/bullet_pink_multi.gif) 0 6px no-repeat;
padding: 0 0 10px 12px;
margin: 0 0 0 20px;
}

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

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

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

/*--------------------- fix for me being a bonehead ----------------------*/
.section {
font: bold 12px verdana, helvetica, arial, sans-serif;
color: #00007A;
text-align: left;
margin-bottom: 5px;
}

/*--------------------- accessibility statement ----------------------*/

#accesskeys { float: left; width: 100%; }

#accesskeys .listing {
font: 11px/25px verdana, helvetica, arial, sans-serif;
margin: 10px 0 0 10px;
float: left;
width: 230px;
display: inline;
}

#accesskeys .examples {
float: right;
width: 250px;
margin: 10px 0 0 0;
text-align: center;
}

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

#accesskeys .title { font: bold 12px verdana, helvetica, arial, sans-serif; color: #00007A; }
#accesskeys .boo { font: bold 11px verdana, helvetica, arial, sans-serif; margin: 15px 0 5px 0; }
.accessfix { color: #FFF; line-height: 0; font-size: 0; margin: 0; }

/* - - - - - - - - townhall taxes Q and A page - - - - - - - - */
dl.taxes { font: 11px Verdana, Arial, Helvetica, sans-serif; }

.taxes dt {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
background: url(http://www.randolphnj.org/images/separator_small.gif) repeat-x;
padding: 12px 0 0 0;
margin: 10px 0 7px 0;
}

.taxes dt.first { background: none; margin-top: 0; padding: 0; }

.taxes dd {
font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 12px 0;
}

.taxes dd table {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
width: 375px;
border: 1px solid #A9A9A9;
border-bottom: 0;
margin: 20px auto;
}

.taxes dd table th {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #A9A9A9;
padding: 5px;
background-color: #99CC00;
text-align: center;
color: #FFF;
}

.taxes dd table td { border-bottom: 1px solid #A9A9A9; padding: 5px; }
.taxes dd table td.right { text-align: right; font-weight: normal; border-left: 1px solid #A9A9A9; }
.taxes dd li { padding: 0 0 5px 12px; }

/* - - - - - - - - alert on home page as background image on p tag - - - - - - - - */

.alert {
margin: 0;
background: url(http://www.randolphnj.org/images/announcement.gif) 0 2px no-repeat;
padding: 0 10px 0 55px;
line-height: 15px;
}

/*------------------------------ township council meetings content -------------------------------*/

#tcm .section {
font: 13px verdana, helvetica, arial, sans-serif;
background: url(http://www.randolphnj.org/images/separator_large.gif) 0 100% repeat-x;
padding: 0 0 11px 0;
margin-bottom: 5px;
color: #000;
}

#tcm .section a:link, #tcm .section a:visited { color: #00007A; font-weight: bold; }
#tcm .section a:hover, #tcm .section a:focus, #tcm .section a:active { color: #99CC00; font-weight: bold; }

/*--------------- township council meetings about page ----------------*/

#tcmcontainer {
float: left;
font-size: 11px;
background: url(http://www.randolphnj.org/images/separator_vertical.gif) 290px 0 repeat-y;
margin: 10px 0 0 0;
width: 100%;
}

#tcmsplitleft { float: left; width: 270px; }
#tcmsplitright { float: right; width: 200px; }

#tcmcontainer .small {
font: italic 9px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: -5px 0 10px 0;
color: #CC0099;
}

#tcmsplitleft p.right { float: right; text-align: right; width: 48%; }


/*--------------- meeting archives listing ----------------*/

#tcmsplitright .meetings {
list-style-type: none;
padding: 0;
margin: 0;
}

#tcmsplitright .meetings li {
font: normal 11px/15px verdana, helvetica, arial, sans-serif;
background: url(http://www.randolphnj.org/images/bullets/bullet1c.gif) 0 3px no-repeat;
padding: 0 0 5px 12px;
margin: 0;
}

#tcmsplitright .meetings li a:link, #tcmsplitright .meetings li a:visited { color: #0066CC; text-decoration: none; }
#tcmsplitright .meetings li a:hover, #tcmsplitright .meetings li a:focus, #tcmsplitright .meetings li a:active { color: #FFF; background-color: #99CC00; }

#tcmcontainer .next { font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-align: right; }
#tcmcontainer .next a:link, #tcmcontainer .next a:visited { color: #00007A; text-decoration: none; }
#tcmcontainer .next a:hover, #tcmcontainer .next a:focus, #tcmcontainer .next a:active { color: #CC0099; text-decoration: none; }

/*--------------------- meeting agendas ----------------------*/

#tcm p.agenda { font: 10px/14px verdana, arial, helvetica, sans-serif; color: #999; }

#meetingagenda {
font: bold 11px/16px verdana, helvetica, arial, sans-serif;
margin: 0 0 0 30px;
}

#meetingagenda li {
list-style-type: decimal;
margin: 8px 0;
}

#meetingagenda li li {
list-style-type: upper-alpha;
font-weight: normal;
margin: 8px 0 8px 35px;
}

#meetingagenda li li li { list-style-type: decimal; }
#meetingagenda li li li li { list-style-type: lower-alpha; }

/*--------------------- meeting minutes ----------------------*/

#tcm h1 { font: bold 14px verdana, helvetica, arial, sans-serif; color: #000; margin: 20px 0 10px 0; }
#tcm h1.date { font-size: 18px; color: #0099cc; text-transform: uppercase; text-align: center; margin: 30px 0 10px 0; }
#tcm h1.about { color: #00007A; margin: 5px 0 10px 0; text-align: center; }
#tcm h2 { font: bold 13px/18px verdana, helvetica, arial, sans-serif; margin: 20px 0 10px 0; }
#tcm h3 { font: bold 11px/16px verdana, helvetica, arial, sans-serif; margin: 0 0 10px 0; }
#tcm p { font: 11px/16px verdana, helvetica, arial, sans-serif; margin: 0 0 15px 0; }
#tcm ul { list-style-type: square; margin-left: 50px; font: 11px/16px verdana, helvetica, arial, sans-serif; }
#tcm table, #tcm td { font: 11px/16px verdana, helvetica, arial, sans-serif; }
#tcm th { padding: 3px; text-align: left; border-bottom: 1px solid #000; }
#tcm th.valignbot { vertical-align: bottom; }
#tcm td { padding: 2px; }
#tcm td.top { border-top: 1px solid #000; }
#tcm td.bottom { border-bottom: 1px solid #000; }
#tcm td.bold { font-weight: bold; }
#tcm td.sub1 { padding-left: 25px; }
#tcm td.sub2 { padding-left: 50px; }
#tcm td.sub3 { padding-left: 75px; }
#tcm td.valigntop { vertical-align: top; }
#tcm td.valignbot { vertical-align: bottom; }

#tcm .centered { text-align: center; }
#tcm .right { text-align: right; }

#tcm .sub1 { padding-left: 25px; }
#tcm .sub2 { padding-left: 50px; }
#tcm .sub3 { padding-left: 70px; }

/*--------------------- hide print header entity  ----------------------*/

.entity { display: none; }


/*--------------------- adopt_a_pet page  ----------------------*/
#adopt {
width: 450px;
margin: 5px auto;
padding: 10px;
text-align: center;
background-color: #fff;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #CCC;
border-top: 1px solid #CCC;
overflow: hidden; /* hasLayout fix for IE7 */
}

#adopt .title {
font: bold 15px verdana, arial, helvetica, sans-serif;
margin: 0 0 15px 0;
color: #00007A;
background-color: #f0f0f0;
padding: 5px 0;
}

#adopt .photo { margin:0 auto; padding: 0 0 15px 0; }
#adopt .desc { margin: 0 20px; }
#adopt .desc h1 { font: bold 12px verdana, arial, helvetica, sans-serif; color: #000; margin: 0 0 10px 0;}

/*--------------------- adopt_a_pet section on home page  ----------------------*/

.homeadopt { text-align: center; }

.homeadopt .head {
font: bold 18px verdana, arial, helvetica, sans-serif;
color: #00007A;
margin: 0 0 3px 0;
}

.homeadopt p { margin: 0 0 5px 0; line-height: 12px; }

/* - - - - - - - - styles for expanding/contracting FAQs - - - - - - - - */

.control { font: 11px/15px Verdana, Arial, Helvetica, sans-serif; margin: 25px 0 15px 0; }

#content h2.expcon {
font: bold 11px/15px verdana, arial, helvetica, sans-serif;
margin: 5px 0;
background: url(http://www.randolphnj.org/images/separator_small.gif) 0 100% repeat-x;
padding: 0 0 10px 0;
cursor:pointer;
}

dl.faqs { font: 11px/16px verdana, arial, helvetica, sans-serif; margin: 10px 0 40px 0; }

.faqs dt {
font-weight: bold;
background: url(http://www.randolphnj.org/images/separator_small.gif) repeat-x;
padding: 16px 0 0 0;
margin-top: 13px;
margin-bottom: 4px;
color: #000;
}

.faqs dt.first { background: transparent; padding: 0; }
.faqs dd { margin: 0; }

/* ------ arrow images ------ */
.con { background: url(http://www.randolphnj.org/images/bullets/faq_contract.gif) 0 1px no-repeat; padding: 0 12px 0 0; }
.exp { background: url(http://www.randolphnj.org/images/bullets/faq_expand.gif) 0 1px no-repeat; padding: 0 12px 0 0; }

/*--------------------- ordinance pages  ----------------------*/
#ordinance .section {
font: 13px verdana, helvetica, arial, sans-serif;
background: url(http://www.randolphnj.org/images/separator_large.gif) 0 100% repeat-x;
padding: 0 0 11px 0;
margin-bottom: 15px;
color: #000;
}

#ordinance .section a:link, #ordinance .section a:visited { color: #00007A; font-weight: bold; }
#ordinance .section a:hover, #ordinance .section a:focus, #ordinance .section a:active { color: #99CC00; font-weight: bold; }

/*------------ single page entry -------------*/

#ordinance h1 { font: bold 14px verdana, helvetica, arial, sans-serif; }
#ordinance h1.dscript { font: bold 12px/16px verdana, helvetica, arial, sans-serif; }
#ordinance h2 { font: bold 12px verdana, helvetica, arial, sans-serif; }
#ordinance h3 { font: bold 11px verdana, helvetica, arial, sans-serif; }

#ordinance p {
font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 12px 0;
}

#ordinance .sub1 { margin: 0 0 12px 25px; }
#ordinance .sub2 { margin: 0 0 12px 50px; }
#ordinance .sub3 { margin: 0 0 12px 75px; }
#ordinance .sub4 { margin: 0 0 12px 100px; }

#ordinance .bold { font-weight: bold; }
#ordinance .ctr {text-align: center; }
#ordinance .right { text-align: right; }

#ordinance table, #ordinance td { font: 11px/15px verdana, helvetica, arial, sans-serif; }
#ordinance th { padding: 3px; text-align: left; border-bottom: 1px solid #A9A9A9; }
#ordinance td { padding: 3px; }
#ordinance td.top { vertical-align: top; }
#ordinance td.bottom, #ordinance th.bottom { vertical-align: bottom; }

/* - - - - - - - - for fee schedule sections when appearing within ordinances - - - - - - - - - - */
#ordinance .fees td {
font: 11px/15px verdana, helvetica, arial, sans-serif;
padding: 3px;
border-bottom: 1px solid #A9A9A9;
}
#ordinance .fees th { padding: 3px; text-align: left; border-bottom: 1px solid #A9A9A9; }
#ordinance .fees td.ind1 { padding-left: 25px; }
#ordinance .fees td.ind2 { padding-left: 50px; }
#ordinance .fees td.ind3 { padding-left: 75px; }
#ordinance .fees td.divide { border-bottom: 0; }


/*--------------------- table on multi listing page ----------------------*/
.ordlist {
border: #A9A9A9 solid;
border-width: 1px 0 0 0;
margin-bottom: 30px;
}

.ordlist caption {
color: #00007A;
font: bold 12px verdana, arial, helvetica, sans-serif;
padding: 8px 0;
text-align: left;
}

.ordlist th {
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
background-color: #F0F0F0;
text-transform: uppercase;
letter-spacing: .05em;
}

.ordlist td { vertical-align: top; }
.ordlist .border { border-bottom: 1px solid #A9A9A9; }
.ordlist .right { text-align: right; }

.ordlist td a:link, .ordlist td a:visited { color: #0066CC; text-decoration: underline; }
.ordlist td a:hover, .ordlist td a:focus, .ordlist td a:active { text-decoration: underline; }

/* - - - - - - - - PDF icon used in span tag because IE6 sucks - - - - - - - - */

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

/* - - - - - - - - for contact form anti-spam field - - - - - - - - */
.anti { display: none; }

/* - - - - - - - - for static recreation hotline alert page - - - - - - - - */
#hotline {
width: 404px;
margin: 20px auto;
}

#hotline p.right {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
text-align: right;
margin-top: 5px;
}

#hotline h2{
margin: 40px 0 10px 0;
font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px dashed #D9D9D9;
padding-bottom: 5px;
}

/*--------------------- for popup.js icon appended to popup or external links  ----------------------*/
.popup {
background: url(http://www.randolphnj.org/images/new_window.gif) 100% 50% no-repeat;
padding-right: 15px;
}

/* - - - - - - - - - - - - - invasive plants - - - - - - - - - - - - - */
.inv_trigger {
font: bold italic 13px Georgia, 'Times New Roman', Times, serif;
/* font: bold 12px/18px verdana, arial, helvetica, sans-serif; */
margin: 0 0 20px 0;
cursor:pointer;
}

.inv_trigger img { padding-right: 20px; }
.inv_trigger span { font: italic normal 12px/18px verdana, arial, helvetica, sans-serif; display: block; }

.inv_head {
text-align: center;
font: bold 18px verdana, helvetica, arial, sans-serif;
margin: 0 0 10px 0;
background: url(http://www.randolphnj.org/images/separator_large.gif) 0 0 repeat-x;
padding: 15px 0 0 0;
}

.inv_head span { font: italic 11px verdana, helvetica, arial, sans-serif; display: block; }

.inv_cat {
font: bold 14px verdana, arial, helvetica, sans-serif;
background: url(http://www.randolphnj.org/images/separator_small.gif) left bottom repeat-x;
margin-bottom: 15px;
padding: 25px 0 7px 0;
}

dl.invasive {
font: 11px/16px verdana, arial, helvetica, sans-serif;
margin: 0 0 20px 0;
padding: 0 10px 20px 10px;
background-color: #EEE;
}

.invasive dt {
font-weight: bold;
background: url(http://www.randolphnj.org/images/separator_small2.gif) repeat-x;
padding: 16px 0 0 0;
margin: 13px 0 4px 0;
color: #000;
}

.invasive dt.first { background: transparent; padding: 8px 0 0 0; }
.invasive dd.photo { font: italic 11px/16px verdana, arial, helvetica, sans-serif; margin-top: 15px; }

/* - - - - - - - - - - for emergency declaration notice - - - - - - - - - - */
#emergency {
margin: 20px 18px 20px 200px;
border: 1px solid #CC0000;
text-align: center;
height: 1%;  /* stupid IE fix to trigger hasLayout in IE7 but creates 3pixel jog in IE6 */
}

/* Hides from IE5-mac and fixes the 3-pixel jog in IE/Win 6 \*/
* html #emergency { margin-left: 197px; }
/* End hide from IE5-mac */

#emergency h1 {
font: bold 28px verdana, arial, helvetica, sans-serif;
text-align: center;
background-color: #CC0000;
color: #FFF;
padding: 4px 0;
margin: 0;
}

#emergency h2 {
font: bold 16px/20px verdana, arial, helvetica, sans-serif;
margin: 0 0 20px 0;
text-align: center;
color: #CC0000;
}

#emergency div { padding: 20px 20px 10px 20px; }
#emergency div p { font: 14px/18px verdana, arial, helvetica, sans-serif; }
#emergency div .bold { font-weight: bold; }

/* - - - - - - - - - - for split content on home page replacing 3col structure 2-1-08 - - - - - - - - - - */
#content_home {
margin: 45px 10px 20px 206px;
height: 1%;  /* stupid IE fix to trigger hasLayout in IE7 but creates 3pixel jog in IE6 */
background: url(http://www.randolphnj.org/images/separator_vertical2.gif) 350px 0 repeat-y;
}

/* Hides from IE5-mac and fixes the 3-pixel jog in IE/Win 6 \*/
* html #content_home { margin-left: 203px; }
/* End hide from IE5-mac */

#content_homeleft { float: left; width: 331px; }
#content_homeright { float: right; width: 175px; }
#content_homeleft p { margin: 0 0 12px 0; }

/* - - - - - - - - - - for RSS feed on product safety page - - - - - - - - - - */
dl.rss {
margin: 25px auto 0 auto;
padding: 0;
}

.rss dt {
padding: 7px 10px 0 10px;
font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #999;
}

.rss dd {
margin: 0 0 15px 0;
padding: 5px 10px 10px 10px;
font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

.rss dd .date { font-weight: bold; display: block; }

/*--------------------- translation disclaimer rightcol ----------------------*/
.transnote {
background-color: #F0F0F0;
width: 180px;
float: right;
margin-left: 19px;
}

.transnote .top {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 10px 0;
color: #FFF;
text-align: center;
text-transform: uppercase;
letter-spacing: .05em;
background-color: #9E9E9E;
padding: 5px 0;
}

.transnote .separator {
background: url(http://www.randolphnj.org/images/separator_small2.gif) repeat-x;
padding: 6px 0;
margin: 0 10px;
}

.transnote p { padding: 0 10px;}

/* - - - - - - - - - - for list of landmarks on get to know us Landmarks page - - - - - - - - - - */
ol.lmrk {
margin: -10px 0 0 0;
padding-left: 0;
}

.lmrk li {
margin: 20px 30px;
padding: 0 0 2px 10px;
font: 11px/16px verdana, arial, helvetica, sans-serif;
background: url(http://www.randolphnj.org/images/separator_vertical.gif) repeat-y;
}

/* - - - - - - - - for updated fee schedule in standalone page - - - - - - - - - - */
.fees td {
font: 11px/15px verdana, helvetica, arial, sans-serif;
padding: 3px;
border-bottom: 1px solid #A9A9A9;
}
.fees th { padding: 3px; text-align: left; border-bottom: 1px solid #A9A9A9; }
.fees td.ind1 { padding-left: 25px; }
.fees td.ind2 { padding-left: 50px; }
.fees td.ind3 { padding-left: 75px; }
.fees td.divide { border-bottom: 0; }

/* ------------------ MAC event calendar ------------------ */
.mac_cal_month {
font: bold 13px verdana, helvetica, arial, sans-serif;
background-color: #1C1C84;
color: #FFF;
margin-bottom: 15px;
padding: 4px 8px 4px 4px;
text-align: right;
margin-top: 13px;
}

.mac_cal_date {
width: 60px;
height: 60px;
color:#00007A;
font: bold 12px verdana, arial, helvetica, sans-serif;
text-align: center;
padding-top: 2px;
float: left;
background: url(http://www.randolphnj.org/images/police/cal.gif) 0 0 no-repeat;
margin: 3px 10px 0 0;
}

.mac_cal_date .month { text-transform: uppercase; color: #FFF; background-color: #00007A; }
.mac_cal_date .day { font-size: 22px; display: block; padding-top: 3px; color: #CC0099; }

dl.mac_cal { font: 11px Verdana, Arial, Helvetica, sans-serif; margin-left: 0; margin-bottom: 15px; }
.mac_cal dt { line-height: 18px; color: #00007A; font-size: 14px; }
.mac_cal dd p { margin: 0 0 12px 0; }
.mac_cal dd { margin: 0; line-height: 16px; }

.mac_cal_separator {
background: url(http://www.randolphnj.org/images/police/separator_small.gif) repeat-x;
padding: 8px 0 10px 0;
}

/*--------------------- e-mail alert sign up forms ----------------------*/
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: 12px verdana, Verdana, Helvetica, sans-serif;
color: #00007A;
text-transform: uppercase;
padding: 0 5px;
letter-spacing: .1em;
}

.subscribe .addy {
font: 11px Verdana, Arial, Helvetica, sans-serif;
padding: 3px 0 3px 3px;
}

.subscribe .go {
font: 10px Verdana, Arial, Helvetica, sans-serif;
letter-spacing: .1em;
padding: 1px 3px;
margin: 8px 0 0 0;
text-transform: uppercase;
color: #00007A;
text-align: center;
}

#mailinglist_form { margin: 20px 0; }

.specialpanel {
background-color: #F0F0F0;
padding: 10px;
margin: 0 0 15px 0;
}

.specialpanel2 {
background-color: #F0F0F0;
padding: 10px 10px 5px 10px;
margin: 15px 0;
}

#content .specialpanel2 h2 {
text-align: center;
font: bold 14px verdana, helvetica, arial, sans-serif;
color: #00007A;
margin-bottom: 15px;
}