@charset "utf-8";
/* INTERNAL NAV REDEFINE  CSS Document
Be sure this css is included AFTER the jwst.css doc as it redefines/overrides some 
of its nav styles
*/

table, tr, td {
background-color:transparent;  /* remove all color from all tables, set on other classes/hooks like PADDED  and nav classes */
padding:0 0 0 0;
margin: 0 0 0 0;
color:#000000;  /* some styles in tables color is overides jwstContentWrapper color so setting here too */
/* width:auto;  remove all table widths, let content and flow set width */
height:auto; /* remove all table heights (nav mainly), let content and flow set width */
}

/* was "padded" did a global replace to "class="jwstContentWrapper" since padded was also used on other tags.  THis now gives me a handle to target ALL content tags.   */
.jwstContentWrapper {

min-height: 800px;  /* ensure min height of body content zone/bg >= nav column height for short pages */
min-width: 645px;  /* ensure min width horozontally for very narrow/short content  */

background-color:#ffffff;  
color:#000000;  /* override defaults for bg and fg color */
padding: 30px;
/* line-height: 180%;  /* I added this and then removed it since many paragraphs of content are tagged with all sorts of diff non std tags and this doesnt cleanly apply to all. easier to remove than go find all that need fixing and redefine css or retag. */

border-top:solid #999999 2px ;
border-right:solid #999999 2px ;
border-bottom:solid #999999 0px ;  /* let footer top border set this */
border-left:solid #999999 6px ;

border-top-left-radius:0px;
border-top-right-radius:32px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
}


/* Restyling NAV based solely onlLeftMenuLnk andlLeftMenuLnk2 hooks */

a.leftMenuLnk {
display:block;
width:100%;
height:100%;
padding: 4px 0 4px 10px;

color:#ffffff;
background-image:url(../widgets/widgetImageCache/whiteTrans12.png);
background-repeat:repeat;
/*
border-right: solid 8px #000000;
*/
}

a.leftMenuLnk:hover {
color:#000000;
background-image:url(../widgets/widgetImageCache/goldTrans75.png);
background-repeat:repeat;
}


/* new TARGETED substyles based on "leftMenuLnk" hook */
a.leftMenuLnk.selected {
color:#000000;
background-image:url(../widgets/widgetImageCache/goldTrans100.png);
background-repeat:repeat;	
/*
border-right: solid 8px #7b6404;  /* #5d4a03; */
*/
}


.leftMenuLnk:link {
}
/* fill in first button to show start state */
/*
.leftMenuLnk ul li:first-child a:link {
	background:yellow;
}
*/
.leftMenuLnk:hover {
}

.leftMenuLnk:active {
}

.leftMenuLnk:visited {
}

/* sub navs "leftMenuLnk2 are wrapped in span tags w this class */
.leftMenuSpan {

display:inline;

padding-left:6px;
color: gold;
font-size: 12px;
font-weight: bold;
}

a.leftMenuLnk2 {
display:inline; /* displaying inline to defeat the embedded br tags after each */
line-height:22px; /* must use line height with inline to set bg behavior to mimic block */
width:100%;
height:100%;
padding: 0px 0 1px 2px; /* create gap that hover underline will fill */

font-size: 12px;
font-weight: bold;

color:#cccccc;

}

a.leftMenuLnk2:hover {
color:#ffffff;
border-bottom:1px solid #999999;
}

/* bread crumbs */
.nav {
color:#aaaaaa;
font-size:11px;
margin: 4px 0 4px 15px;
padding:0;
}

.nav a:link {
font-size:11px;
color:#0099FF;
}

.nav a:hover {
color:#00CCFF;
text-decoration:underline;
}

.nav a:visited {
color:#0099FF;
}



/* CONTENT STYLES OVERRIDES ********************************************/
.mainheader {

/* was:
	font-size: 14pt;
	color: #000000;
	text-align: center;
	text-decoration: none;
	padding-top: 16pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
*/
font-family: arial, verdana, helvetica, sans_serif;
font-weight:900;  /* !!!arial black is what I want but cant get it to work atm- so this! */
font-size: 180%;
color:#505B70; /* brighter alts5A565F #555256 #758093 #505B70 */
/* note mainheader is a span class so padding and margin dont work for vert spacing, use line-height */
line-height: 40px;  /* note that since this style is applied to spans, the lineheight is what matters an vert padding and margin are ignored */
padding-top: 0;  /* was padding-top: 16pt; was breaking the breadcrumbs due to overlap */
}


/* these boldFeature styles should be retagged in HTML as Hx tags in future for better SEO and semantics
   these override mods below - just attempt to get better behavior out of them and prevent clashes with old jwst.css and new. */

.boldFeatureLg {  
	/* was FONT-WEIGHT: bolder; FONT-SIZE:medium ; COLOR: #006699; LINE-HEIGHT: 20px; */
	font-size:150%;
	font-weight:bolder;
	color:#505B70; /* brighter alts 505B70 5A565F #555256 #758093 #505B70 */

	/* note this style is erroneously applied to P and span tags and spacing is therefore erratic.  Styles below attempt to fix that */
	padding: 0px 0 0px 0;  /* for block tags like P, eliminates any excess padding, lets line-height rule vert spacing.  */
	line-height:66px;		/* span tags ignore vert pad/margin so line height sets vert spacing, based on 15px top/bot + 18px text */

}

.boldFeature {
	font-size:125%;
	color:#505B70; /* brighter alts 505B70 5A565F #555256 #758093 #505B70 */

	/* note this style is erroneously applied to P and span tags and spacing is therefore erratic.  Styles below attempt to fix that */
	padding: 0px 0 0px 0;  /* for block tags like P, eliminates any excess padding, lets line-height rule vert spacing.  */
	line-height:46px;		/* span tags ignore vert pad/margin so line height sets vert spacing, based on 15px top/bot + 18px text */
}

/* target  ONLY intenal page ULs LIs etc via jwstContentWrapper */
.jwstContentWrapper UL {
padding: 0px 0px 0px 30px;
}
.jwstContentWrapper LI {
padding: 0px 0px 0px 0px;
}

.jwstContentWrapper EMBED, .jwstContentWrapper OBJECT {
padding: 5px 0px 16px 0px;

}

/* adding a little bit of padding top and bottom of tables for the INTERNAL VIDEO pages like:  
to get them to act like OLD pages that are erroneously tagged with unclosed P tags between tables for padding. 
Only adding a little cuz this targets ALL tables in the content wrapper so there will be minor side effects on all tables 
on all pages. Will have to double check them 
*/
.jwstContentWrapper TABLE {
padding: 4px 0px 4px 0px;
}

/* redefine INTERNAL only link styles to mimic OLD */
.jwstContentWrapper A {
color:#000066;
text-decoration:underline;
}

.jwstContentWrapper A:hover {
color:#0000CC;
}

.jwstContentWrapper img {
padding: 0px 0 0px 0;
}

.jwstContentWrapper p {  /* putting BACK some padding on P as the current design depends on it, I removed all margin and padding in the jwstcore.css from this element */
padding: 8px 8px 8px 8px;
}