/* Screen CSS by Neil Sandbach @ NSCreate.com */

/*

leftCol: 255px;
rightCol: 255px;
middleCol: 368px + 2x20px;
middleCol.wideCol: 643px;

h1 green: #83dd18;
blue: #00C0FF;
link magenta: #e3007a;
pink: #ea4c8b;
purple: #8e569b;

*/

.printonly, .printOnly {display: none;}

html {

}

body {
	margin: 0;
	padding: 0;
	background: #000 url("/~stocyorg/img/wood-bg.jpg");
	color: #000;
	font-family:  Helvetica, Arial, Verdana, sans-serif;
	font-size: 76%;
	line-height: 140%;
	text-align:center; /* fix IE centering */
}

h1 {}

h2 {}

h3 {}

p {}

a:link, a:visited, a:active {padding:2px;margin:-2px;}
a:hover {}

img {border: 0; outline: none;}

blockquote {}

ul {
	margin: 0;
	padding: 0;
}

ul li {
	list-style: url("img/listimg.gif") outside circle;
	margin: 0 0 0 1em;
}

abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
}

code {
	font-family: "Courier New", Courier, Fixed, monospace;
	color: #555;
	font-size: 1em;
}

textarea, input {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
	background: #fff;
}
textarea:focus, input:focus {
	background: #fff;
}

form fieldset {border: 0; padding: 0;}
form legend {display: none;}

#content p a.basic_link:hover, #content p a.basic_link:link, #content p a.basic_link:focus, #content p a.basic_link:active {background: #fff;}


/* General layout divs */

p.skip {
	margin: 0 0 -1em 0;
	padding: 0;
}
p.skip a:link, p.skip a:visited  {
	color: #000;
	padding: 2px;
	font-size: 0.9em;
	margin: 0;
}
p.skip a:active, p.skip a:focus, p.skip a:hover {
	color: #000;
	background: #fff;
}

#wrapper {
	width: 970px;
	margin: 0 auto; /* centres */
	text-align: left; /* restore left justification */
	position: relative;
}

#header {
	margin: 20px 0 0 0;
	width: 970px;
	height: 126px;
	position: relative;
	/* overflow:auto; */ /* INSTEAD OF clearFix */
}
#headerLeft {
	width: 804px;
	height: 126px;
	position: absolute;
	background: transparent url("/~stocyorg/img/header-left.png") no-repeat;
	/* overflow:hidden; */
	margin: 0;
	padding:0;
}
#headerRight {
	width: 166px;
	height: 126px;
	/* float: left; */
position: absolute;
left: 804px;
	background: transparent url("/~stocyorg/img/header-right.png") no-repeat;
}

p#S {
	position: absolute;
	top: 5px;
	left: 25px;
	margin: 0;
	padding: 0;
}

#headerLeft #navContainer {
	background: transparent url("/~stocyorg/img/nav-bg.png");
	width: 41em;
	padding: 0 0 0.3em 0;
	margin: 0 0 0 0;
	position: absolute;
	top: 72px;
	z-index: 100;
	/* overflow:hidden; */
}
#headerLeft ul {
	padding: 3px 0 3px 26px;
}
#headerLeft ul li {
	display: inline;
	list-style: none;
	margin: 0 0 0 1px;
	padding: 0;
	color: #fff;
	float: left;
}
#headerLeft ul li span {
	margin: 1px 0 1px 2px;
;}
#headerLeft ul li a:link, #headerLeft ul li a:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 1px;
	margin: 0 0 0 0;
}
#headerLeft ul li a:active, #headerLeft ul li a:focus, #headerLeft ul li a:hover {
	background-color: #fff;
	color: #E43085;
}
#headerLeft ul li a em {
	font-style: normal;
	/* text-decoration: underline; */
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 0;
}
#headerLeft ul li a:focus em, #headerLeft ul li a:active em {
	color: #000;
}


/* SUB NAV */

#navContainer ul li#communityNav ul    { 
	/* display: none; */
	visibility: hidden;
	position: absolute;
	height:0;
	padding: 5px;
	margin: 0 0 0 10px;
	background: #00C0FF;
	border-left: 1px solid #009ECF;
	border-bottom: 1px solid #009ECF;
	top: 2.95em;
	left: 11.5em;
}

#navContainer ul li#communityNav:hover ul,
#navContainer ul a:hover ul
{
	/* display: block; */
	visibility:visible;
	position: absolute;
	background: #00C0FF;
	height: auto;
}
#navContainer ul li#communityNav:hover ul li,
#navContainer ul a:hover ul li
{
visibility: visible;
}
#navContainer ul li#communityNav ul li {
	visibility: hidden;
	display: block;
	float: none;
	clear: left;
	margin: 0;
	padding: 0;
}
#navContainer ul li#communityNav:hover ul li a {
display:block;
}


/* style the table - IE */
#navContainer table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}




p#date {
	color: #00ccff;
	font-size: 1em;
	font-weight: bold;
	position: absolute;
	top: 93px;
	right: 70px;
	margin: 0;
	padding: 0;
	overflow: visible;
}

div#content {
	background: #fff url("/~stocyorg/img/floral.jpg") bottom right no-repeat;
	overflow:auto; /* INSTEAD OF clearFix */
	clear: both;
	margin: 0;
	padding: 0 0 0 26px; /* instead of leftCol margin-left (ie fix)*/
}
div#content { 
	width:970px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:944px;
}
html>body #content {
  width:944px;
} 

#pin {
	position: absolute;
	left: 0;
}

#leftCol {
	float: left;
	margin: 0 0 20px 0;
	width: 255px;
	background: #fff;
	overflow: hidden;
}
#leftCol h1 {
	text-transform: uppercase;
	font-size: 16px;
	color: #8e569b;
	font-weight: bold;
	margin: 0 0 18px 0;
	padding: 30px 0 5px 0;
	border-bottom: 1px solid #000;
}
#leftCol h2 {
	font-size: 1.1em;
	color: #ea4c8b;
	padding: 0;
	margin: 0;
}
#leftCol p {
	font-size: 1em;
	color: #02a3cb;
	padding: 0;
	margin: 0.5em 0;
}

#leftCol a:link, #leftCol a:visited {
	color: #02a3cb;
	font-weight: bold;
	padding: 2px;
	margin: -2px;
}
#leftCol a:active, #leftCol a:focus, #leftCol a:hover {
	background-color: #02a3cb;
	color: #fff;
}
#leftCol div#leftColAds {
	height: 320px;
	margin: 20px 0 0 0;
	background: #eee;
}

#middleCol {
	float: left;
	margin: 0 20px 20px 20px;
	width: 368px;
	overflow: hidden;
}
#middleCol.wideCol { /* WIDE eg photo page*/
	width: 643px;
	margin: 0 0 20px 20px;
}

#middleCol h1 {
	color: #83dd18;
	text-transform: uppercase;
	padding: 21px 0 7px 0;
	margin: 0 0 18px 0;
	border-bottom: 1px solid #000;
	font-size: 24px;
	line-height: 24px;
}
#middleCol h2 {
	margin: 1em 0;
	padding: 0;
	font-size: 1.4em;
}
#middleCol h3 {
	color: #838383;
	margin: 0.5em 0;
	padding: 0;
	font-size: 1.2em;
}
#middleCol p {
	padding: 0;
	margin: 1em 0;
}
#middleCol a:link, #middleCol a:visited{
	color: #e3007a;
	font-weight: bold;
	text-decoration: underline;
	padding: 2px; margin: -2px;
}
#middleCol a:active, #middleCol a:focus {
	color: #00C0FF;
	background-color: #000;
}
#middleCol a:hover {
	color: #00C0FF;
}

#middleCol a.more:link, #middleCol a.more:visited{
	background-color: #e3007a;
	color: #fff;
}
#middleCol a.more:active, #middleCol a.more:focus, #middleCol a.more:hover {
	background-color: #00C0FF;
}

#middleCol a.contactWebsite {
	font-size: 11px;
	font-weight: normal;
}

#middleCol img {
	float: left;
	margin: 0.5em 1em 1em 0;
}
#middleCol .phototext { /* image strapline */
	color: #666;
	font-size: 0.9em;
}

#middleCol ul li {
	list-style: none;
	background: url("/img/arrow-bullet.gif") 0 2px no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
}

#rightCol {
	float: left;
	margin: 0 0 20px 0;
	width: 255px;
	overflow: hidden;
}
#rightCol h1 {
	text-transform: uppercase;
	font-size: 16px;
	color: #8e569b;
	font-weight: bold;
	margin: 0 0 18px 0;
	padding: 30px 0 5px 0;
	border-bottom: 1px solid #000;
}
#middleCol h1 a:link, #middleCol h1 a:visited, #middleCol h1 a:active {
	color: #83dd18;
	text-decoration: none;
}
#middleCol h1 a:hover {
	color: #00C0FF;
}

#rightCol h2 {
	font-size: 1.1em;
	color: #ea4c8b;
	padding: 0;
	margin: 0;
}
#rightCol h2.year, #rightCol dl dt.year {font-size: 1.5em; color: #83DD18; font-weight: bold;  margin-top: 1em;}
#rightCol h2 a:link, #rightCol h2 a:visited, #rightCol ul li.rssCart a:link, #rightCol ul li.rssCart a:visited, #rightCol .simplepie ul li strong a:link, #rightCol .simplepie ul li strong a:link {
	color: #ea4c8b;
	text-decoration: none;
}
#rightCol h2 a:focus, #rightCol h2 a:active, #rightCol ul li.rssCart a:active, #rightCol ul li.rssCart a:focus, rightCol .simplepie ul li strong a:active, rightCol .simplepie ul li strong a:focus {
	color: #fff;
	background-color: #02a3cb;
	text-decoration: none;
}
#rightCol h2 a:hover, #rightCol ul li.rssCart a:hover, rightCol .simplepie ul li strong a:hover {
	color: #ea4c8b;
	text-decoration: underline;
}

#rightCol h3.month, #rightCol dl dt.month {
	margin: 1em 0 0.1em 0;
	font-weight: bold;
}

#rightCol p, #rightCol .simplepie {
	font-size: 1em;
	color: #02a3cb;
	padding: 0;
	margin: 0.5em 0;
}
#rightCol a:link, #rightCol a:visited{
	color: #e3007a;
	font-weight: bold;
	text-decoration: underline;
	padding: 2px; margin: -2px;
}
#rightCol a:active, #rightCol a:focus, #rightCol a:hover {
	color: #00C0FF;
}
#rightCol a.more:link, #rightCol a.more:visited{
	font-weight: bold;
	color: #02a3cb;
}
#rightCol a.more:active, #rightCol a.more:focus {
	color: #000;
	background-color: #FFBFDF;
}
#rightCol a.more:hover {
	color: #000;
}

#rightCol ul {

}

#rightCol dl {

}

#rightCol ul li, #rightCol dl dd {
	list-style: none;
	padding: 0;
	margin: 0 0 0 0;
}

#rightCol ul.largerVmargins li, #rightCol ul.wet_recent_comments li {
	margin: 0 0 1em 0;
}

#rightCol ul li h4, #rightCol dl dd h4, #middleCol h4.searchResults  { /* DATES */
	font-weight: normal;
	margin:0;
	font-size: 0.8em;
	padding: 0 0 0.2em 0;
	color: #000;
}

#rightCol ul li h2, #rightCol ul li h4, #rightCol dl dd h2, #rightCol dld h4 {
	/* display: inline; */
	margin: 0 0.5em 0 0;
}

#rightCol h1, #rightCol h2, #rightCol h3, #rightCol ul li h2 {
	clear:left;
}

#rightCol ul li .date, #rightCol dl dd .date {
	color: #777;
	font-size: 0.8em;
	font-weight: normal;
}

/* right col cats */
#rightCol .rssCcat {
	padding-top: 0.5em;
}
#rightCol .rssCcat a:link, #rightCol .rssCcat a:visited, #rightCol h2.catHeading {
	color: #8e569b;
	font-size: 1.2em;
	text-decoration: none;
}
#rightCol h2.catHeading {margin-top: 1em;}
#rightCol .rssCcat a:active, #rightCol .rssCcat a:focus {
	color: #fff;
	background-color: #8e569b;
	font-size: 1.2em;
}
#rightCol .rssCcat a:hover {
	text-decoration: underline;
}


#shadow {
	height: 39px;
	width: 970px;
	background: transparent url("/~stocyorg/img/page-shadow.png") no-repeat top center;
	float: left;
}


#footer {
	background: transparent url("/~stocyorg/img/steel-bg.jpg") repeat-x;
	height: 100px;
	/* position: fixed; 
	bottom: 0;
	left: 0; */
	text-align: center;
	border-top: 1px solid #333;
	clear: left;
	color: #000;
}
#footer p {
	margin: 20px 0;
	color: #fff;
}
#footer a:link, #footer a:visited {
	padding: 2px; margin: -2px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#footer a:active, #footer a:focus, #footer a:hover {
	color: #000;
	background: #fff;
}


#footer a#blueboxitLogo {text-decoration: none;}
#footer a#blueboxitLogo img {
	position: relative;
	top: 4px;
	margin: 0 0 0 2px;
}

#footer img#NSlogo {
	position: relative;
	top: 3px;
	margin: 0 2px 0 3px;
}

#footer span.rssLink a:hover {background: #FF6E1F;}

#footer img#RSSlogo {
	position: relative;
	top: 4px;
	margin: 0 2px 0 1px;
}

#footer a.footerBottomLinks:link, #footer a.footerBottomLinks:visited {
	font-weight: normal;
	text-decoration: none;
	font-size:1em;
}
#footer a.footerBottomLinks:active, #footer a.footerBottomLinks:focus, #footer a.footerBottomLinks:hover  {
	font-weight: normal;
	text-decoration: none;
	background: none;
	color: #000;
}

/* Search */


#searchbox {} /* TEMP -----------------------*** */

#searchbox  form {padding:0; display: inline;}
#searchbox  form input {margin: 0 0 0 0; border: 1px solid #fff; width: 248px; padding: 2px; background: #DFEE9D; font-size: 0.9em; color: #444;}
#searchbox  form input:hover, #searchbox  form input:focus, #searchbox  form input:active {background: #F4FFBF; border: 1px solid #e3007a; color: #000;}
#searchbox  form label {display: none;}
#searchbox #searchboxlinks {display: inline; margin: 0 0 0 20px;}
#searchbox #searchboxlinks a:link, #searchbox #searchboxlinks a:visited {color: #fff; padding: 0 1em;}
#searchbox #searchboxlinks a:active, #searchbox #searchboxlinks a:hover {background: #000; text-decoration: none;}

#middleCol h1.searchResults {font-size: 1.5em;}

p.searchResults strong {color: #8e569b; background-color: #E5F381;}


/* Comments */

textarea#message {width: 300px}

a.comments_invite {font-size: 1.5em;}
#middleCol h3#comment {
	font-size: 1.5em;
	margin: 0 0 1em 0;
}


#middleCol ol.comments li div.alt {
	/* background: #DFEE9D; */
	background: #F4FFBF url("/img/user_comment.gif") 5px 7px no-repeat;
	padding: 10px;
}
#middleCol ol.comments li div.odd {
	background: #EFEFEF url("/img/user_comment.gif") 5px 7px no-repeat;
	padding: 10px;
}

#middleCol ol.comments li h3 {
	margin-left: 15px;
}

#middleCol ol li p.date {
	font-size: 0.8em;
}
#middleCol ol li p.date {
	font-size: 0.8em;
	font-style: normal;
}

#middleCol ol li p {
	font-style: italic;
}

#cpreview {
	background: #FEFF8F;
	padding: 5px;
}
#cpreview p.alert {
	font-weight: bold;
	color: red;
	border-bottom: 1px dashed;
}

/* Recent comments list */

#rightCol ul.wet_recent_comments li a {
	color: #ea4c8b;
	text-decoration: none;
}
#rightCol ul.wet_recent_comments li a cite {

}
#rightCol ul.wet_recent_comments li a span {
	font-weight: normal;
	margin:0;
	font-size: 0.8em;
	padding: 0 0 0.2em 0;
	color: #000;
}

/* Comments buttons, input etc */

table input#txpCommentPreview {
	background: #a8a8a8;
}

table input#txpCommentSubmit {
	background: #83dd18;
}

#middleCol #cpreview #comment_preview_holder {
	margin: 1em;
	padding: 1em;
	background: #fff;
}



/* Misc */

a#forumBadge {
	position: relative;
	left: 60px;
	border: 0;
}
a#forumBadge:link, a#forumBadge:hover, a#forumBadge:active, a#forumBadge:focus {background: none;}

#middleCol.wideCol .flashmovie {padding-bottom: 1em;}

#middleCol ul.rsx-page-num-list {
	display: inline;
	margin: 0 1.5em 0 0.5em;
}
#middleCol ul.rsx-page-num-list li { /* page numbering nav */
	display: inline;
	background: none;
}
#middleCol ul.rsx-page-num-list li .unlinked {
	background: #ccc;
}
#middleCol ul.rsx-page-num-list li a:link {border-bottom: 1em solid #fff;}

p.contact_bold {}
span.contact_bold {
	font-weight: bold;
}
#middleCol p.contact {
	background-color: #C0F0FF;
	margin: 0;
	padding: 0.5em;
}
#middleCol ul.times_list {
	background-color: #C0F0FF;
	margin: -2em 0 0 0;
	padding: 0 0 0 3em;
}
#middleCol ul.times_list li {
	list-style: none;
}
#middleCol ul.times_list {
	background-color: #C0F0FF;
	margin: -2em 0 0 0;
	padding: 0 0 0 3em;
}
#middleCol ul.times_list li {
	list-style: none;
	background: none;
}
#middleCol ul.times_list {padding-bottom: 1em;}


#addThis {
	margin: 20px 0 10px 0;
}
#leftCol #addThis a:active, #leftCol #addThis a:focus, #leftCol #addThis a:hover {
	border: none;
	background-color: #fff;
}

/* simplepie rss parser generated html */
#rightCol .simplepie ul li {
	margin: 0 0 1.5em 0;
}
#rightCol .simplepie ul li span.date {
	color: #000;
	display: block;
	margin: 0 0 -1em 0;
}
#rightCol .simplepie h3 {display: none;}


/* JS NEWS SCROLLER */

#newsClipping {position:absolute; width:255px; height:287px; z-index:222; left: 0px; top: 0px; clip:rect(0px, 255px, 287px, 0px);}
#news {position:absolute; width:200px; z-index:221; left: 0px; top: 2px; clip: rect(0px, auto, auto, auto);}
#ControlStrip {position:absolute; left:0px; top:40px; width:205px; height:21px; z-index:223; background-color: #FFFFFF; border: none; display: none;}
#UP {position:absolute; left:200px; z-index:224; top: -53px; border:none; }
#DOWN {position:absolute; left:232px; top:-52px; z-index:225; border:none;}
/*
#bottommask {position:absolute; left:0px; top:303px; width:205px; height:9px; z-index:311; background: url('/img/news-bottom-mask.png') repeat-x; border:none;}
#topmask {position:absolute; left:0px; top:20px; width:205px; height:9px; z-index:310; background: url('/img/news-top-mask.png') repeat-x; border:none;}
*/

#news-holder {position:relative; z-index:400; top:6px; height: 300px;}

/* Clipping - correct syntax is with commas but IE only supports without!!! */
#newsClipping {clip:rect(0px, 255px, 287px, 0px);  overflow:hidden;}
#news {clip: rect(0px, auto, auto, auto);}

#news {}


#thankyou {
	padding: 1em;
	border: 1px dashed #666;
	background: #eee;
}

#middleCol .otherArticlesLinks {clear: left; display: inline; font-size: 1.2em; margin-bottom: 2em;}

#leftCol div#advertiseHere {margin-top: 20px;}

img#photo_gallery_icon {
	margin: -30px 0 -20px 100px;
}