/***** default body/etc styles *****/


BODY, BODY.webMain {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px auto;
	padding:0px;
	text-align:center;
}


UL, OL, TABLE, TH, TD, DD, BLOCKQUOTE, DIV, SPAN, P, BR {
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	color:#ff3300;
}

P {
	font-size:14px;
	line-height:1.5em;
}

p.dividerC3 {
	margin:0;
	padding:0;
}

hr {
	background-color:#e1e1e1;
	height:1px;
	margin-top:0;
	border:none;
	width:100%;
}


/***** the outer table/template skeleton *****/
TABLE.webOuterTable {
	border:2px solid #ADB9C2;
	border-collapse:separate;
	margin:0 auto;
	width:980px;
}

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 {
	padding:0px;
}


/***** the header styles *****/
TABLE.webHeader {
	height:122px;
}

TD.webHeader {
	padding:0px;
}


/***** the siderail bucket styles - can just override one or more of these bucket styles to change it up *****/
TH.webSideRail, TH.webSideRail1, TH.webSideRail2, TH.webSideRail3, TH.webSideRail4, TH.webSideRail5, TH.webSideRail6, TH.webSideRail7, TH.webSideRail8, TH.webSideRail9, TH.webSideRail10, TH.webSideRail11, TH.webSideRail12, TH.webSideRail13, TH.webSideRail14, TH.webSideRail15 {
	background-color:#FFF;
	color:#ff3300;
	font-size:22px !important;
	font-weight:bold;
	padding:10px 0 0 10px;
}


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 {
	background-color: #FFF;
	padding:0 10px 0 10px;
}


/***** the content styles *****/
TD.webContent, TD.webContent1, TD.webContent2, TD.webContent3, TD.webContent4, TD.webContent5 {
	padding:0 10px 0 10px;
}

TH.webContent, TH.webContent1, TH.webContent2, TH.webContent3, TH.webContent4, TH.webContent5 {
	background-color:#FFF;
	color:#ff3300;
	font-size:22px !important;
	font-weight:bold;
	padding:20px 0 0 20px;
}



/***** the footer style *****/
TD.webFooter {
	background:url(/media/footerBg.gif) top repeat-x #dde2e4;
	padding:0px;
}


/***** individual column style *****/
td.webOuterTableC1 {
	border-right:1px solid #e1e1e1;
	width:327px !important;
}

td.webOuterTableC2 {
	width:327px !important;
}

td.webOuterTableC3 {
	background-color:#f8f8f8;
	border-left:1px solid #e1e1e1;
	width:326px !important;
}

td.webOuterTableC4 {
	width:654px !important;
}



/***** LOGO AREA *****/
#logoArea {
	background:url(/media/logoAreaBg.gif) repeat-x top;
	clear:both;
	height: 102px;
	overflow:hidden;
	position:relative;
	width:100%;
}

#logoArea div {
	float:left;
}

#logo {
	margin-left: 15px;
	margin-right: 30px;
}

#logo a {
	background:url(/media/nprBerlinLogo.jpg) no-repeat 0 35px;
	display:block;
	height:85px;
	width:202px;
}

#logo span {
	display:none;
}

#composerFeed {
	margin-right:2em;
	margin-top:1.7em;
}

#searchBox {
	float: right !important;
	margin-right: 1em;
	margin-top: 3.5em;
}


/***** DROPDOWN MENU *****/

#navwrapper {
	background:url(/media/navBg_h.gif) repeat-x top;
	clear:both;
	height:30px;
	margin: 0 auto; 
	padding: 0;
	position:relative;
	width:100%;
}

#cssdropdown, #cssdropdown ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:1
}

#cssdropdown li {
	float: left;
	position: relative;
	text-align:left;
}

.mainitems {
	height:30px;
	line-height:normal;
}

.mainitems a {
	display:inline-block;
	font-size:16px !important;
	font-weight:bold;
	height:30px;
	margin:0;
	padding:0 30px;
	text-decoration:none !important;
	line-height:2em;
}

.mainitems a:hover {
	background:url(/media/navBg_on.gif) repeat-x top;
}

.subuls {
	display: none;
	position: absolute;
	top: auto;
	left: 0;
	background-color:#ADB9C2;
	width:160px;
}

.subuls li {
	border-bottom:1px solid #FFF;
	height: 25px;
	padding-left:7px;
	width: 153px;
}

.subuls li a {
	font-size:10px !important;
	height:16px;
	padding:0;
	margin:0;
	text-decoration: none;
}

.subuls li a:hover {
	background-image:none;
	text-decoration:underline !important;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
	clear: left;
}


/***** GUIDE NO CODE MENU *****/
TABLE.gnc {
	background:none;
	color:#000000;
}

.gncTitle {
	padding:3px;
	color:#ff3300;
	font-size: 18px;
	font-weight:bold;
}

.gncProgramName {
	padding:0 3px;
	color:#000000;
	font-size: 16px;
}


/***** Two Column Content *****/
TABLE.twoColumnContent {
	width:100%;
}

TABLE.twoColumnContent td {
	width:50%;
}

TABLE.twoColumnContent td.last {
	border:none;
}

a.podcast {
	background:url(/media/icnPodcast.gif) no-repeat;
	display:block;
	font-weight:bold;
	padding-left:10px;
}

a.listen {
	background:url(/media/icnListen.gif) no-repeat;
	display:block;
	font-weight:bold;
	padding-left:10px;
}


/***** RSS Feed Styles *****/
TABLE.rssHeadlines {
	color: 000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
}

.rssHeaderCell {
	padding: 5px;
}

.rssHeadlines A {
	padding-left:12px;
	font-size: 12px;
	font-weight: bold;
	color: #2b251f;
}

.rssHeadlines A:link {
	font-size: 12px;
	font-weight: bold;
	color: #2b251f;
}

.rssHeadlines A:visited {
	font-size: 12px;
	font-weight: bold;
	color: #2b251f;
}

.rssHeadlines A:hover {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #70665b;
}

.rssHeadlines A:active {
	font-size: 12px;
	font-weight: bold;
	color: #2b251f;
}

.rssTitle {
	color:#FF3300;
	font-weight: bold;
	font-size:18px;
}

.rssDate {
	font-size: 10px;
}

.rssHeadlineCell {
	background:transparent url(/media/icnBullet.gif) no-repeat scroll 0 15px;
	padding: 5px 0;
}


/***** footer styles *****/
#sponsor p {
	font-size:13px;
	text-align:center;
}


/***** footer styles *****/
#footer {
	height:130px;
	padding:20px 10px 0 10px;
	position:relative;
        text-align:left;
}

#footer ul {
	margin:0 0 2em 0;
	padding:0;
	list-style-type:none;
}

#footer li {
	border-right:1px solid #000000;
	display:inline;
	margin-left:10px;
	padding-right:10px;
}

#footer li.last {
	border:none;
}


/*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*/
.headline-tease {
	background:transparent url(/media/icnBullet.gif) no-repeat scroll 0 8px;
	color:#000000;
	font-size:14px;
	font-weight:normal;
	padding-left:15px;
}

.headline-tease A, .headline-tease A:link, .headline-tease A:visited, .headline-tease A:active {
	font-size: 16px; 
	font-weight: bold;
}

.headline-tease A:hover {
	color: #70665B; 
	font-weight: bold;
}

.headline-advancedSearch {
	padding-left:15px;
}


.about-flash-content {
 	float:left;
	margin:0 5px 5px 0;
}

.about-flash-content br {
	display:none;
}