/*
Template: Hometown News, Inc.
Site: NJHometown.com
*/

/* display: inline; */

body {
  background: #cccccc;
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, sans-serif;
}

/* USED BY THE POLLS
table {border:1px solid #000; border-collapse:collapse; margin: 10px; font-size:100%; width: 95%;}
td, th {border:1px solid #000; border-collapse:collapse; vertical-align: middle; padding:7px;}
th {background-color: #EFA72A; color:#fff;}
*/

/* This fieldset is only used in "send.tpl" */
fieldset {
  border: solid 1px #ccc;
  margin-bottom:10px;
  padding-bottom:10px;
}
fieldset p {margin-left:10px;} 
/* Can't find any <ul> elements in a fieldset - considering deleting */
fieldset ul {text-indent:10px;} 

/* Used only with the fieldset above */
legend {
  font-weight: bold;
  border: solid 1px #ccc;
  padding: 5px;
}

#header { height: 110px; overflow: hidden; background-image: url(../images/header_bg.png); background-repeat: repeat-x;}
#header img {margin-top: 10px; margin-left: 146px; border-style:none}

/* Containers for the entire browser window (#frame), a wrapper for the left nav and center content */
/* areas (#enclose), the left nav bar (#sideBar) and the central content areas (#content)           */

#frame {width:1010px}
#enclose {float:left; width:860px }
#sideBar {float:left; width: 160px; font-family: Arial,Verdana,sans-serif;}
#content {float:right; width:700px; background-color:#fdf8f2}

/* includes/navbar.php */

#sideBar .menu {border-width:3px 1px 1px 1px; border-style:solid; border-color:#777777; background-color:#800000; margin:7px 10px 0 5px;} 
#sideBar .menu h2 {font-size: 12pt; color:white; text-align: center; margin: 5px 0 5px 0}
#sideBar .menu ul {margin:0; list-style:none; padding:0;}
#sideBar .menu li a {font-size: 10pt; color: white; display: block; width: 100%; padding: 3px 0 3px 0; border-width: 1px 0 0 0; border-style: solid; border-color: white; background-color: #800000; text-decoration: none}
#sideBar .menu li a:visited {color:white}
#sideBar .menu li a:hover, .buttonmenu li a:active{color: #800000; background-color: #fdf8f2;}

#sideBar .obit {text-align:center; background-color:#fdf8f2; border-width:3px 1px 1px 1px; border-style:solid; border-color:#800000; margin:7px 10px 0 5px;}
#sideBar .obit h1 {font-size: 12pt; margin:5px 0 0 0}
#sideBar .obit h2 {font-size: 10pt; margin:5px 0 0 0}
#sideBar .obit p.location {font-size: 7pt; margin:0}
#sideBar .obit p.text {font-size: 8pt; margin:0}
#sideBar .obit p.link {font-size: 9pt; font-weight:bold; margin:5px 0 0 0}
#sideBar .obit hr {color: #000000; background-color:#000000; height: 1px; border:none; margin:5px 10px 0 10px}
#sideBar .obit a {color: #800000}
#sideBar .obit a:visited {color: #444444}

#sideBar .searchBox {border-width:3px 1px 1px 1px; border-style:solid; border-color:#777777; background-color:#800000; margin:7px 10px 0 5px;}
#sideBar .searchBox h2 {font-size: 12pt; color:white; text-align: center; margin: 5px 0 5px 0; padding: 0 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-color: white;}
#sideBar .searchBox form {font-size: 10pt; margin:5px 5px 5px 5px}
#sideBar .searchBox label {color: white} 
#sideBar .searchBox .srchBtn {text-align:right; margin-top:3px; margin-right:3px}
#sideBar .searchBox input.textField {width:129px; border:solid 1px #000000}
#sideBar .searchBox input.button {border: solid 1px #000000;}

/* includes/flag.php */

#flag {font-size: 10pt; font-weight: bold}
#flag img.banner {margin-top: 10px; margin-left: 150px}
#flag table {width: 680px; border-bottom: solid 2px #bbbbbb; border-top: solid 2px #bbbbbb; margin: 15px 0 0 10px;}
#flag table td.left {width:33%; text-align:left; padding:4px 0 4px 0}
#flag table td.center {width:34%; text-align:center; padding:4px 0 4px 0}
#flag table td.right {width:33%; text-align:right; padding:4px 0 4px 0}
#flag ul { /*padding: 5px 0 5px 5px; */ margin: 0}
#flag ul a {color: #000099}
#flag ul a:visited {color: #222222}
#flag ul li {display: inline; list-style-type: none; margin-right: 2px;}
#flag ul li a.printArticle {padding-left: 20px; background: transparent url(../images/tool-print.gif) no-repeat;}
#flag ul li a.emailArticle {padding-left: 20px; background: transparent url(../images/tool-email.gif) no-repeat;}
#flag ul li a.discussArticle {padding-left: 20px; background: transparent url(../images/tool-discuss.gif) no-repeat;}

/* fullCol */
.fullCol { width: 100%; clear:both}
.fullCol p.byline {padding: 7px 0 7px 0; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; width: 300px; font-size: 100%; }

/* leftCol - USED IN SEARCH.TPL and THE OBIT SECTION PAGE */
.leftCol {float: left; width: 305px; margin-right: 10px;}

/* rightCol - USED IN SEARCH.TPL and THE OBIT SECTION PAGE */
.rightCol {float: right; width: 305px;}

/* bigCol - USED ONLY IN SEND.TPL */
.bigCol {float: left; width: 405px; margin-right: 15px;}

/* smallCol - USED ONLY IN SEND.TPL */
.smallCol {float: left; width: 200px;}

/* section.php */

#section {font-family: Arial,Verdana,sans-serif}
#section a {color: #000099}
#section a:visited {color: #222222}
#section .dateline {font-size: 7pt}

#section .wide {width: 690px; margin:0 5px 0 5px}
#section .wide h1 {font-size: 20pt; margin:0 5px 0 5px;}
#section .wide h1 a {text-decoration:none}
#section .wide h2 {font-size: 12pt; font-style: italic; margin:0px 5px 0px 5px; padding:0}
#section .wide hr {color: #cccccc; background-color:#cccccc; height: 1px; border:none; margin:5px 5px 0 5px}
#section .wide p.more {font-size: 9pt; text-align: right; margin:0 15px 0 0}
#section .wide p.F-1T-1T-1T {font-size: 9pt; margin:0 0 0 555px}
#section .wide p.F-1P-1T-1T {font-size: 9pt; margin:0 0 0 555px}
#section .wide p.F-1T-1T-1P {font-size: 9pt; margin:0 0 0 325px}
#section .wide p.F-1P-1T-1P {font-size: 9pt; margin:0 0 0 325px}
#section .wide p.F-2P-1T {font-size: 9pt; margin:0 0 0 555px}
#section .wide p.F-1T-2P {font-size: 9pt; margin:0 0 0 85px}
#section .wide p.F-2T-1P {font-size: 9pt; margin:0 0 0 325px}
#section .wide p.F-1P-2T {font-size: 9pt; margin:0 0 0 555px}
#section .wide p.F-1T-1T {font-size: 9pt; margin:0 0 0 555px}
#section .wide p.F-1P-1T {font-size: 9pt; margin:0 0 0 555px}
#section .wide p.F-1T-1P {font-size: 9pt; margin:0 0 0 205px}
#section .wide p.F-3P {font-size: 9pt; margin:0 0 0 555px}
#section .wide p.F-3P-1T-1T-1T {font-size: 9pt; margin:0 0 0 555px}
#section .wide p.F-3P-1T-1T {font-size: 9pt; margin:0 0 0 555px}
#section .wide p.caption {font-size:9pt; font-weight:bold; text-align:left; text-indent:0}
#section .wide p.imageCredit {font-size: 7pt; margin:0; text-align: right}

#section .wide3col table {font-size:10pt}
#section .wide3col table p {text-indent:15px; margin:0 0 0 0}
#section .wide3col table td {width:220px; vertical-align:top; padding-left:5px; padding-right:5px}
#section .wide2col table {font-size:10pt}
#section .wide2col table p {text-indent:15px; margin:0 0 0 0}
#section .wide2col table td {width:345px; vertical-align:top; padding-left:5px; padding-right:5px}
#section .wide1col table {font-size:10pt}
#section .wide1col table p {text-indent:15px; margin:0 0 0 0}
#section .wide1col table td {width:680px; vertical-align:top; padding-left:5px; padding-right:5px}

#section .medium {float: left; /* next is for IE bug */ display: inline; width: 450px; margin:0 5px 0 5px}
#section .medium h1 {font-size: 14pt; margin:0 5px 0 5px}
#section .medium h1 a {text-decoration:none}
#section .medium h2 {font-size: 11pt; font-style: italic; margin:0px 5px 0px 5px; padding:0}
#section .medium h3 {font-size: 14pt; font-style: italic; margin:10px 5px 0px 5px; padding: 5px 0 5px 0; border-top: solid 2px #bbbbbb; border-bottom: solid 2px #bbbbbb;}
#section .medium h4 {font-size: 14pt; text-align:center; border-width:3px 1px 1px 1px; border-style:solid; border-color:#777777; background-color: #800000; margin:5px 5px 0px 5px; padding: 5px 0 5px 0}
#section .medium h4 a {text-decoration:none; color:white}
#section .medium h4 a:visited {color:white}
#section .medium hr {color: #cccccc; background-color: #cccccc; height: 1px; border:none; margin:5px 5px 0 5px}
#section .medium p.more {font-size: 9pt; text-align: right; margin:0 15px 0 0}
#section .medium p.M-1T-1T {font-size: 9pt; margin:0 0 0 310px}
#section .medium p.M-1P-1T {font-size: 9pt; margin:0 0 0 310px}
#section .medium p.M-1T-1P {font-size: 9pt; margin:0 0 0 80px}
#section .medium p.M-2T {font-size: 9pt; margin:0 0 0 310px}
#section .medium p.M-2P {font-size: 9pt; margin:0 0 0 310px}
#section .medium p.M-2P-2T {font-size: 9pt; margin:0 0 0 310px}
#section .medium p.M-2P-1T-1T {font-size: 9pt; margin:0 0 0 310px}
#section .medium p.caption {font-size:9pt; font-weight:bold; text-align:left; text-indent:0}
#section .medium p.imageCredit {font-size: 7pt; margin:0; text-align: right}

#section .med1col table {font-size: 10pt}
#section .med1col table td {width:450px; vertical-align:top; padding-left:5px; padding-right:5px}
#section .med1col table td p {text-indent:15px; margin:0 0 0 0}
#section .med2col table {font-size: 10pt}
#section .med2col table td {width:225px; vertical-align:top; padding-left:5px; padding-right:5px}
#section .med2col table td p {text-indent:15px; margin:0 0 0 0}

#section .narrow {float:right; /* next is for IE bug */ display: inline; width: 220px; margin:0 5px 0 5px}
#section .narrow h1 {font-size: 13pt; margin:0 5px 0 5px; text-transform: uppercase}
#section .narrow h1 a {text-decoration:none}
#section .narrow h2 {font-size: 10pt; margin:0px 5px 0px 10px; padding:0}
#section .narrow h3 {font-size: 14pt; font-style: italic; margin:10px 5px 0px 5px; padding: 5px 0 5px 0; border-top: solid 2px #bbbbbb; border-bottom: solid 2px #bbbbbb;}
#section .narrow hr {color: #cccccc; background-color: #cccccc; height: 1px; border:none; margin:5px 10px 0 10px; padding:0}
#section .narrow img {margin:0 0 0 5px; border: solid 1px #000;}
#section .narrow p {font-size: 10pt; text-indent:15px; margin:0 0 0 0; padding: 0 5px 0 5px}
#section .narrow p.more {font-size: 9pt; text-align: right; margin:0 15px 0 0}
#section .narrow p.N-1T {font-size: 9pt; margin:0 0 0 60px}
#section .narrow p.N-1P {font-size: 9pt; margin:0 0 0 60px}
#section .narrow p.N-1P-1T {font-size: 9pt; margin:0 0 0 60px}
#section .narrow p.caption {font-size:9pt; font-weight:bold; text-align:left; text-indent:0}
#section .narrow p.imageCredit {font-size: 7pt; margin:0; text-align: right}

/* section.php for the Obituaries */

#obitLeft {float: left; width: 350px}
#obitRight {float: right; width: 350px}
#obitRight #srchBox {margin-top:10px; padding:0 15px 0 15px}
#obitRight #srchBox p {text-indent:0; font-weight:bold; font-size:11pt; color:white; text-align:center; border-width:3px 1px 1px 1px; border-style:solid; border-color:#777777; background-color:#800000; margin:0; padding:2px 0 2px 0}
#obitRight #srchBox form {font-size: 10pt; margin:0; padding:5px 5px 5px 5px; border-width:0 1px 1px 1px; border-style:solid; border-color:#777777}

.obituaries {font-size: 10pt; padding:0 10px 0 10px}
.obituaries h1 {font-size:13pt; margin:10px 0 0 0}
.obituaries h2 {font-size:11pt; font-style:italic; margin:0}
.obituaries p {font-size:10pt; text-indent:15px; margin:0; padding:0}
.obituaries a {color:#000099}
.obituaries a:visited {color:#222222}

/* story.php */

#obitMedia {width:215px; float:right; display:inline; margin:0 0 10px 5px}
#storyMedia {width:340px; float:right; display:inline; margin:10px 0 10px 5px;}

#story {margin:10px}
#story p {font-size:12pt; text-indent:15pt}
#story span.dateline {font-size: 7pt}
#story p.headline {font-size:18pt; font-weight:bold; text-indent:0; margin:0 0 0 0}
#story p.subheadline {font-size: 13pt; font-weight:bold; font-style:italic; text-indent:0; margin:0 0 0 0}

#storyRelated {margin-top:10px; margin-bottom:5px; padding:5px; border-width:4px 1px 1px 1px; border-style: solid; border-color:#663000;}
#storyRelated a {color:#000099}
#storyRelated p.header {font-size:11pt; font-weight:bold; text-indent:0; margin:0}
#storyRelated ul {margin:0 5px 0 20px; padding:0}
#storyRelated li {font-size:10pt; font-weight:bold}
#storyRelated p.caption {font-size:9pt; text-indent:0; margin:0 5px 0 20px}
#storyRelated span.credit {font-size:8pt}

#storyImage p {font-size: 10pt; text-indent:0}
#storyImage img {margin:10px 0 0 0; border:solid 1px #000}
#storyImage p.credit {font-size:8pt; margin:0 5px 0 0; text-align:right}
#storyImage p.caption {font-weight:bold; margin:0 0 10px 0; text-align:left}
#storyImage td.magglass {width:12px}
#storyImage td.magglass img {border:none; margin:0}
#storyImage td.enlarge {width:95px; font-size:8pt; margin:0; text-align:left}
#storyImage td.enlarge a {color:#000099; text-decoration:none}
#storyImage td.credit {width:233px; font-size:8pt; margin:0; text-align:right}

#headlines {clear:both; margin:0 10px 0 10px; font-size:10pt; font-weight:bold}
#headlines p {font-size:12pt; margin:5px 0}
#headlines hr {color:#cccccc; background-color:#cccccc; height:2px; border:none; padding:0 0 0 0}
#headlines ul {margin:0; padding:0}
#headlines li {list-style-type:none; margin:1px 0 1px 5px; padding:5px 0 0 20px; background:transparent url(../images/list_arrow.png) 0 7px no-repeat}
#headlines a {color: #000099}

/* search.php  */

#srchLeft {float:left; width:400px; margin-top:20px; font-size:9pt}
#srchLeft table {margin-left:10px}
#srchLeft select {width:120px}
#srchLeft label {font-size:10pt; font-weight:bold} /* for IE */
#srchRight {float:right; width:300px; margin-top:20px; font-size:9pt}
#srchRight p {margin:0 10px 0 0}
#srchRight ul {margin-top:5px; margin-bottom:5px}

#searches {clear:both}
#searches h1 {font-size:14pt; margin:0 0 0 10px}
#searches p {font-size:10pt; margin-left: 10px}
#searches table {border-width:3px 1px 1px 1px; border-style:solid; border-color:#777777; border-collapse:collapse; font-size:10pt; margin:15px 10px 10px 10px; width:680px}
#searches td {border-width:0 1px 0 1px; border-style:solid; border-color:#777777; border-collapse:collapse; vertical-align:middle; padding:3px}
#searches th {border:1px solid #777777; border-collapse:collapse; background-color:#800000; color:white; vertical-align:middle; padding:3px}
#searches a {color:#000099}
#searches a:visited {color:#222222}

/* calendar.php */

#calLeft {float: left; width: 400px; margin-top: 10px}
#calRight {float: right; width: 300px; margin-top: 10px}
#calFull {clear:both;}

#calendar {font-family: Arial,Verdana,sans-serif}
#calendar h1 {font-size: 12pt; margin:10px 10px 10px 10px}
#calendar h2 {font-size: 11pt; margin:0 0 10px 10px}
#calendar hr {color: #cccccc; background-color: #cccccc; height: 2px; border:none; margin:0 10px 0 10px}
#calendar p {font-size: 10pt; margin-left: 10px;}
#calendar table {width: 680px; font-size: 10pt; border-collapse:collapse; margin: 0 10px 0 10px}
#calendar td {padding: 0 0 0 5px; border-collapse:collapse; vertical-align: top}
#calendar td.time {width: 12%; font-weight:bold; text-align:center}
#calendar a {color: #000099}
#calendar a:visited {color: #222222;}
#calendar fieldset {border-width:3px 1px 1px 1px; border-style:solid; border-color:#800000; margin-right:10px}
#calendar fieldset p {font-size: 8pt; font-weight:bold; margin:0 0 0 0; padding:0 0 0 5px}
#calendar legend {font-size: 8pt; color: white; margin:0 0 0 5px; border-width:3px 1px 1px 1px; border-style:solid; border-color:#777777; background-color: #800000; padding:3px 5px 3px 5px}

/* group.php */

#group {font-size: 10pt}
#group p.category {background-color:#800000; color:#ffffff; font-size:11pt; font-weight:bold; text-align:center; margin:20px 10px 10px 10px; padding:1px}
#group fieldset {border-width:3px 1px 1px 1px; border-style:solid; border-color:#800000}
#group legend {font-size:9pt; color:#ffffff; margin:0 0 0 10px; border-width:3px 1px 1px 1px; border-style:solid; border-color:#777777; background-color:#800000; padding:0 5px 0 5px}

/* business.php */

#business {font-size: 10pt}
#business p.category {background-color:#800000; color:#ffffff; font-size:11pt; font-weight:bold; text-align:center; margin:20px 10px 10px 10px; padding:1px}
#business fieldset {border-width:3px 1px 1px 1px; border-style:solid; border-color:#800000}
#business legend {font-size:9pt; color:#ffffff; margin:0 0 0 10px; border-width:3px 1px 1px 1px; border-style:solid; border-color:#777777; background-color:#800000; padding:0 5px 0 5px}

/* page.php */

#page {font-family: Arial,Verdana,sans-serif}
#page h1 {font-size: 14pt; margin-left:10px; margin-right:10px}
#page p {font-size: 10pt; margin-left:10px; margin-right:10px}

/* subscribe.php and unsubscribe.php */

#subscribe {margin:15px 20px 0 20px; font-family: Arial,sans-serif}
#subscribe h1 {text-align:center; margin:20px 0 20px 0; font-family:Times New Roman,Times,serif}
#subscribe p {font-size:12pt}
#subscribe p.explain {font-size:10pt}
#subscribe ol {font-size:12pt}
#subscribe a {color:#000099}

/* includes/footer.php */

#footer {clear: both; font-size: 10pt; font-family: Arial,Verdana,sans-serif}
#footer hr {color: #bbbbbb; background-color:#bbbbbb; height: 2px; border:none; margin:0 10px 0 10px}
#footer ul {list-style-type: none; text-align:center; margin:10px 0 10px 0; padding:0;}
#footer ul li {display: inline;}
#footer ul li a {color: #000099; padding: 3px;}
#footer ul li a:visited {color: #222222;}

/* adcolumn */
#adColumn {float:right; width:150px; background-color:transparent; text-align:center}
#adColumn img {border-style: none}
#adColumn p {margin:5px 0 10px 0; padding:0}

/* sitePoll  */
.sitePoll ul { margin: 0; padding: 0; }
.sitePoll li { line-height: 1em; list-style-type: none; display: block; margin: 0 0 2px 0; padding: 5px 0 0 20px; }
.sitePoll li input { margin-left: -20px; }
.sitePoll li label { font-weight: normal; font-size: 90%; }
.sitePoll p.submit { text-align: center; }
.sitePoll p.question {text-align: left; }
.sitePoll input.button {1px; width: 75%; border: solid 1px #000;}
.sitePoll h4 { font-size: 120%; margin-top: 10px; color: #999999; letter-spacing: .25em; text-align: center;}

/* Alerts */
.alert {font-size: 9pt; border-bottom: solid 2px #bbbbbb; font-weight:bold; margin:0 10px 0px 10px; font-family: Arial,Verdana,sans-serif;}
.alert p {margin:6px 0 6px 0; padding:0}
.alert a {color: #000099}
.alert a:visited {color: #222222;}
.alert .redtext {color: red !important; text-transform: uppercase;}

/* rssFeed */
.rssFeed { background: transparent url(../images/feed_icon.small.png) no-repeat; line-height: 1.25em; padding-left: 16px; }

/* systemMessage */
.systemMessage { text-align:center; font-weight:bold; background-color: #ffc; color: #000; padding: 5px; margin-top: 5px; margin-bottom: 5px;  border: 1px solid #ccc; }