/*
  The 'Cascade' in Cascading Style Sheets mean elements inherit the styles of parent tags (eg TD is a 'child' of the BODY tag), 
  but new style definitions will override or add to earlier ones. Also more specific definitions have precedence 
  over more generic styles, eg "TD.style1 A:link" overrides "A:link" as it's more specific. 
  Closer styles have precedence over more distant ones, eg in <TABLE class="style1"><TR><TD class="style2"> 
  style2 has precedence, because it's closer, but the TD element (and its 'children') may still inherit styles 
  from style1 not defined in style2.

  NOTE: To switch on IE6's CSS1Compat mode (Standards mode), 
  you must include a full !DOCTYPE in the document header complete with the URL to the DTD. 
  See http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/compatmode.asp 
*/

BODY, FONT, SPAN, TD, P, INPUT, TEXTAREA, SELECT {
	font: normal 12px/120% Arial, Helvetica, sans-serif; 
}
BODY {
	/*background: white;*/
	margin: 0px;
	/* IE styles */
	scrollbar-face-color: #006600; 
	scrollbar-track-color: White; 
	scrollbar-arrow-color: #87CEFA; 
	scrollbar-shadow-color: Navy; 
	scrollbar-3dlight-color: #ADD8E6; 
	scrollbar-darkshadow-color: Black;
	buttonface: #FF0000;
}
/* This does not work with ABR
INPUT, SELECT, TEXTAREA { 
	#background-color: #739FC4;
	background-color: #ffffcc;
}
INPUT:hover,
SELECT:hover,
TEXTAREA:hover {
	border-color: #739FC4;
	border: 1px solid #004078;
	padding: 3px; 
}
INPUT:focus, 
SELECT:focus, 
TEXTAREA:focus {
	#background-color: #A8C4DB; 
	background-color: #ffffcc; 
}
*/

/* Style the old module tables with BORDER attribute and no class. 
   Deprecated when all old modules are updated with CSS or inline styles.
   Only works in standards-compliant browsers, so no IE.
TABLE[border="1"],
TABLE[border="2"], 
TABLE[border="3"] { 
	border: 0px; 
	border-spacing: 0px 3px;
	margin-bottom: 15px;
}
TABLE[border="1"] TD, 
TABLE[border="1"] TH,
TABLE[border="2"] TD, 
TABLE[border="2"] TH, 
TABLE[border="3"] TD, 
TABLE[border="3"] TH { 
	border: 1px solid #006600;
	margin: 0px;
	padding: 3px 0.6em;;
}
TABLE[border="1"] TH,
TABLE[border="2"] TH, 
TABLE[border="3"] TH {
	font-size: 13px;
	border-left: 0px;
	border-right: 0px;
	background-color: #006600;
    color: #FFFFFF;
	text-align: center;
}
*/
/* Tried to match for IE - but don't like it! Alas. */
.btable {
	border: 1px solid #006600;
	background-color: #006600;
	margin: 3px;
	padding: 3px;
}
.btable TH {
	font-size: 12px;
	border-left: 0px;
	border-right: 0px;
	background-color: #006600;
    color: #FFFFFF;
	text-align: center;
	padding: 3px;
}
.btable TD {
	border: 1px solid #006600;
	background-color: #FFFFFF;
	text-align: center;
}

TH { font-size: 14px; }

LI { margin: 0px; }
A IMG, IMG { border: 0px; }

A:link, A:visited {
	color: #006600; 
	color: #006666; 
    font-weight:bold;
	text-decoration: underline; 
}
A:hover, A:active {
	color: #990000; /* #1E90FF; */ 
	color: #009988;
    font-weight:bold;
	text-decoration: underline; 
}

A.navtitle,A.navtitle:link,A.navtitle:visited { 
    color: #000000;
    font-weight:bold;
    font-variant: small-caps;
    font-size:16px;
    text-decoration: none; 
    line-height: 0.5cm;
}
A.navtitle:hover,A.navtitle.active { 
    color: #000000;
	text-decoration: none; 
}
A.navitem,A.navitem:visited,A.navitem:link { 
	color: #006600; 
    font-weight:bold; 
    font-size:11px; 
    text-decoration: none; 
}
A.navitem:hover {
	color: #990000; /* #1E90FF; */ 
	color: #009988;
	text-decoration: none; 
}
A.navmenu,A.navmenu:visited,A.navmenu:link { 
	color: #006600; 
	color: #CCFFCC; 
    font-weight:bold; 
    font-size:11px; 
    text-decoration: none; 
}
A.navmenu:hover {
	color: #009988;
	color: #33FFCC;
	text-decoration: none; 
}
A.topbar,A.topbar:visited,A.topbar:link { 
	color: #000000; 
    font-weight:bold; 
    font-size:11px; 
    text-decoration: none; 
}
A.topbar:hover {
	color: #FFFFFF; /* #1E90FF; */ 
	text-decoration: none; 
}

/* Main column styles */
#main {
	background: #FFFFFF;
	/*background: #FFF url('../images/stripe_background.gif');*/
}
#ABRLeftCol { 
	vertical-align: top;
	text-align: left;
	padding-top: 4px;
	padding-left: 0px;
	border-left: 14px solid #006666;
    bgcolor: #fff2e6;
}
/*  IE hacks, "* HTML" style only read by IE, as it selects nothing */
/* 
    IE6 only uses the standard W3C Boxmodel in CSS1Compat mode, which requires a full Doctype declaration with Label and URL to the DTD.
    It defaults to BackCompat mode, which works like previous versions of IE. 
*/
* HTML #ABRLeftCol { 
	width: 160px; /* IE 5.x uses non-standard Box Model */
	wid\th: 160px;  /* IE 6 can uses W3C Standard box model (in CSS1Compat mode), IE 5.x chokes on escape character */
}
#LeftCol, 
#RightCol {
	vertical-align: top;
	text-align: left;
	padding-top: 0px;
}
#LeftCol {
	padding-left: 0px;
    width: 111px;
	background-image: url('./images/page_leftbar.gif');
}
#RightCol {
	padding-right: 10px;
	/*border-right: 1px solid #0B5578; */
} 
/*  IE hacks, "* HTML" style only read by IE, as it selects nothing */
/* 
    IE6 only uses the standard W3C Boxmodel in CSS1Compat mode, which requires a full Doctype declaration with Label and URL to the DTD.
    It defaults to BackCompat mode, which works like previous versions of IE. 
*/
* HTML #LeftCol, 
* HTML #RightCol {
	width: 111px; /* IE 5.x uses non-standard Box Model */
	wid\th: 111px;  /* IE 6 can uses W3C Standard box model (in CSS1Compat mode), IE 5.x chokes on escape character */
}
#CenterCol { 
	vertical-align: top;
	padding: 0px 10px;
	padding-top: 10px;
}
#CenterBlocks TD, 
#CenterBlocks DIV {
	margin-bottom: 15px;
}
#footer {
    align: center;
	border: 0px;
    background: transparent;
	margin: 0px;
	border-top: 2px solid #006600;
}
#pawImage {
	width: 13px;
	height: 13px;
	border: 0px;
	padding-left:4px;
	padding-right:4px;
}
#topmenu { 
	border-top: 2px solid #005177; 
	background: #006600;
	height: 26px;
	text-align: center;
}
#topmenu, 
#topmenu A {
	color: #C5DFF0; 
	font-weight: 700; 
	text-decoration: none; 
	padding: 2px 6px;
}
#topmenu A:hover {
	color: #004078; /*#C5DFF0;*/ 
	background-color: #739FC4;
/*	font-weight: 700; */ 
}
DIV#footermsg {
	width: 780px;
	text-align: center;
    font-size:10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: auto;
}
#banner {
	padding: 5px; 
	text-align: center;
}

/* Main menu block, where UL has id pnMainMenu */
#pnMainMenu {
    padding-left: 1em;
    margin-left: 0em;
}

/**** Titles ****/
H1, 
.pn-pagetitle { 
	font-size: 18px;
	font-weight: 700;
	color: #006600; /* #003366; */ 
	line-height: 130%;
	text-align: center;
	text-decoration: none; 
	margin-top: 3px;
	margin-bottom: 6px;
	padding: 6px;
}
H2, 
.pn-title {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #006600;  /* #003366; */
	text-decoration: none;
}
H4, 
.storytitle { 
	font-size: 12px;
	line-height: 130%;
	font-weight: bold;
	color: #363636; 
	margin-top: 0px;
	margin-bottom: 3px;
	text-decoration: none; 
}
H4.storytitle img { /* align Article image */
	margin-bottom: -5px;
}
H4.blocktitle, 
H4.BlockTitleRight, 
#CenterBlocks H4.pn-title {
	color: #003366; 
	font-size: 13px; 
	font-weight: bold; 
	text-decoration: none; 
	margin-top: 0px;
	margin-bottom: 3px; 
}

/* News title links */
H4.storytitle a:link,
H4.storytitle a:visited { 
	font-size: 12px;
	font-weight : bold;
	color: #333333;
	text-decoration: none;  
}
H4.storytitle a:hover,
H4.storytitle a:active  { 
	font-size: 12px;
	font-weight : bold;
	color: #1E90FF; 
	text-decoration: none; 
}
/*
DIV H4.BlockTitleRight,
DIV H4.blocktitle {   Hand cursor for block titles 
	cursor: pointer;  W3C standard 
	cursor: hand;     IE only 
}
*/

/* Loading message */
DIV#loading {
	font-size: 11px; 
	color: #000;
	position: fixed;
	z-index: 100;
	width: 300px;
	left: 50%; top: 50%;
	margin-left: -166px; 
	margin-top: -56px;
	text-align: center;
	padding: 15px;
	border: 1px solid #333;
	background-color: #EFEFEF; /* #eee; */
	cursor: pointer; cursor: hand;
}
* html DIV#loading { position: absolute; } /* IE hack */
DIV#PBouter, DIV#PBdone { margin-left: auto; margin-right: auto; }


.slogan {
	color: #C5DFF0; 
	font-size: 14px; 
	font-weight: 700; 
	text-decoration: none; 
	padding-right: 15px;
}

.botmenu {
	color: #C5DFF0; 
	font-size: 11px; 
	font-weight: 700; 
	letter-spacing: -0px;
	text-transform: capitalize;
	text-decoration: none; 
	text-align: center;
	text-valign: center;
}

/* News articles */
.ArticleBlock {
	border: 1px solid #5189B7; 
	margin-bottom: 15px;
}
.ArticleHead {
	color: black;
	padding: 4px 10px;
	background: #D4E2ED url('../images/BlueStripeBgrnd.gif');
	border-bottom: 1px solid #5189B7; 
	clear: both;
}
.Article {
	padding: 6px;
	background: white;
}
DIV.pn-sub img { /* Print this and Email this images */
	margin-bottom: -3px;
}

.note {
	font-family: "Times New Roman", Times, serif; 
	color: #006600; 
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: none; 
}
.reads {
	color: #000000; 
	font-size: 10px; 
	font-weight: normal; 
	text-decoration: none; 
	clear: both;
}
.more {
	clear: both;
	margin-top: -15px;
}
* html .more { /* IE hack */
	margin-top: 0px; 
}

/* Side blocks */
.BlockContent {
	color: #000000; 
	/*background: #D4E2ED url('../images/BlueStripeBgrnd.gif');*/
	background: transparent;
	padding: 6px;
	padding-left: 10px;
	border-top: 2px solid #004D71;
	border-right: 1px solid #EAF1F7; /*#D4E2ED; */
	border-bottom: 1px solid #5189B7; /*#D4E2ED; */
}
.LeftBlock {
	margin-left: 0px;
	width: 111px;  /* 150-6px */
	margin-bottom: 15px;
}
/* IE hack to compensate for different box model */
* HTML .LeftBlock { 
	width: 111px; 
	wid\th: 111px; 
}
.ABRLeftBlock {
	padding: 0px;
	width: 270px;  /* 150-6px */
	margin-bottom: 15px;
}
/* IE hack to compensate for different box model */
* HTML .ABRLeftBlock { 
	width: 270px; 
	wid\th: 270px; 
}

/* General */
.clear { clear: both; }

.content {
	color: #003366; 
	font-size: 11px; 
}
.pn-sub, DIV.pn-sub A, FONT.pn-sub A {
	font-size: 11px;
	color: #003366;
}
.pnleft {
	float: left;
	text-align: left;
/*	vertical-align: middle; */
/*	clear: left; */
}
.pnright {
	float: right;
	text-align: right;
/*	clear: right; */
}
.TopicImgLeft {
	float: left; 
	vertical-align: top;
	margin-left: -2px;
	margin-right: 6px;
	margin-top: 0px;
	margin-bottom: 4px;
}
.TopicImgRight {
	float: right;
	vertical-align: top;
	margin-left: 6px;
	margin-right: -2px;
	margin-top: 0px;
	margin-bottom: 4px;
}
.pntable1,
.container,
.opentable1 {
	border: 1px solid #739FC4; /* $bgcolor2 */
	/*background: #D4E2ED url('../images/BlueStripeBgrnd.gif');  */
    background: transparent;
	padding: 8px;	
	margin: 0px 0px 15px 0px;
/*	margin-left: auto; margin-right: auto; */
}
.opentable2 {
	background: #D4E2ED; 
	border: 2px solid #739FC4; /* $bgcolor2 */
	padding: 6px 12px;
	margin: 6px;
	margin-left: auto; margin-right: auto;
}

/*=========================================================================
BEGIN  CSS styles for ABR general pages.
=========================================================================*/

A.abrNav,A.abrNav:visited,A.abrNav:link,A.abrNav:hover { 
	color: #990000; 
    font-weight:normal; 
    font-size:11px; 
    text-decoration: underline; 
}
A.abrBigNav,A.abrBigNav:visited,A.abrBigNav:link,A.abrBigNav:hover { 
	color: #990000; 
    font-weight:normal; 
    font-size:13px; 
	letter-spacing: 1px;
	line-height: 130%;
    text-decoration: underline; 
}
.abrHeading {
	font-size: 16px; 
	font-weight: bold; 
	color: #006600;
	text-align: center;
	text-decoration: none;
}
.abrTitle {
	font-size: 14px; 
	font-weight: bold; 
	color: #006600;
	text-decoration: none;
}
.abrSubtitle {
	font-size: 12px; 
	font-weight: bold; 
	color: #006600;
	text-decoration: none;
}
.abrBLKtitle {
	font-size: 12px; 
	font-weight: bold; 
	color: #FFFFFF;
	background-color: #006600;
	text-decoration: none;
	padding: 6px;
    width: 30%;
}
div.abrBox{
    border: 1px solid #A0A0A0;
    background-color:#FFFFCC;
    text-align: center;
    padding: 4px;
    margin: 4px;
}
.abrLink {
}

/*=========================================================================
END  CSS styles for ABR general pages.
=========================================================================*/

/*=========================================================================
BEGIN  CSS styles for ABR Shopping.
=========================================================================*/
.shopTitle {
  font-size: 24px; 
  font-weight: bold; 
  color: #006600;
  font-style: italic;
  text-decoration: none;
}
.shopSubtitle {
  font-size: 18px; 
  font-weight: bold; 
  color: #006600;
  text-decoration: none;
}
.shopPrice {
  font-size: 16px; 
  color: #000066;
  text-decoration: none;
}
p.shopText {
  font-size: 14px; 
  color: #006600;
  text-decoration: none;
}
p.shopShip {
  font-size: 13px; 
  color: #000066;
  text-decoration: none;
}

/*=========================================================================
END  CSS styles for ABR Shopping.
=========================================================================*/

/*=========================================================================
BEGIN  CSS styles for Supporter Notes.
=========================================================================*/
TABLE.notes {
  width: 98%;
  text-align: center;
}
TD.notesCol1 {
  background-color: #AACCCC;
  width: 33%;
  text-align: center;
}
TD.notesCol2 {
  background-color: #CCAACC;
  width: 34%;
  text-align: center;
}
TD.notesCol3 {
  background-color: #CCCCAA;
  width: 33%;
  text-align: center;
}
B.notes {
  font-size: 14px;
}

/*=========================================================================
END  CSS styles for Supporter Notes.
=========================================================================*/

/*=========================================================================
BEGIN  CSS styles for Folder module.
=========================================================================*/

div.folder-adminmenu
{
  border: 1px solid black;
  background-color: #A0A0A0;
  text-align: center;
  padding: 10px;
  margin-bottom: 1ex;
}

div.folder-adminmenu
{
  margin-top: 0px;
}


table.folder-frame
{
  width: 100%;
  border: 1px solid #A0A0A0;
  border-collapse: separate;
}

table.folder-frame .pane
{
  background-color: #D0D0D0;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #A0A0A0;
  border-left: none;
  border-right: none;
  padding: 3px;
  margin: 0px;
  height: 20px;
}

table.folder-frame input.folder-readonly
{
  border: none;
  border-bottom: 1px solid #707070;
  width: 20em;
}


table.folder-frame td.title
{
  padding: 3px 6px 6px 6px;
  background-color: blue;
  color: white;
  font-weight: bold;
  border: none;
  border-bottom: 1px solid #A0A0A0;
}

table.folder-frame td.location table
{
  width: 100%;
  margin: 0px;
}

table.folder-frame td.location td
{
  padding: 0px;
}

table.folder-frame td.location input
{
  border: 1px solid #A0A0A0;
  width: 99%;
}

table.folder-frame td.list
{
  width: 40%;
  padding: 0px;
  border-right: 1px solid #404040;
}

table.folder-frame td.list div.pane a
{
  text-decoration: none;
}

table.folder-frame td.list div.pane img
{
  margin: 4px 0px 0px 10px;
}

table.folder-frame td.list div.list
{
  padding: 10px;
  height: 300px;
}

table.folder-frame td.folder-item
{
  width: 60%;
  padding: 0px;
}

table.folder-frame td.folder-item div.folder-item
{
  padding: 0px;
  height: 270px;
}

table.folder-frame td.folder-item div.description
{
  padding: 6px;
  height: 30px;
  color: #707070;
  font-style: italic;
  border-top: 1px solid #A0A0A0;
}

table.folder-frame td.folder-item div.padding
{
  padding: 10px;
}

table.folder-frame td.folder-item select,
table.folder-frame td.folder-item input
{
  font-size: 9px;
}


table.folder-frame td.list div.folder-row
{
  height: 16px;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}


table.folder-frame td.list div.folder-row img
{
  margin: 0px 3px 0px 0px;
}

table.folder-frame td.list div.folder-row a
{
  margin: 0px;
  padding: 0px;
  line-height: 14px;
  text-decoration: none;
}

table.folder-frame td.list div.folder-row a.selected
{
  font-weight: bold;
}

table.folder-frame td.folder-item div.item-list table
{
  width: 100%;
  margin-bottom: 10px;
}

table.folder-frame td.folder-item div.item-list th
{
  background-color: #D0D0D0;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #A0A0A0;
  border-left: none;
  border-right: 1px solid #404040;
  padding: 3px;
  height: 20px;
}

table.folder-frame td.folder-item div.item-list th.last
{
  border-right: none;
}

table.folder-frame td.folder-item div.item-list td
{
  padding: 2px 3px 0px 3px;
}

table.folder-frame td.folder-item div.item-list img
{
  vertical-align: middle;
}

table.folder-frame td.folder-item div.item-list a
{
  text-decoration: none;
}

table.folder-frame td.folder-item div.item-list a.selected span
{
  background-color: #1050F0;
  color: #FFF;
}

table.folder-frame input.folder-folder-input
{
  width: 30em;
}

table.folder-frame textarea.folder-folder-input
{
  width: 30em;
  height: 10ex;
}

div.folder-buttonRow
{
  float: right;
}

span.folder-select-info
{
  font-style: italic;
}

input.test {
  background-color: #FFFFCC;
}

label.test {
  background-color: #FFFFCC;
}

/*=========================================================================
END  CSS styles for Folder module.
=========================================================================*/

/* For pagesetter */
table.pubInfoBox {
  border: 1px solid black;
  font: arial, sans-serif;
  font-size: 10pt;
  background-color: #E0E0E0;
  padding: 4px;
}