* { padding: 0; margin: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #666666; 
	background: #e5dccd url(/prndi/media/layout/bgimg-body.gif) repeat-x fixed bottom left; 
}

BODY, BODY.webMain {background-color:#E5DCCD;}

.cb {clear:both;}

#wrapper {  margin: 0; padding: 0; width: 100%; }

#header {
 color: #fff;
 width: 100%;
 height: 89px;
 margin: 15px 0px 0px 0px;
 padding: 0px;
 background: #e5dccd url(/prndi/media/layout/bgimg-header.gif) repeat-x top left; }

#headerbox {
/* width: 950px; */
margin: 0 0 0 20px;
padding: 10px 0 0 0; }

#headerbox img { border: 0px; }

.logo { float: left; margin: 0; padding: 0;}

#searchbox {
float: right;
text-align: right;
width: 250px;
margin: 0;
padding: 35px 20px 0px 0; }

#searchbox fieldset { border: 0px; }

form { 
margin: 0; 
padding: 0; 
font-family: Arial, Helvetica, sans-serif;
font-size: 10px; }

input.buttn { 
font-family: Arial, Helvetica, sans-serif;
font-size: 10px; 
padding: 1px 3px; }

#columnz {
width: 950px;
margin: 0px 0 0 20px;
padding: 0; }

#leftcolumn { 
 color: #333;
 margin: 20px 0px 60px 15px; 
 padding: 0px;
 width: 660px;
 float: left; 
 background: transparent; }

#leftcolumn a  { text-decoration: none; color: #0000ff; }

#lcoltop { 
background: transparent url(/prndi/media/layout/bgimg-lcoltop.gif) no-repeat top left; 
width: 660px; 
height: 27px; }

#lcolmid { 
min-height: 385px;
background: transparent url(/prndi/media/layout/bgimg-lcolmid.gif) repeat top left;  
width: 660px; }

#lcolbot { 
background: transparent url(/prndi/media/layout/bgimg-lcolbot.gif) no-repeat top left; 
width: 660px; 
height: 49px;
clear:both;
}

#lcolcontent {
margin: 0 20px;
padding: 0pt 0 30px;
border: 1px solid #e5dccd;
background-color: #fff; }

#leftcolumn h1 {
color: #ff6600;
background: #f6f1ea;
font-size: 1.5em;
border-bottom: 1px solid #e5dccd;
margin: 0;
padding: 5px 20px; }

#leftcolumn h2 {
color: #666666;
background: transparent;
font-size: 1.3em;
font-weight: bold;
font-style: italic;
margin: 0;
padding: 20px 20px 5px 20px; }

#leftcolumn h3 {
/* display: block; */
color: #666666;
background: #f6f1ea;
font-size: 1.1em;
text-transform: uppercase;
border-top: 1px solid #e5dccd;
border-bottom: 1px solid #e5dccd;
margin: 0 0 10px;
padding: 5px 20px; 
}



#leftcolumn h4 {
color: #666666;
background: transparent;
font-size: 1em;
font-style: italic;
font-weight: bold;
line-height: 1.3;
margin: 0;
padding: 10px 20px 0px 20px; }

#leftcolumn p {
color: #666666;
background: transparent;
line-height: 1.3;
margin: 0;
padding: 15px 20px 0px 20px; }

#leftcolumn p.whatsnew {
color: #666666;
background: transparent;
font-size: 1em;
line-height: 1.3;
margin: 0;
padding: 5px 20px 0px 20px; }

#leftcolumn p.pintsize {
color: #666666;
background: transparent;
font-size: 1em;
line-height: 1.3;
margin: 0;
padding: 10px 20px 0px 20px; }

#leftcolumn p.last { padding: 15px 20px 30px 20px; }

#leftcolumn p.whatsnewlast { padding: 5px 20px 10px 20px; }

#leftcoleventnewsbox {
float: left; 
width:295px; 
margin: 0 0 0 20px; 
padding: 0; }

#leftcolmemberbox {
width:295px; 
float: left; 
margin: 0 0 0 25px; 
padding: 0; }

#moreinfolinks {
float: right; 
padding: 10px; 
margin: 18px 20px 0 10px; 
border: 1px solid #e5dccd; 
border-top: 3px solid #e5dccd; 
background: #f6f1ea; 
width: 180px; 
line-height: 1.6; }

.moredquo { color: #ff6600; }

#rightcolumn { 
 color: #333;
 margin:20px 0px 25px 30px;
 padding: 0px;
 width: 258px;
 background: transparent; }

#rightcolumn a  {text-decoration: none;  color: #0000ff; }

#rcoltop { 
background: transparent url(/prndi/media/layout/bgimg-rcoltop.gif) no-repeat top left;
width: 259px; 
height: 27px; }

#rcolmid { 
background: transparent url(/prndi/media/layout/bgimg-rcolmid.gif) repeat-y top left;  
width: 259px; }

#rcolbot { 
background: transparent url(/prndi/media/layout/bgimg-rcolbot.gif) no-repeat top left; 
width: 259px; 
height: 49px; }

#rightcolumn h2 {
/* display: block; */
color: #666666;
background: #f6f1ea;
font-size: 1.1em;
border-top: 1px solid #e5dccd;
border-bottom: 1px solid #e5dccd;
margin: 0 20px;
padding: 3px 0; }

#rightcolumn p {
color: #666666;
background: transparent;
font-size: 1em;
line-height: 1.3;
margin: 0 20px;
padding: 10px 0; }

#rightcolumn p.pagray {
padding: 0 0; 
font-style: italic; 
font-size: .9em; }

img.rightcolfloat { 
float: left; 
margin: 0;
padding: 0px 10px 0 0; }

img.leftcolfloat { 
float: left; 
margin: 0px 10px 0 0;
padding: 3px;
border: 1px solid #c9c8c5; }

#spacer { height: 50px; }

#footer { 
 width: 100%;
 clear: both;
 /* position: absolute; */
/* position: fixed;*/
 bottom: 0px;
 left: 0px; 
 color: #b3a591;
 height: 52px;
 background: #f6f1ea url(/prndi/media/layout/bgimg-footer.gif) repeat-x top left;
 margin: 0;
 padding: 0;
 text-align: left; }
 
 #footerbox {
width: 950px;
margin: 0;
padding: 15px 0 0 25px;
font-size: 10px;}

 #footerbox a:link, #footerbox a:visited { 
 color: #666666;
 text-transform: uppercase;
 text-decoration: none; }
#footerbox a:hover, #footerbox a:active { 
 color: #b3a591;
 text-transform: uppercase;
 text-decoration: none; }
 
 
 /*  NAVIGATON  */
 
 #navwrapper {
margin: 0;
padding: 0;
background-color: #f6f1ea;}

#nav {
text-align: center;
list-style: none; 
background: #f6f1ea;
font-weight: bold;
font-size: 10px;
padding: 0;
margin: 0;
z-index: 999;
width: 100%;
color: #666666;
border-top: 1px solid #b3a591;
border-bottom: 1px solid #b3a591; }

#quiklinks {
float: right; margin: 0; 
padding: 4px 20px 0 0; 
font-size: 10px; }

#nav ul {
 margin: 0;
 padding: 0;
 float: left;}

#nav li {
 float:left;
 position:relative;
 list-style-type:none;
 background-color:#f6f1ea;
 border-right:1px solid #f6f1ea;}

#nav li.droparrow { /* Handles the small right drop arrow on navigation */
background: url(http://www.publicbroadcasting.net/media/kcur/header/pb/images/dropdownarrow.gif) center right no-repeat;
 padding: 0px 5px 0px 0px;}

#nav li:hover, #nav li.sfhover {
 background: #e1d8c9;}

#nav a {
 display: block;
 padding:5px 12px;
 margin: 0px;
 text-decoration:none;
 color:#666;
font-family: arial;
font-size: 10px; }

#nav a.quiklink {
 display: inline;
 padding: 0 0;
 margin: 0 3px;
 text-decoration:none;
 color:#666;
font-family: arial;
font-size: 10px; }

#nav a:hover { color: #FFF;}

#nav a.quiklink:hover { color: #0000ff; }

#nav ul li ul {
 padding: 0;
 font-size: 10px;
 position: absolute;
 width: 141px;
 left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
 font-weight: normal;}

#nav ul li ul a {
 padding: 3px 12px;
 margin: 0px;}

#nav ul li ul li {
 text-align: left;
 width:100%;
 background-color:#f6f1ea;
 border-left:1px solid #b3a591;
 border-bottom:1px solid #b3a591;
 border-right:1px solid #b3a591;
 padding:0 0 1px;
 left:-1px;}

#nav ul li ul li.subnavspacer { /* Added to create a separating space in Quicklinks */
 text-align: left;
 color: #444;
 font-size: 50%; /* will determine the height of the box - text is invisible = background color */
 width:100%;
 background-color:#444;
 border-left:1px solid #000;
 border-bottom:1px solid #000;
 border-right:1px solid #000;
 padding:0 0 1px;
 left:-1px;}

#nav ul li ul li:first-child {
 border-top:1px solid #fff; }

#nav li:hover ul, #nav li.sfhover ul {
 left: auto;}

* html  #nav ul li ul { /* IE fix that adds a top line to drop downs in IE - can't read :first-child */
 border-top:1px solid #b3a591;
 border-left:0px; /* stops the drop from inheriting the ul border */}


/* motoole styles */
.cmTitle {font-weight: bold;}

UL, UL.cm {
	padding: 0 5px;
	margin: 10px 40px;
}

UL LI, UL.cm LI {
	color: #666666;
	margin: 0;
	padding: 0;
	list-style: none;
}

UL LI {list-style: square;}

UL.cm LI SPAN {
	color: #666666;
	font-style: italic;
}

LI#nav_edit UL LI#nav_edit1 {display:none;}

.officer {
margin: 10px 50px;
color: #666666;
float: left;
width: 150px;
}

.officer SPAN {color: #FF6600;font-weight: bold;}

BLOCKQUOTE {
color: #666;
margin: 10px 40px;
border: 1px solid #E5DCCD;
padding: 5px;
background-color: #F6F1EA;

}

/* FORM RELATED */
TABLE.formTable {
	margin: 0px 15px;
}

TABLE TR TD {
	color: #666;
	padding: 2px 5px;
}


TABLE TR TD.fn {width: 90px;}
TABLE TR TD.fi {width: 300px;}
.textInput {width: 200px;}
.formButtons {
margin: 20px 30px;
}

.formButtons INPUT {
color: #666;
background-color: #F6F1EA;
border: 1px solid #E5DCCD;
padding: 2px 10px;
font-weight: bold;
margin: 0px 20px 0px 0px;
}
 
 /** PLATFORM FIXES **/
 TABLE.webOuterTable {width: 100%;}
 td.webOuterTable, td.webOuterTableF, td.webOuterTableH, td.webOuterTableC1, td.webOuterTableC2, td.webOuterTableC3, td.webOuterTableC4, td.webOuterTableC5, td.webOuterTableC6, td.webOuterTableC7, td.webOuterTableC8, td.webOuterTableC9, td.webOuterTableC10, td.webContent, td.webContent1, td.webContent2, td.webContent3, td.webContent4, td.webContent5, TD.webFooter, td.webSideRail, td.webSideRail1, td.webSideRail2, td.webSideRail3, td.webSideRail4, td.webSideRail5, td.webSideRail6, td.webSideRail7, td.webSideRail8, td.webSideRail9, td.webSideRail10, td.webSideRail11, td.webSideRail12, td.webSideRail13, td.webSideRail14, td.webSideRail15 {padding: 0px;}

TD.webHeader{background-color: #e5dccd;}
{padding: 0px;}

td.webContent, td.webContent1, td.webContent2, td.webContent3, td.webContent4, td.webContent5, td.webOuterTable, td.webOuterTableF, td.webOuterTableH, td.webOuterTableC1, td.webOuterTableC2, td.webOuterTableC3, td.webOuterTableC4, td.webOuterTableC5, td.webOuterTableC6, td.webOuterTableC7, td.webOuterTableC8, td.webOuterTableC9, td.webOuterTableC10, td.webSideRail, td.webSideRail1, td.webSideRail2, td.webSideRail3, td.webSideRail4, td.webSideRail5, td.webSideRail6, td.webSideRail7, td.webSideRail8, td.webSideRail9, td.webSideRail10, td.webSideRail11, td.webSideRail12, td.webSideRail13, td.webSideRail14, td.webSideRail15, td.webFooter {background-color: transparent;}

/*NEWS and EVENTS FEEDS: And this set controls the color of the headline teases. it is recommended you keep it the same color as the rest of your body copy*/
span.headline-tease { border-bottom:1px solid #E5DCCD; display:block; padding-bottom:15px; }


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

img {padding:1px}