/* Core options */

body {
 background-color:white;
 font:80% sans-serif;
}

table {
 font-size:inherit;
 font-weight:inherit;
 font-style:inherit;
 font-variant:inherit;
}

a {
 color:#004276;
 text-decoration:none;
}

a:hover {
 text-decoration:underline;
}

a:visited {
 color:#666699;
}

img {
 border:none;
 text-decoration:none;
}

form {
 padding:0px;
 display:inline;
}

#navigation ul, #footer ul {
 margin:0;
 padding:0;
}
	
td {
 vertical-align:top;
}

hr {
 width:100%;
 clear:both;
}

small {
 font-size:0.9em;
}

.center {
 text-align:center;
}

td .middle {
 vertical-align:middle;
}

.floatleft {
 float:left;
 margin:0 4px 0 0;
}

h1.headtitle, h1.title, .head1 {
 font-size:1.3em;
 font-weight:bold;
 padding:0;
 margin:0 0 7px 0;
}

.morelink {
 font-style:italic;
}

.icon {
 vertical-align:sup;
 padding:0 2px 0 5px; 
}

.node {
 clear:both;
}

/* Widget styles */
.wserif {
 font:100% Georgia, serif;
}

.wserifgrey {
 font:100% Georgia, serif;
 color:#666;
}

.wsanserif {
 font:100% sans-serif;
}

.wsanserifgrey {
 font:100% sans-serif;
 color:#666;
}

.first .wkicker, .third .wkicker {
 padding:3px 10px 3px 10px !important;
 margin:0;
}

.second .wkicker, .firstsecond .wkicker {
 padding:3px 25px 3px 25px !important;
 margin:0;
}

/* Page design */
#canvas {
 display:block;
 width:972px;
 margin:0px auto 0px auto;
 text-align:left;
}

#canvasborder {
 border-right:1px solid #ccc;
 border-left:1px solid #ccc;
 border-bottom:1px solid #ccc;
 clear:both;
}

/* Top margin stuff */
#topline {
 background-color:#f7e550;
 height:24px;
}

#topline a {
 color:#666;
}

#serviceline {
 padding:6px 0 2px 5px;
 font-size:11px;
 font-family:sans-serif;
 text-transform:uppercase;
 letter-spacing:1.0px;
}

#userline {
 float:right;
 font-size:0.9em;
 color:#000;
 padding:3px 5px 2px 0;
}

#userline a {
 color:#000;
}

#townline {
 padding:6px 0 2px 5px;
 font-size:11px;
 font-family:sans-serif;
 letter-spacing:1.0px;
 color:#666;
}

/* Masthead flag */
#masthead {
 clear:both;
 margin:0;
 width:970px;
 height:58px;
 padding:0;
}
#masthead #nameplate {
 padding:0;
 margin:0;
 width:500px;
}
#search {
 padding:5px 0 0 10px;
 width:160px;
 background-color:#eee;
}
#weathericon {
 width:125px;
 text-align:center;
}
#weathericon img {
 margin:-25px 0 0 0;
 position:relative;
 z-index:100;
}
#weatherfacts {
 padding:5px 10px 0 0;
 color:#666;
 size:0.9em;
}
#weatherfacts a {
 color:#666;
}

/* Navigation */
#navigation {
 font-size:11px;
 font-family:sans-serif;
 background-color:#d9e3ea;
}

.navone {
 display:block;
 width:970px;
}

/* Pulldown menus */
.pulldown { 
 padding:0; 
 margin:0 !important;
}
.pulldown ul { 
 margin:0 !important; 
 padding:0 0 0 0; 
 list-style-type:none; 
}
.pulldown li { 
 height:24px; 
 margin:0; 
 padding:0 1px 0 1px;  /* was 6px */
 text-decoration:none; 
 background-color:#d9e3ea; 
 float:left; 
 text-transform:uppercase; 
 letter-spacing:1.0px;
 border-right:2px solid white;
}
.pulldown li.selected {
 background-color:#f4f4f4; 
}

.pulldown a { 
 text-decoration:none; 
 display:block; 
 color:#000; 
 padding:5px;  
}
.pulldown a:hover { 
 text-decoration:none; 
 color:#fff; 
 background-color:#1474b7; 
}
.pulldown li ul { 
 display:none; 
 margin:0 !important; 
}
.pulldown li:hover ul { 
 visibility:visible; 
 display:block; 
 position:absolute; 
 z-index:1; 
 width:160px; 
 padding:0; 
 margin:0 !important; 
 border-top:1px solid #9fc9e7;
 border-right:1px solid #6f92ab;
 border-bottom:1px solid #6f92ab;
 border-left:1px solid #9fc9e7;
}
.pulldown li li { 
 padding:0;
 border:none; 
 background-color:#d9e3ea; 
 width:160px;
 text-transform:none;
 letter-spacing:normal;
}	
.pulldown li li.ruler {
 border-bottom:1px solid #9fc9e7;
}

.navtwo {
 clear:both;
 width:970px;
 background-color:#f4f4f4;
 color:#444;
 height:24px;
}

#navmore {
 display:block;
 white-space:nowrap;
 text-transform:uppercase;
 list-style:none;
}

#navmore li {
 display:block;
 float:left;
 padding:5px 15px 5px 15px;
 letter-spacing:1.0px;
}

#navmore li a {
 color:#444;
}

#navmore img {
 vertical-align:top;
 margin:-5px 2px 0 0;
 padding:0;
}

/* MAIN TABLE */

.morebutton {
 padding:15px 0 10px 10px;
}

/* Blogs */
.bloglineup .blogger {
 clear:both;
 margin:3px;
 padding:5px 0 4px 0;
 border-bottom:1px solid #ccc;
 min-height:55px;
}
.bloglineup .blogger:last-child {
 border-bottom:0;
}

.bloglineup .spacer {
 clear:both;
}
.bloglineup img {
 margin:0 5px 3px 0;
}
.commentscount {
 white-space:nowrap;
}
.commentscount img {
 margin:0 2px 0 5px;
}

.bloglineup .blogtitle {
/* border-bottom:1px solid #ddd; */
}
.bloglineup .blogdesc, .bloglineup .blogdesc a {
 color:#777;
}
.bloglineup .mugshot  {
 float:left;
 margin:0;
}

/* Columnists */
.columnlineup .columnist {
 clear:both;
 margin:3px;
 padding:0 0 4px 0;
 border-bottom:1px solid #ccc;
 min-height:55px; 
}
.columnlineup .spacer {
 clear:both;
}
.columnlineup img {
 margin:0 5px 3px 0;
}
.columnlineup .columntitle {
 border-bottom:1px solid #ddd;
}
.columnlineup .columndesc {
 margin:2px 0 1px 0;
}
.columnlineup .columndesc a {
 color:#777;
}
.columnlineup .mugshot  {
 float:left;
 margin:0;
}

#main, #frontmain {
 border-bottom:2px solid #ccc;
}

/* INSIDE PAGES */
#pagecontent {
 width:600px;
 border-right:1px solid #cccccc;
 font:110% Georgia,serif;
}

#normalpadding {
 padding:15px 25px 10px 25px;
}

#editions {
 width:100%;
 border-top:1px solid #cccccc; 
}

#editions .node {
 background-color:#dddddd;
}

#editions img {
 padding:1px 1px 1px 0;
}

#editionshead {
 border-top:1px solid #ccc;
}

#fancyfooter {
 border-top:2px solid #000000;
 clear:both;
 padding:6px 0px 6px 20px;
 background-color:#bac6cf;
}

#footer {
 border-top:2px solid #000000;
 text-align:center;
 clear:both;
 padding:6px 0px 6px 0px;
}

#footer .footerrow {
 padding:0px 0px 10px 0px;
}

#footer ul {
 display:inline;
 list-style:none;
 margin:0px;
 padding:0px 0px 0px 9px;
}
		
#footer ul li {
 display:inline;
 border-left:1px solid #cccccc;
 padding:0px 5px 0px 9px;
 background:none;
}

.sectionhead {
 text-transform:uppercase;
 color:#cc9900;
 letter-spacing:1px;
 font-weight:bold;
}

.sectionhead a, .sectionhead a:visited {
 color:#cc9900;
}

.subsectionhead {
 font-weight:bold;
 color:#777;
 padding:5px 0 5px 2px;
}

.subsectionhead a {
 color:#777;
}

.nodehead {
 color:#aa1111;
 letter-spacing:1.0px;
 margin:2px 0 7px 0;
 font:95% sans-serif;
 text-transform:uppercase; 
}

.nodehead a {
 color:#aa1111;
}

.scoreboard {
 margin:7px 4px 0 4px;
}

.scoreboard .level {
 text-transform:uppercase;
 color:#666666;
 font-weight:bold;
}

.scoreboard .item {
 clear:both;
 margin:3px 3px 10px 7px;
}

.scoreboard .team {
 text-transform:uppercase;
 color:#999999;
 font-weight:bold;
}

.scoreboard .icon {
 float:right;
 margin:0 0 2px 2px;
}

.byline {
 color:#888888;
 margin:0 0 10px 0;
}

.smallhead {
 font-size:1.25em;
 font-weight:bold;
}

.cellpadding {
 margin:0 7px 0 7px;
}

ul.bulleted {
 list-style:disc outside;
 margin:0;
 padding:0 0 0 1.5em;
}

ul.bulleted li, ul.plainbulleted li {
 margin-bottom:7px;
 clear:both;
}

ul.bulleted li img, ul.plainbulleted li img {
 margin:3px 0 7px 6px;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
 border-right:1px solid #777;
 border-bottom:1px solid #777; 
 padding:5px;
 background-color:#fff;
}

ul.altbulleted {
 list-style:disc outside;
 color:#444444;
 margin:0;
 padding:0 0 0 1.5em;
}

ul.plainbulleted {
 list-style:disc outside;
 margin:0;
 padding:0 0 0 1.5em;
}

.timestamp {
 color:#660000;
}

.standout, a.standout {
 color:#cc9900;
}

.highlighted {
 color:#000000;
 background:yellow;
}

.bold { 
 font-weight:bold;
}

.headline, h1 { 
 font-size:1.3em;
 font-weight:bold;
}

.headlinetwo, h2 {
 font-size:1.1em;
 font-weight:bold;
}

.photocaption {
 color:#555;
 line-height:1.3em;
}

.photocaptiontitle {
 font-weight:bold;
}

.subhead {
 color:#000000;
 font-style:italic;
}

.parahead {
 font-weight:bold;
}

.pubdate {
 color:#888888;
 font-size:0.9em;
}

/* User comments */
.comments {
 margin-top:10px;
}
.comments .odd {
 padding:5px;
 margin-left:-5px;
 margin-right:-5px;
 background-color:#FFFEF1;
 clear:both;
}
.comments .even {
 padding:5px;
 margin-left:-5px;
 margin-right:-5px;
 background-color:#ffffff;
 clear:both;
}
.comments .postedby {
 color:#773333;
}
.comments .avatar {
 margin:3px 0px 7px 12px;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
 border-right:1px solid #777;
 border-bottom:1px solid #777; 
 padding:5px;
}
.comments .postedby img {
 vertical-align:text-bottom;
 margin:0 0 0 5px;
}
.comments .response {
 border:1px #CBC68B dashed;
 margin:10px;
 padding:2px;
}
.comments .responseby {
 font-weight:bold;
}
.blogcopy a {
 text-decoration:underline;
}
.blogcopy a:hover {
 text-decoration:underline;
 color:#AC1000;
}
a.permalink, a.permalink:hover {
 text-decoration:none;
}
.blogplink {
 float:right;
}
.blogbox {
 background-color:#eeeeee;
 padding:2px;
}
.blogmarquee {
 margin:2px 8px 6px 8px;
 padding:0 0 6px 0;
 font-size:1.3em;
 font-weight:bold;
}
.blogmarqueename {
 color:#000;
}
.blogmarqueebyline {
 color:#666;
 margin:3px 0 0 0;
}
.blogmugshot {
 border:1px solid #333;
 margin:0 5px 5px 0;
}
.blogbyline {
 margin:10px 0 10px 0;
 font-weight:bold;
 color:#333;
}
.blogbio {
 color:#888;
 text-align:left !important;
 margin:0 0 10px 0;
}

.storylink {
 font-weight:bold;
}

.gotoplink {
 color:#777777;
}

.story {
 margin:0 0 12px 0;
 clear:both;
 color:#555;
}

.story img {
 margin:3px 0px 7px 12px;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
 border-right:1px solid #777;
 border-bottom:1px solid #777; 
 padding:5px;
 background-color:#fff;
}

.narrowstory img {
 padding:5px;
 background-color:#fff;
}

.topstory {
 padding:0 0 5px 0;
}

.ssgallery {
 display:none;
}

.sscenter {
 display:none;
}

.ssweather {
 display:none;
} 

/* Photo gallery */
.ggitem {
 display:none;
 margin:0 0 10px 0;
 width:540px;
}

.ggctrl {
 display:none;
 width:540px;
 text-align:center;
 padding:0 0 10px 0px;
}

.tab {
 float:left;
 border:1px solid #ccc;
 padding:2px 5px 1px 5px;
 background-color:#eaeef1;
 text-transform:uppercase;
 font-size:11px;
 color:#666;
}

.tab a {
 color:#666;
}

.tabactive a {
 color:#cc9900;
}

.tabactive {
 float:left;
 padding:2px 5px 1px 5px;
 border-top:1px solid #ccc;
 border-right:1px solid #ccc;
 border-left:1px solid #ccc;
 text-transform:uppercase;
 font-size:11px;
 color:#cc9900;
}

.tabinside {
 clear:both;
 padding:3px;
}

.tabinside .subsectionhead {
 margin:15px 0 0 0;
}

#railweather .tabinside {
 margin:0 0 0 0;
 min-height:400px;
}

.insidectrl {
 height:30px;
 padding:5px 0 0 0;
}

#marketplace {
 color:#777;
}

#marketplace .node {
 margin:2px 8px 6px 8px;
 padding:0 0 6px 0;
 clear:both;
 border-bottom:1px solid #cccccc;
}

#marketplace .categories {
 text-align:center;
}

#marketplace .categories a {
 color:#777;
}

/* Standard columns */
.first {
 width:190px;
 border-right:1px solid #ccc;
 clear:both;
}

.second {
 width:410px;
 border-right:1px solid #ccc;
}

.third {
 width:370px;
}

.second .pagecontent {
 margin:20px 25px 20px 25px;
}

.first .node {
 margin:0;
 padding:10px 10px 10px 10px;
 border-bottom:1px solid #ccc;
}

.first .story {
 margin:10px 0 15px 0;
}

.second .node {
 padding:10px 25px 20px 25px;
 border-bottom:1px solid #ccc;
}

.second .story {
 margin:20px 0 0 0;
}

.third .adverts {
 border-top:1px solid #ccc;
 border-bottom:1px solid #ccc;
 margin:5px 0 5px 0;
 padding:5px 0 5px 0;
}

.third .node {
 border-bottom:1px solid #cccccc;
 margin:0;
 padding:10px 10px 10px 10px;
 clear:both;
}

.firstsecond {
 width:600px;
 border-right:1px solid #ccc;
 clear:both;
}

.firstsecond .node {
 border-bottom:1px solid #ccc;
 padding:10px 0 10px 0;
}

.advertslabel {
 color:#777;
 letter-spacing:1px;
 text-align:center;
}

.third .banner {
 text-align:center;
 padding:2px;
}

.storylist .node {
 margin:5px 0 6px 0;
 padding:0 0 6px 0;
 clear:both;
}

.story .source {
 color:#777;
 margin:15px 0 0 0;
}

.storylist .byline {
 color:#124d7b;
 margin:5px 0 1px 0;
}

.storylist .summary {
 color:#555;
 line-height:1.3em;
}

.storylist img {
 margin:3px 12px 7px 0;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
 border-right:1px solid #777;
 border-bottom:1px solid #777; 
 padding:5px;
}

.storylist img.noborder {
 border:0;
 padding:0;
 margin:3px 5px 5px 3px;
}

#centerphoto {
 margin:5px 0 10px 0;
}

.prevnext {
 margin:0;
 padding:0;
 float:right;
}

.frontcover {
 border-top:1px solid #888;
 border-left:1px solid #888;
 border-right:1px solid #333;
 border-bottom:1px solid #333;
 margin:0 0 5px 0;
}

#railpopular {
 margin:10px 10px 10px 10px;
}

#railweather {
 margin:0 -5px 10px -5px;
 color:#777;
}

.copyright a {
 color:#333;
 margin:2px 0 0 5px;
}

.commentscount {
 color:#888;
}

.storyadvert {
 float:right;
 border:1px solid #ccc;
 padding:3px;
 margin:5px;
}

.relatedlinks {
 float:right;
 max-width:225px;
 border:1px solid #ccc;
 padding:3px;
 margin:5px;
}

.error {
 font-size:1.5em;
 color:#aa1111;
 font-weight:bold;
}

.success {
 font-size:1.5em;
 color:#00a341;
 font-weight:bold;
}

.more, .bottomlink {
 background:url(/images/icons/more-arrow.gif) no-repeat;
 padding:0 0 0 10px;
 margin:5px 0 0 0;
 text-transform:uppercase;
 color:#cc9900;
 clear:both;
 font-size:95%;
}

.more a, .bottomlink a {
 color:#cc9900;
}

.related {
 background:url(/images/icons/more-arrow.gif) no-repeat;
 padding:0 0 0 10px;
 margin:5px 0 0 0;
}

.related .label {
 color:#cc9900;
 text-transform:uppercase;
}

.storytext {
 line-height:1.3em;
}

.storyphotoright {
 float:right;
 width:250px;
 clear:both;
 background-color:#eee;
 margin:15px;
}

.storyphotorightsmall {
 float:right;
 clear:both;
 background-color:#eee;
 margin:15px;
}

.storyphotocenter {
 width:550px;
 background-color:#eee;
 margin:5px 0 0 2px;
}

.breakinghead {
 color:#ffffff;
 background-color:#aa1111;
 font-size:1.4em;
 margin:5px 0 0 0;
 padding:5px 5px 5px 10px;
}

.ctrlcenter .active, .ctrlgallery .active {
 border:1px solid #666;
 float:left;
 width:20px;
 height:20px;
 background-color:#fcc;
 padding:3px 0 0 0;
}

.ctrlcenter .inactive, .ctrlgallery .inactive {
 float:left;
 border:1px solid #ccc;
 width:20px;
 height:20px;
 background-color:#fff;
 padding:3px 0 0 0;
}

.ctrlcenter .prevnext, .ctrlgallery .prevnext {
 float:left;
}

.bigstory {
 margin:0;
 padding:0;
 border-bottom:1px solid #ccc;
}

.jump {
 display:none;
}

/* Calendar - Date picker */
.ZventsQuickSearch {
 margin: 2px 2px 0 0;
}
.ZventsQuickSearch * {
 font-family: Arial,Helvetica,sans-serif;
 font-size: 12px;
}
.ZventsQuickSearch form {
 margin: 0;
 padding: 0;
}
.ZventsDayButton, .ZventsDayButton * {
 display: block;
 text-align: center;
}
.ZventsDayButton {
 color: rgb(91,91,91);
 background-color: rgb(255,166,70);
 border: 1px solid rgb(255,166,70);
 /*border-top: 1px solid #d0d0d0;*/
 /*border-left: 1px solid #d0d0d0;*/
 text-decoration: none;
 cursor: pointer;
 line-height: 120%;
 font-weight: bold;
 margin-right: 2px;
 padding: 2px 2px 0 2px;
}
.ZventsDayButton:hover {
 background-color: rgb(255,233,208);
 /*border: 1px solid #c2e1ef;*/
 /*color: #336699;*/
}

.ZventsDayButtonDate {
 font-size: 16px;
}
.ZventsDayButtonDay {
}
.ZventsDayButtonAll {
 margin-right: 0;
 background-color: rgb(255,216,170);
}
.ZventsDayButtonToday {
 color: #900810;
}
.ZventsDayButtonWeekend {
 background-color: rgb(249,196,102);
}

/* Calendar - Event list */
.ZventsEvent {
 clear:both;
 padding:0 0 5px 0;
 margin:0 0 5px 0;
}

.ZventsEventDetails {
 font-family:sans-serif;
 font-size:0.9em;
}

a.ZventsEventVenue {
 color:#000;
}

.ZventsEventName {
 font-size:1.1em;
}

.ZventsImage {
 float:left;
 padding:0 7px 15px 0;
}

.ZventsInfo {
 color:#666;
 font-size:0.8em;
}

/* Internal calendar */
.calendarsmall {
 border:1px solid #ccc;
 width:175px;
}
.calendarmedium {
 border:1px solid #ccc;
 width:245px;
}
.calendarhead {
 background-color:#eee;
}
.calendartitle {
 padding:2px 0 3px 0;
 font-size:1.1em;
 text-align:center;
 font-weight:bold;
}
.calendarsmall .prev, .calendarmedium .prev {
 float:left;
 padding:0 0 0 2px;
}
.calendarsmall .next, .calendarmedium .next {
 float:right;
 padding:0 2px 0 0;
}
.calendarsmall .calendarweekdays div, .calendarsmall .calendardays div {
 width:25px;
 padding:2px 0 2px 0;
}
.calendarmedium .calendarweekdays div, .calendarmedium .calendardays div {
 width:35px;
 padding:4px 0 4px 0;
}
.calendarweekdays div {
 float:left;
 font-weight:bold;
 text-align:center;
 margin:0;
 background-color:#eee;
}
.calendardays {
 background-color:#fff;
}
.calendardays div {
 float:left;
 text-align:center;
}