/*		cSS for RTNDA.org		*/
/*		created 24 November 2008		*/
/*		by Patrick Rovito	provito@imaginepub.com		*/
@import url(reset.css);
@import url(tools.css);

/*			TYPOGRAPHY			*/
h1{/*	used only for logo, do not modify	*/
	text-indent:-2000px;
}
/*			LINKS			*/
a{
	text-decoration:none;
	color:#036;
}
a:hover{text-decoration:underline;}
a:active{outline:none;}
a:focus{-moz-outline-style: none;}

/* STRUCTURE --------------------------------------*/
body{
	width:1025px;
	margin:0 auto;
	background:#fff url(images/bground.gif);
	font-family:'Trebuchet MS', arial, _sans;
	font-size:small;
	line-height:1.1em;
	color:#333;
}
#container{
	width:1025px;
	margin:0 auto;
	padding-bottom:40px;
	background-color:#fff;
	float:left;
	overflow:hidden;
}
#maincontent{
	width:605px;
	margin:10px 0 0 0;
	padding-left:30px;
	background:url(images/leftBarGray.gif) -5px 0 repeat-y;
	float:left;
}

#maincontentA{
	width:605px;
	margin:10px 0 0 0;
	padding-left:15px;
	background:-5px 0 repeat-y;
	float:left;
}
* html #maincontent{
	clear:left;
}
* html #maincontentA{
	margin-top:-15px;
	clear:left;
}
#maincontentb{
	width:595px;
	margin:10px 0 0 0;
	padding-left:30px;
	background-image:url(images/leftBarGray.gif) -5px 0 repeat-y;
	float:left;
}
#subcontent{
	width:360px;
	margin:10px 20px 0 0;
	float:right;
	overflow:hidden;
}
*html #subcontent{margin-right:5px;}

/*			Articles (EDITED)			*/
#articlecont{
	width:645px;
	margin:20px 0 0 0;
	overflow:hidden;
	float:left;
}
#articles li{
	border-right:1px solid #fff;
	padding:3px 7px;
	background:#999;
	font-weight:bold;
	line-height:1.5em;
	float:left;
}
#articles li#post{
	background:#da6214;
	text-transform:uppercase;
}
#articles li a:active{
	color:#333;
}
#topstory{
	width:645px;
	padding:10px;
	background-color:#f1f1f1;
	float:left;
	overflow:hidden;
}
#topstorycont{
	width:310px;
	margin:10px 15px 10px 25px;
	float:right;
	text-align:left;
}
#topstoryimg{
	width:294px;
	height:215px;
	float:left;
}
#topstoryhead{
	width:300px;
	height:42px;
	margin:0px 0 10px 0;
	text-align:left;
	float:left;
	overflow:hidden;
}
#topstoryshort{
	width:300px;
	height:45px;
	margin:0px 0 20px 0;
	text-align:justify;
	float:left;
	overflow:hidden;
}
#topstoryshorta{
	width:300px;
	margin:0px 0 20px 0;
	text-align:justify;
	float:left;
}
#topstoryrecent{
	width:145px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	float:left;
}
#topstorymore{
	width:145px;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	float:left;
}
#topstorymore a{
	color:#444;
	text-decoration:none;
}


/* assoc text  ----------------------------------------------- */
.assoc_text{
	padding:40px 20px 12px 0;
	text-align:right;
}


/* Footer Settings---------------------------------*/

.menu2{
	padding:19px 5px 5px 5px;
	font-family:"Trebuchet MS", Arial, Verdana, Sans-Serif;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}

.menu2 ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.menu2 li{
	display:inline;
	margin:0 5px 0 -5px;
	padding:0 20px 0 20px;
}

.menu2 a, .menu2 a:link, .menu2 a:visited, .menu2 a:active{
	padding:0 10px 0 10px;
	font-family:"Trebuchet MS", Arial, Verdana, Sans-Serif;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}
.menu2 a:hover{
	padding:0 10px 0 10px;
	color:#c60;
}
.copyright{
	padding:5px;
	font-family:Arial, Verdana, Sans-Serif;
	font-size:10px;
	font-weight:normal;
	line-height:16px;
	text-align:center;
	color:#6699cc;
}

/* QUIZ */
#quiz_cont{
	width:525px;
	float:right;
}
#submit{
	padding:5px;
	background:#d76213;
	text-align:center;
	color:#fff;
}
#quiz_email{
	border-bottom:#000 1px solid;
	padding:15px 0 0 0;
	text-align:right;
}
#quiz_main{
	padding:15px;
}


/* search  ----------------------------------------------- */
.search{
	margin:0;
	padding:0px 20px 0 0;
	text-align:right;
}

.search_string{
	width:125px;
	height:22px;
	border:0;
	background-image:transparent url(images/search_textarea.gif) top left no-repeat;
}

.search input[type="text"]{
	border:0;
	margin:0;
	padding:5px 0 0 5px;
	background-color:transparent;
	font-size:12px;
	color:#333;
}
.search input[type="image"], .search_button{
	border:none;
	margin:0px;
	padding:0px;
	background-color:transparent;
	position:relative;
	_top:-2px;
}



/* Sub Nav Settings------------------------------------- */

h2#hdrComm, #commNav{
	height:27px;
	margin:25px 0;
	float:left;
}
#hdrComm{
	width:100%;
	background:#d66310 url(images/hdrCommunicator2.gif) 0% 0% no-repeat;
	text-indent:-2000px;
}
#hdrComm span{
	display:block;
	width:314px;
	height:13px;
	margin:15px 0 0 20px;
	background:url(images/subHdrCommunicator.jpg) 0% 0% no-repeat;
}
/*	IE6 fix	*/
* html #hdrComm{}
* html #hdrComm span{
	width:284px;
	border-top:1px solid #fff;
	margin:14px 0 0;
	padding:10px 0 0 30px;
	background-color:#fff;
	background-position:50% 3%;
}
/*	end fix	*/
#commNav{
	width:750px;
	margin-left:1px;
	background:#67818f;
	text-transform:lowercase;
}
#commNav li{
	display:block;
	height:100%;
	border-right:1px solid #fff;
	padding:0 10px;
	line-height:2.0em;
	float:left;
}
/*	IE6 fix	*/
* html #commNav{
	width:710px;
	height:29px;
	float:left;
}
/*	end fix	*/
#commNav li:hover{background:#9fc7dd;}
#commNav li#ishArchive{background:#333;}
#commNav li#active{background:#d76213;}
#commNav li a{
	display:block;
	width:100%;
	height:100%;
	padding-left:10px;
	background:url(images/arrowOrange.gif) 0 .85em no-repeat;
	color:#fff;
}
/*	IE6 fix	*/
* html #commNav li a{
	display:inline;
	background-position:0 .55em;
}
/*	end fix	*/

/* TAGS  ----------------------------------------------- */
.tagCloud{
	text-align:justify;
	}
	
.tagCloud ul, .tagCloud ul li, .tagCloud ul li a{
		background:none;
		margin:0;
		padding:0;
		display:inline;
		text-align:justify;
		font-weight:normal;
	}
	
.tagCloud ul li a{
		text-decoration:none;
		padding:1px;
	}
	
.tagCloud ul li a:hover{
		text-decoration:none;
	}
	
	.taglevel10{font-size:34px;}
	.taglevel9{font-size:32px;font-weight:bold;}
	.taglevel8{font-size:30px;}
	.taglevel7{font-size:28px;font-weight:bold;}
	.taglevel6{font-size:26px;}
	.taglevel5{font-size:24px;font-weight:bold;}
	.taglevel4{font-size:22px;}
	.taglevel3{font-size:20px;font-weight:bold;}
	.taglevel2{font-size:18px;}
	.taglevel1{font-size:12px;font-weight:bold;}
	.taglevel0{font-size:10px;}
	.old-taglevel10{font-size:21x;}
	.old-taglevel9{font-size:20px;}
	.old-taglevel8{font-size:19px;}
	.old-taglevel7{font-size:18px;}
	.old-taglevel6{font-size:17px;}
	.old-taglevel5{font-size:16px;}
	.old-taglevel4{font-size:15px;}
	.old-taglevel3{font-size:14px;}
	.old-taglevel2{font-size:13px;}
	.old-taglevel1{font-size:12px;}
	.old-taglevel0{font-size:9px;}


/* Text Editor Patch ----------------------------*/
#long h1{
	font-size:22px;
	color:#df7318;
}
#long h6{
	font-size:10px;
}
#long h5{
	font-size:12px;
}
#long h4{
	font-size:16px;
	color:#036;
}
#long h3{
	font-size:18px;
	color:#036;
}
#long h2{
	font-size:20px;
	color:#036;
}
#long strong{
	font-weight:bold;
}
#long em{
	font-style:italic;
}


/*			THE BUZZ (EDITED)			*/

#cspan{
	background-color:#f8f8f8;
	border:1px solid #ccc;
	height:221px;
	overflow:hidden;
	padding:10px;
	width:584px;
	float:left;
}
#cspan2{
	float:right;
	margin:10px 10px 10px 25px;
	width:251px;
}
#cspanimg
{	
	float:left;
	width:294px;
	height:215px;
}
#cspanhead{
	text-align:left;
	width:291px;
	margin:0px 0 10px 0;
	height:42px;
	overflow:hidden;
}
#cspanshort{
	height:46px;
	margin:0px 0 15px 0;
	overflow:hidden;
	text-align:justify;
	width:251px;
}
#cspanrecent{
	float:left;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	width:145px;
}
#cspanmore{
	float:right;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	width:145px;
}


/* top menu  ----------------------------------------------- */
.menu{
	border:0px;
	margin:0;
	padding:0;
	_background-image:url(images/menu_bar.gif);
	background-repeat:repeat-y;
}


/* utility links  ----------------------------------------------- */
.utility_links{
	padding:8px;
	padding-right:50px;
	text-align:right;
	background-image:url(images/contact_menu.gif );
	background-repeat:no-repeat;
	background-position:top right;
	color:#fff;
	font-family:"Trebuchet MS", Verdana, Sans-Serif;	
	font-weight:bold;
	font-size:15px;
}

.utility_links a, .utility_links a:link, .utility_links a:visited, .utility_links a:active, .utility_links a:hover{
	text-decoration:none;
	color:#fff;
	padding:0 5px 0 5px;
}
.utilNav{
	margin:-70px 10px 0 0;
	font-size:88%;
	float:right;
}
* html .utilNav{
	display:none;
}
.utilNav li{
	border-right:1px solid #333;
	padding:0 8px;
	float:left;
}
.utilNav li.last{border:0;}
.utilNav li a{color:#333;}
.utilNav li a.rss{
	padding-right:18px;
	background:url(images/rss.gif) 100% 50% no-repeat;
}


/*	begin for testing purposes	*/
#articles li:hover{background:#f1f1f1;}/* this is the style when the tab is active, will be triggered with javascript */
#articles li#post:hover{background:#ccc;}
#articles li a{color:#fff;}
#articles li:hover a{color:#666;}
#articles li a:hover{color:#666;}
/*	end for testing purposes	*/
#articles li.moreLink a{color:#036!important;}
#articles li.moreLink a:hover{color:#036!important;}


/* USER SUBMISSIONS --------------------------------*/
#US{
	background-color:#f1f1f1;
	padding:10px;
	width:645px;
	float:left;
	overflow:hidden;
}
#UShead{
	float:left;
	text-align:left;
	width:300px;
	margin:0px 0 10px 0;
	height:42px;
	overflow:hidden;
}
#USimg{
	float:left;
	width:180px;
	height:215px;
	overflow:hidden;
}
#UScont{
	padding:0px 10px 0 10px;
	float:right;
	text-align:left;
	margin:10px 15px 10px 10px;
	width:420px;
	height:212px
	overflow:hidden;
}
#UStable{
	width:425px;
	height:212px;
}
#US_share{
	color:#d76213;
	font-size:18px;
	font-weight:bold;
}
#formats{
	color:#999;
	font-weight:bold;
	font-size:10px;
}


/* Class Settings ---------------------------------*/
.archive_title{
	color:#999999;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
}
.archive_cell{
	border-bottom:#ccc 1px solid;
	padding:15px;
}
.archive_cell2{
	border-bottom:#ccc 1px solid;
	background-color:#efefef;
	padding:15px;
}

.box, .main{
	width:100%;
	margin:0;
	padding:0;
}
.header{
	background-image:url(images/header_bkg.gif);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	background-color:#fff;
}
.headline{
	color:#036;
	font-size:18px;
	line-height:20px;
}
.logo{	margin:0px;	
	padding:10px 0 0 0;
}
.pic_border{
	border:transparent 2px solid;
}
.reclist{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	float:left;
	line-height:20px;
	padding:10px;
	width:282px;
	height:60px;
	overflow:hidden;
}

.search_string{

	background-image:url(images/search_textarea.gif);

	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
	height:22px;
	width:125px;
	border:0px;

}

.sub_header{
	font-weight:bold;
	font-size:16px;
	line-height:20px;
}
.sub_header a{
	text-decoration:none;
	color:#444;
}
.sortSubTabs{
	background-color:#efefef;
	color:#444;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	text-align:center;
}
.sortSubTabs a{
	color:#444;
	text-decoration:none;
}
.sortSubTabs a:active{
	outline:none;
}
.question_link{
	color:#fff;
}




/* ID Settings -----------------------------------*/
#archive_list{
	width:520px;
	height:auto;
	overflow:hidden;
	float:right;
	clear:both;
	margin:10px 0 0 0;
	text-align:left;
	padding:10px;
}
#archive_table{
	width:100%;
	height:auto;
	border:#ccc 1px solid;
}
#archive_table tr.d1 td{
	border-bottom:#ccc 1px solid;
	padding:15px;
}
#archive_table tr.d0 td{
	border-bottom:#ccc 1px solid;
	background-color:#efefef;
	padding:15px;
}
#comments{
margin:20px 0 0 0;
width:314px;
overflow:hidden;
padding:2px;
}
#commenttable{
width:314px;
text-align:center;
border:#ccc 1px solid;
}

#comment_set{
	width:130px;
	background:#d76213;
	padding:5px;
	text-align:center;
}
#comment_set a{
	color:#fff;
	font-weight:bold;
}
#comment_setSub{
	width:130px;
	background:#036;
	padding:5px;
	text-align:center;
}
#comment_setSub a{
	color:#fff;
	font-weight:bold;
}
#commlogo{
	width:359px;
	height:141px;
	background-image:url(images/rtnda_comm_logo.gif);
	background-repeat:no-repeat;
}
#expertExchange h3{
	text-transform:uppercase;
}
#expertExchange{
	float:left;
	margin:10px 0 0 0;
	width:645px;
	overflow:hidden;
}
#exptable{
	text-align:left;
	border:1px solid #e2e2e2;
	background-color:#f1f1f1;
	height:100px;
	table-layout:fixed;
	word-wrap:break-word; 
	width:645px;
}
#educorner{
	margin:20px 0 0 0;
	width:318px;
	overflow:hidden;
	padding:5px;
}
#edutable{
	width:308px;
	border:#ccc 1px solid;
	padding:20px;
}
#issueSelect{
	overflow:hidden;
	width:180px;
}
#issue_drop{
	width:140px;
}
#magazine h3{
	text-transform:uppercase;
}
#magazine{
	float:left;
	margin:10px 0 0 0;
	width:645px;
	overflow:hidden;
}
#magtable{
	width:645px;
	height:100px;
	background-color:#fff;
	table-layout:fixed;	
	text-align:left;
	word-wrap:break-word; 
}
#maghead{
	font-weight:bold;
	text-transform:uppercase;
	color:#627d8e;
}
#maghead a{
	color:#627d8e;
	text-decoration:none;
	text-transform:uppercase;
}

#magheadsub{
	font-weight:bold;
	text-transform:uppercase;
	color:#666;
}
#magheadsub a{
	text-transform:uppercase;
	text-decoration:none;
	color:#666;
}
#magheadsub a:hover{
	text-transform:uppercase;
	text-decoration:none;
	color:#666;
}

#magbox{
	border:1px solid #999;
	margin:10px;
	padding:5px;
	font-weight:bold;
	text-align:right;
	text-transform:uppercase;
}
#maglabel{
	position:relative;
	top:28px;
	left:220px;
	background-color:#fff;
	text-transform:uppercase;
}
#maglabel a{
	color:#999;
	text-decoration:none;
}
#maglabel a:hover{
	color:#999;
	text-decoration:underline;
}

#masthead{
	width:100%;
	height:142px;
	background:#021f3a url(images/header.jpg) 0% 0% no-repeat;
}
#masthead *{display:none;}
#mainNav{display:none;}
#namelist{
	margin:0px 0 20px 0;
	overflow:hidden;
	text-align:justify;
	width:300px;
	float:left;
}
#namelista{
	float:left;
	width:294px;
	overflow:hidden;
}
#namelistcont{
	float:right;
	text-align:left;
	margin:0px 15px 0 25px;
	width:310px;
}
#page_title{
	margin-top:3px;
	margin-right:15px;
	float:left;
}
#pdf{
	background-color:#ee9b11;
	border:none;
	height:40px;
	width:150px;
	font-weight:bold;
	color:#fff;
}

#sortTab{
	background-color:#67818E;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	text-align:center;
}

#subhead{
	position:relative;
	top:26px;
	left:145px;
	color:#999;
}
#subhead a{
	color:#999;
	text-decoration:none;
}
#subhead a:hover{
	color:#999;
	text-decoration:underline;
}
#subhead2{
	position:relative;
	top:26px;
	left:320px;
	color:#999;
}
#subhead2 a{
	color:#999;
	text-decoration:none;
}
#subhead2 a:hover{
	color:#999;
	text-decoration:underline;
}
#subhead3{
	position:relative;
	top:26px;
	left:495px;
	color:#999;
}
#subhead3 a{
	color:#999;
	text-decoration:none;
}
#subhead3 a:hover{
	color:#999;
	text-decoration:underline;
}
#title_head h3{
	text-transform:uppercase;
	color:#444;
	font-weight:bold;
}
#title_head a{
	color:#444;
	text-decoration:none;
}
#question{
	width:316px;
	border:1px solid #ccc;
	overflow:hidden;
	background:#f1f1f1;
	font-weight:bold;
}
#questionlogo{
	position:relative;
	top:15px;
	right:-105px;
}

#recent-posts {
    padding-top: 10px;
    width: 644px;
    padding-bottom: 10px;
}
#recent-posts .title {
    text-align:center;
    color: #cd651c;
    font-size: 14px;
    font-weight:bold;
    margin-bottom:10px;
}

#recent-posts .recent-post {
    width: 300px;
    float:left;
    margin-left: 10px;
    margin-bottom: 20px;
}
#recent-posts .recent-post .image {
    float:left;
    width: 100px;
}
#recent-posts .recent-post .data {
    width: 200px;
    float:right;

    margin-bottom:10px;
}
#recent-posts .recent-post .data div {
    padding-left: 5px;
    text-align:left;
    font-weight:normal;
    font-size: 12px;    
}
#communicator-archives-images {
    width: 370px;
    float:left;
}
#communicator-archives {
    text-align:center;
    float:right;
    width: 214px;
}
#rtdna-youtube-video {
    width: 330px;
    float:left;
}
.popular_picks {
    width: 294px;
    margin-left: 30px;
}
.popular_picks ul {
    list-style-image: url(http://www.rtnda.org/templates/plain-text/images/arrowOrange.gif);
}
.popular_picks li {
    margin-top: 10px;
}
#rtdna-youtube-video .title{
    font-weight:bolder;
    font-size: 14px;
    color: navy;
    margin-bottom: 10px;
}

.previous-week-content {
    font-weight:bolder;
    font-size: 14px;
    color: navy;
    margin-bottom: 30px;
}

#recent-posts .sub_header {
    margin-bottom: 10px;
    display:block;
}