/*
  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 11px/120% Arial, Helvetica, sans-serif; 
}
BODY {
	background: white;
	margin: 0px;
	/* IE styles */
	scrollbar-face-color: #006699; 
	scrollbar-track-color: White; 
	scrollbar-arrow-color: #87CEFA; 
	scrollbar-shadow-color: Navy; 
	scrollbar-3dlight-color: #ADD8E6; 
	scrollbar-darkshadow-color: Black;
	buttonface: #FF0000;
}
INPUT, SELECT, TEXTAREA { 
	border: 1px solid #004078;
	background-color: #739FC4;
}
INPUT, TEXTAREA {
	padding: 3px; 
}
INPUT:hover,
SELECT:hover,
TEXTAREA:hover {
	border-color: #739FC4; /*#004078; */
}
INPUT:focus, 
SELECT:focus, 
TEXTAREA:focus {
	background-color: #A8C4DB; 
	border: 1px solid #004078;
}

/* 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 { 
	text-align: left;
	border: 1px solid #4C5EA8;
	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: #A8C4DB; /* #EBF2FD #ACB2D4; */
	text-align: center;
}

TH { font-size: 14px; }

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

A:link, A:visited {
	color: #333333; 
	text-decoration: none; 
}
A:hover, A:active {
	color: #006699; /* #1E90FF; */ 
	text-decoration: underline; 
	font-variant : normal; 
}

/* Main column styles */
#main {
	background: #FFF url('../images/stripe_background.gif');
}
#LeftCol, 
#RightCol {
	width: 150px;
	vertical-align: top;
	text-align: left;
	padding-top: 4px;
}
#LeftCol {
	padding-left: 10px;
	border-left: 1px solid #0B5578;
	background: #D4E2ED url("../images/BlueStripeBgrnd.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: 160px; /* IE 5.x uses non-standard Box Model */
	wid\th: 150px;  /* IE 6 can uses W3C Standard box model (in CSS1Compat mode), IE 5.x chokes on escape character */
}
#CenterCol { 
	vertical-align: top;
	padding: 0px 15px;
	padding-top: 4px;
}
#CenterBlocks TD, 
#CenterBlocks DIV {
	margin-bottom: 15px;
}
#footer {
	margin: 0px;
	height: 25px;
	background: #FFF;
	border: 0px;
}
#topmenu { 
	border-top: 2px solid #005177; 
	background: #006699;
	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;
	padding-top: 15px;
	padding-bottom: 15px;
	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: #006699; /* #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: #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;
}
.slogan1 {
	color: #0; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: none; 
	padding-right: 15px;
}
/* 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: #006699; 
	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');
	padding: 6px;
	padding-left: 10px;
	border-top: 2px solid #004D71;
	border-right: 1px solid #EAF1F7; /*#D4E2ED; */
	border-bottom: 1px solid #5189B7; /*#D4E2ED; */
}
.LeftBlock {
	padding: 3px;
	width: 144px; /* 150-6px */
	margin-bottom: 15px;
}
* HTML .LeftBlock { /* IE hack to compensate for different box model */
	width: 150px; 
	wid\th: 144px; 
}

/* 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');  /* $bgcolor1 */
	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;
}


/* Tabbed block styles
   Be sure to include the following styles in your theme's stylesheet
   for proper block display.
*/

 #tablist {
    float:left;
    width:100%;
    margin: 0px !important;
    padding: 0px !important;	
    /* line graphic for tabcontentcontainer top - should match tab border and tabcontentcontainer border */
    background: url("../../../images/global/tab_bottom.gif") repeat-x bottom;
}

#tablist ul {
    margin:0;
    padding: 10px 10px 0px 0px;  /* controls space around tabs */
    list-style:none;
}

#tablist li {
    float:left;
    margin:0;
    padding:0 0 0 5px; /* last value controls space between tabs */
    cursor: pointer;
    cursor: hand;				
}


#tablist img {
    border: 0px;
    vertical-align: middle;		
    padding-right: 3px;
}

#tablist a {
    float:left;
    display:block;
    background: #f3f3f3; /* background color of unselected tabs */
    padding:5px 5px 4px 6px; /* controls space around tab text */
    border: 1px solid #535353; /* border around tabs */				
    text-decoration:none; /* styles of of unselected tab taxt */
    line-height:normal;		
    font-size: 11px;
    font-weight:bold;
    color:#666;


}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tablist a {float:none;}
/* End IE5-Mac hack */

#tablist a:hover {
    
    background: #eeeeee; /* background color of hovered over tabs (onclick method only) */
    color:#333; /* text color of hovered over tabs (onclick method only) */
}

#tablist li.current {
    border-width:0;
}

#tablist li.current a {
    border-bottom: 1px solid #fff; /* tab-effect for selected tab - should match bg color of tabcontentcontainer & selected tab */
    background: #fff; /* background color of selected tab */
    color: #000; /* text color of selected tab */
}

#tabcontentcontainer {

    background: #ff0000;

    /* Color of  "container" holding the tabbed block
       content. For best effect, the background color
       should be the same as the selected tab, and the
       border color should be the same color as the
       tab border and the tab_bottom.gif graphic */
    background: #fff;
    border-bottom: 1px solid #535353;
    border-left: 1px solid #535353;
    border-right: 1px solid #535353;
    margin: 0px !important;				
    padding: 5px;
    clear: left;
}

.tabcontent {
    display:none;
}

.tabcontentspacer {
    /* Bottom margin for tabblock if not shown inside block template */
    margin: 0px !important;
    height: 10px;
}

/* END Tabbed block styles */