/* @group reset */

* { margin:  0; padding: 0; }
ul { list-style: none; }
p { margin: 10px 0; }
a img, frameset { border: 0; }

/* @end */
/* @group utility */

.clear {
	height: 1px;
	clear: both;
	margin-top: -1px;
	overflow: hidden;
}
.row:after, .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.add_top, #add_top { margin-top: 15px; }
.add_bottom, #add_bottom { margin-bottom: 15px; }
.no_bottom { margin-bottom: 0; padding-bottom: 0; }
.no_top { margin-top: 0; }
.no_border { border: 0; }
.left { float: left; }
img.left { margin: 0 15px 15px 0; }
.right { float: right; }
img.right { margin: 0 0 15px 15px; }
.text_right { text-align: right; }
.hide { display: none; }

/* @end */
/* @group =base */

body {
	font: 82% Arial, Helvetica, Sans-Serif;
	line-height: 1.4em;
	color: #333;
}
small { font-size: 90%; }

	/* @group -headers */
	h2, h3, h4, h5 { }
	h2 { font-size: 185%; margin: 25px 0; }
	h3 { font-size: 150%; margin: 15px 0; line-height:30px;}
	h4 { font-size: 135%; margin: 15px 0; line-height:24px; }
	h5 { font-size: 115%; margin: 5px 0; }	
	/* @end */

	/* @group -links */
	a, a:link { text-decoration: underline;  outline: none;}
	a:visited {}
	a:hover { text-decoration: none; }
	a:active {}
	/* @end */

	/* @group -container */
	#container {         
	width: 960px;
	margin: 0 auto;   
	}
	/* @end */
	
	/* @group -header */
	#header {
	background: #fff url(../images/header_bg.jpg) 0 0 no-repeat;
	height: 120px;display:block;
	}
	
	#header h1 a{
	position: relative;
	top: 40px;
	left: 24px;
	width: 660px;
	height: 60px;
	margin: 0;
	float:  left;
	text-indent:-9999px;
	background: url(../images/tnlp_logo.png) 0 0 no-repeat;
        cursor: pointer;
	}
	
	#header p{
	float: right;
	color: #006666;
	width: 120px;
	text-align: right;
	font-size:.9em;
	padding: 28px 20px 0 0;
	}
	
	#header p a{
	color: #BB873A;
	font-weight: bold;
	}
	
	/* @end */


	/* @group -navigation */
	#nav { 
	background: #003333 url(../images/nav_bg.png) 0 0 repeat-x;
	margin: 0 0 20px 0;
	height:  57px;
	}
	
	#nav ol { bottom:11px;
	font-size:1.1em;
	list-style-type:none;
	font-weight: bold;
	float:left;
	}
	
	#nav ol li {
	display:inline;
	float:left;
	color: #FFB951;
	padding: 16px 0 18px 55px;
	}

	#nav ol li a{
	color: #6AACC8;
	text-decoration: none;
	}

	#nav ol li a:hover {
	color: #FFB951;
	padding-bottom: 18px;
	}
	
	#nav ol li.about a:hover {background: url(../images/nav_bg-on.png) 12px 19px no-repeat;}
	body.about #nav ol li.about   {background: url(../images/nav_bg-on.png) 67px 35px no-repeat}
	#nav ol li.program a:hover{background: url(../images/nav_bg-on.png) 20px 19px no-repeat;}
	body.program #nav ol li.program{background: url(../images/nav_bg-on.png) 75px 35px no-repeat;}
	#nav ol li.journalists a:hover{background: url(../images/nav_bg-on.png) 26px 19px no-repeat;}
	body.journalists #nav ol li.journalists{background: url(../images/nav_bg-on.png) 81px 35px no-repeat;}
	#nav ol li.blog a:hover{background: url(../images/nav_bg-on.png) 8px 19px no-repeat;}
	body.blog #nav ol li.blog{background: url(../images/nav_bg-on.png) 63px 35px no-repeat;}
	#nav ol li.press a:hover{background: url(../images/nav_bg-on.png) 30px 19px no-repeat;}
	body.press #nav ol li.press{background: url(../images/nav_bg-on.png) 85px 35px no-repeat;}
	#nav ol li.contact a:hover{background: url(../images/nav_bg-on.png) 18px 19px no-repeat;}
	body.contact #nav ol li.contact{background: url(../images/nav_bg-on.png) 73px 35px no-repeat;}

	body.about #nav ol li.about  a, 
	body.program #nav ol li.program  a, 
	body.journalists #nav ol li.journalists  a, 
	body.blog #nav ol li.blog  a, 
	body.press #nav ol li.press  a, 
	body.contact #nav ol li.contact  a {
	color: #FFB951;
	}

	#nav form {
	float: right;
	width: 204px;
	height: 20px;
	padding: 12px 20px 0 0;
	}

   	#nav form fieldset {
  	display: block;
  	border: none;
  	height: 23px;
  	background: url(../images/form_searchField.png) 0 0 no-repeat;
	}

	#nav form input {
	margin:  3px 4px 4px 4px;
 	padding: 0;
  	width: 172px;
  	color: #7EB0CD;
  	vertical-align: middle;
  	font: 100% Arial, Sans-Serif;
  	float:  left;
  	height:  16px;
  	width: 160px;
  	border: 0px solid;

	}

	#nav form a {
  	background: url(../images/search_btn.png) 0 0 no-repeat;
  	width: 29px;
  	height: 22px;
 	text-indent: -9999px;
 	display: block;
 	float: left;
 	margin: 1px 0 0 7px;
	}

	#nav form button {
  	background: url(../images/search_btn.png) 0 0 no-repeat;
  	width: 29px;
  	height: 22px;
 	text-indent: -9999px;
 	display: block;
 	float: left;
 	margin: 1px 0 0 7px;
 	border: none;
	}
	/* @end */
	
	
	/* @group -content */
	#content {
	width: 706px;
	float:  left;
	}
	
	#featured { margin-bottom: 30px;}

	#featuredColA{
	background: #fff url(../images/featured_imgA.png) 0 90px no-repeat;
	height: 298px;
	width: 21px;
	float: left;
	}

	#featuredColB{
	background: #193F3F url(../images/featured_imgB.png) 0 0 no-repeat;
	width: 685px;
	float: right;
	padding-bottom: 25px;
	}

	#featured h2{
	background: url(../images/featured_hdr.png) 0 26px no-repeat;
	height: 55px;
	width: 287px;
	text-indent: -9999px;
	margin: 0;
	float: right;
	padding: 26px 26px 0 0;
	}

	#featured p{
	color: #6BA4A4;
	float:  right;
	width:  230px;
	clear: right;
	padding: 0 36px 0 0;
	}

	#featured a{
	padding: 2px 26px 2px 10px;
	color: #FFB951;
	float:  right;
	clear: right;
	margin: 10px 20px 0 0;
	text-decoration: none;
	background: #000 url(../images/bullet_orange.png) 82px 6px no-repeat;
	}

	#featured a:hover{ text-decoration: underline;}

	#blog { padding: 0 0 40px 0;}

	#blog h2{
	font-size: 1.8em;
	padding: 10px 18px 10px 18px;
	}

	#blog h2, #sponsors h2{
	background: #19403f;
	color: #7eb0cd;
	font-weight: normal;
	margin: 0;
	}

	#blog .col { width:  312px;}

	#blog .col {
	float:  left;
	margin:0 20px
	}

	#blog .col .h3{ margin: 30px 0 4px 0; }

	#blog .col h3 a{ color:  #006a71; line-height: 1.2em; }

	#blog .col h3 a:hover{
	color:  #1d2828;
	text-decoration: none;
	}

	#blog .col  span {
	color:  #4c85a7;
	font-size: .9em;
	}

	#blog .col  span a{
	color:  #4c85a7;
	text-decoration: none;
	}

	#blog .col span a:hover{
	color:  #4c85a7;
	text-decoration: underline;
	}

	#blog .col p a{
	color:  #EC9E15;
	text-decoration: underline;
	}

	#blog .col p a:hover{
	text-decoration: none;
	}

	#blog .col a.link{
	color:  #7eb0cd;
	font-weight: bold;
	float:  right;
	text-decoration: underline;
	padding-right: 10px;
	display:block;
	text-align: left;
	background: url(../images/bullet_blue.png) right 5px no-repeat;
	}

	#blog .col a.link:hover{ 
	color:  #193f3f;
	background: url(../images/bullet_green.png) right 5px no-repeat;	
	}

	#blog .col{
	width:  312px;
	float:  left;
	}

	#blog .divider{
	border-top:solid 1px #006666;
	margin-top: 30px;
	}

	#sponsors {
	}

	#sponsors h2{
	font-size: 1.32em;
	padding: 7px 18px;
	}

	#sponsors a img{
	float:  left;
	padding: 20px 0 20px 20px;
	}
	/* @end */


	/* @group -content_wide */
	#content_wide {
	width: 960px;
	float:  left;
	padding: 0 20px 20px 20px;
	}
	
	/* @end */
	
	/* @group -content_narrow */
	#content_narrow {
	width: 486px;
	float:  left;
	padding: 0 0 20px 86px;
	}

	#content_narrow.journalists3 {
	width: 700px;
	float:  left;
	padding: 0 0 20px 20px;
	}
	
	#content_narrow p a{
	color: #EC9E15;;
	text-decoration: underline;
	}

	#content_narrow p a:hover{ 
	text-decoration: none;
	}
	
	.entry {
	padding: 20px 0 30px 0;
	}
	.entry a{
          color: #193F3F;
        }
.entry_indented {
	padding: 0px 0px 0px 20px;
	}
	.entry_indented a{
          color: #193F3F;
font-weight:normal;
        }
	#content_narrow h3, .entry h3 {
	background: url(../images/h3_arrow.png) 0 3px no-repeat;
	padding: 10px 20px 10px 40px;
	margin: 0;
	color: #338585;
	font-size: 2.4em;
	position: relative;
	left: -40px;
	}
	
	.entry h4{
	margin: 0;
	color: #4c85a7;
	font-size: 1.4em;
	font-weight: normal;
	}
        
        .entry h4 a{
         color: #006a71;
         font-size: 1.2em;
         font-weight:bold;
         }
         .entry h5, .entry h5 a{
          color: #4c85a7;
          font-weight: normal;
          font-size: 1em;
          }
         
	
	.hdr_brk, .entry .hdr_brk{
	 border-top: thin solid #338585;
	 margin: 10px 0px 20px 0px;
	}
	
	.entry p{
	   line-height: 1.7em;
	}
	.entry p:first-line{
	   font-weight: bold; color: #1d2828;
	}
	
	.entry img{
	float: right;
	margin: 4px 0 4px 4px;
	position: relative;
	right:  -30px;
	}

        .entry img.no_float{
            float: none;
        }

	.entry blockquote{
	background: #006666 url(../images/block_quoteA.png) 20px 15px no-repeat;
	padding: 15px 40px 15px 60px;
	float: right;
	width: 200px;
	margin: 4px 0 4px 4px;
	position: relative;
	right:  -30px;
	}
	
	.entry blockquote p{
	color: #f8d87d;
	font-size: 2em;
	line-height: 1.2em;

	}
	
	.entry blockquote span{
	background: url(../images/block_quoteB.png) right 4px no-repeat;
	padding-left: 35px;

	}
	
	.entry ul {
	padding: 14px 20px 1px 20px;
	font-size: 1em;
	}
	
	.entry ul li, a.bullet {
	background: url(../images/listbullet_green.png) 0 5px no-repeat;
	color: #174043;
	margin: 0 0 10px 0;
	padding-left: 20px;
	}
	.entry ul li a{
	color: #174043;
        text-decoration: none;
	}	
	.entry ul li a:hover{
        text-decoration: underline;
	}			
	/* @end */
	
	/* @group -sidebar */
	#sidebar {
	width: 216px;
	float:  right;
	padding-right: 20px;
	}
	
	#sideNav {
	width: 216px;

	background: #006666 url(../images/sideNav_bg.png) 0 0 repeat-y;
	margin-bottom: 20px;	
	}
		
	#sideNav ul { 
	padding: 14px 20px 1px 0;
	margin-left: 21px;
	font-size: 1.1em;
	}
	
	#sideNav ul li {
	margin: 0 0 10px 0;
	}
	
	#sideNav ul li a{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 6px 0 6px 22px;
	margin-right: 20px;
	}
	
	#sideNav ul li a:hover, #sideNav a.selected{ 
	background: url(../images/sideNav_arrow.png) -4px 0 no-repeat;

	color: #ffb951;
	padding-left: 22px;
	}

	#sidebar .callout, #sidebar .participating { padding-bottom: 20px;}
	
	#sidebar .callout a{
	height:  101px;
	width:  216px;
	display: block;
	text-indent: -9999px;
	background: url(../images/cta_GetInvolved.jpg) 0 0 no-repeat;
	}
	
	#sidebar .callout a:hover { background: url(../images/cta_GetInvolved.jpg) 0 -101px no-repeat; }
	
	#sidebar .participating h2, #sidebar .endorsements h2, #sidebar .section h2 {
	background: #193f3f;
	color: #7eb0cd;
	font-weight: normal;
	font-size: 1.32em;
	padding: 7px 10px;
	clear: right;
	margin: 0 0 20px 0;
	}
	
	#sidebar .participating img {
	float:  left;
	padding: 0 8px 0px 0;
	}
	
	#sidebar .participating p {
	float:  left;
	margin: 0;
	width:  216px;
	}
	
	#sidebar .participating p span.quoteA {
	background: url(../images/quoteA.png) 0 0 no-repeat;
	height: 7px;
	width: 10px;
	padding-right: 8px;
	}
	
	#sidebar .participating p span.quoteB {
	background: url(../images/quoteB.png) 2px 0 no-repeat;
	height: 7px;
	width: 10px;
	padding-left: 10px;
	}
	
	#sidebar .participating h4.name {
	color: #408f95;
	font-weight: normal;
	margin: 6px 0 0 0;
	clear:  left;
	font-size: 1em;
	float:  left;
        width: 100%;
       display:block;
	}
	
	#sidebar .participating p.description {
	color: #7eb0cd;
	font-size: .8em;
	margin:0;
	line-height: 1em;
	float:  left;
	clear: left;
	}
	
	#sidebar .participating a.link {
	color: #193f3f;
	font-weight: bold;
	float: right;
	text-decoration: underline;
	padding-right: 10px;
	display:block;
	text-align: left;
	background: url(../images/bullet_green.png) right 5px no-repeat;
	margin-top:10px;
	}
	
	#sidebar .participating a.link:hover {
	color: #7eb0cd;
	background: url(../images/bullet_blue.png) right 5px no-repeat;	
	}
		
	#sidebar .endorsements ul, #sidebar .section ul { margin-left: 10px;}
	
	#sidebar .endorsements ul li {
	background: #fff url(../images/listbullet_blue.png) 0 5px no-repeat;
	padding-left: 10px;
	margin: 0 0 10px 0;
	}
	
	#sidebar .endorsements ul li a{
	color: #449297;
	text-decoration: none;
	font-weight: bold;
	}
	
	#sidebar .endorsements ul li a:hover{ text-decoration: underline;}

	#sidebar .section ul li {
	padding-left: 10px;
	margin: 0 0 10px 0;
	}
	
	#sidebar .section ul li a{
	color: #193f3f;
	text-decoration: none;
	display: block;
	}
	
	#sidebar .section ul li a:hover{ 
	color: #498eaa;
	text-decoration: underline;
	}
	
	#sidebar .section ul li span a {
	background: #fff url(../images/bullet_greenLrg.png) 0px 4px no-repeat;
	padding-left: 20px;
	}
	
	#sidebar .section ul li span a:hover {
	background: #fff url(../images/bullet_blueLrg.png) 0 4px no-repeat;

	}

        #sidebar p.archives{
               padding: 0px 0px 0px 20px;
         }
        #sidebar p a{
               color: #193F3F;
               text-decoration: none;
         }	
         #sidebar p a:hover{
             color: #498eaa;
             text-decoration: underline;
          }
	/* @end */	
	
	
	/* @group -footer */
	#footer { 
	clear: both;
	background: #193f3f;
	height: 40px;
	padding: 25px 20px 20px 20px;
	margin-top:20px 
	}
	
	#footer h2{ 
	color: #bf8b3d;
	font-weight: normal;
	font-size: 1.35em;
	margin: 0;
	float: left;		
	}
	
	#footer p{ 
	color: #bf8b3d;
	font-weight: normal;
	font-size: 1em;
	margin: 0;
	float:  right;
	text-align: right;
	}

       #footer a{
            color: #BF8B3D;
        }
	/* @end */	
	
	/* @group -form elements */
	button { 
	cursor: pointer; 
	width: auto;
	overflow: visible;
	}
	label { font-weight: bold; }
	/* @end */		

/* @end */
/* @group =pages */

	/* @group -journalists */
	
	#content_narrow h2#journalists {
	background: url(../images/h2_journalists.png) 0 0 no-repeat;
	height: 77px;
	width: 282px;
	text-indent: -9999px;
	margin: 0;
	padding-bottom: 10px;
	position: relative;
	left: -86px;
	}

	#content_narrow.journalists3 h2#journalists {
	background: url(../images/h2_journalists.png) 0 0 no-repeat;
	height: 77px;
	width: 282px;
	text-indent: -9999px;
	margin: 0;
	padding-bottom: 10px;
	position: relative;
	left: -20px;
	}

	#content_wide h2#journalists {
	background: url(../images/h2_journalists.png) 0 0 no-repeat;
	height: 77px;
	width: 282px;
	text-indent: -9999px;
	margin: 0;
	padding-bottom: 10px;
	position: relative;
	left: -20px;
	}
	
	div.journalists {
	padding: 21px;
	width: 187px;
	float:  left;
	}
	
	div.journalists .photo {
	background: #fff url(../images/journalist_bg-top.png) 0 0 no-repeat;
	height: 182px;
	width: 187px;
	}
	
	/*div.journalists .photo img{
	height: 152px;
	width: 152px;
	padding: 14px 0 0 20px;
	}*/

	.journalists .photo span img{
	width: 100%;
	}
	
	.journalists .photo span{
	height: 152px;
	width: 152px;
	overflow: hidden;
	position: relative;
	top: 13px;
	left: 20px;
	/*padding: 14px 0 0 20px;*/
	display: block;
	}

	div.journalists .bio {
	background: #fff url(../images/journalist_bg-bottom.png) 0 0 repeat-y;
	padding:0 0 4px 0;
	}
	
	div.journalists .bio h4{
	margin: 0 24px 0 10px;
	color: #006666;
	text-align: right;
	font-size: 1.4em;
	}
	
	div.journalists .bio p.affiliation{
	margin: 0 24px 0 10px;
	color: #193F3F;
	text-align: right;
	font-weight: bold;
	font-size: 1.2em;
	}	
	
	/* @end */
	
	
	
	/* @group -contact */
	
	
	h2#involved {
	background: url(../images/h2_involved.png) 0 0 no-repeat;
	height: 84px;
	width: 265px;
	text-indent: -9999px;
	margin: 0;
	padding-bottom: 10px;
	position: relative;
	left: -80px;
	}
	
	form#contact_form {
	padding: 20px 0;
	}
	
	form#contact_form fieldset{
	border:none;
	width: 420px;
	}
	
	form#contact_form .row, form#contact_form .rowA{
	padding-bottom: 10px;	
	float: left;
	clear: left;
	}
	
	form#contact_form .rowA{
	width:  200px;
	}
	
	form#contact_form .rowB{
	padding: 0 83px 10px 10px;	
	float: right;
	
	}
	
	form#contact_form .row div{
	clear: left	}
	
	form#contact_form .row input,form#contact_form .row textarea, form#contact_form .rowA input, form#contact_form .rowB input{
	background: url(../images/form_bg.png) 0 bottom repeat-x;
	border:solid 1px #5f8383;
	padding: 4px;
	font: 100% Arial, Helvetica, Sans-Serif;
	line-height: 1.2em;
	float: left;
	}

	form#contact_form .rowB div.select{float: left;}
	
	form#contact_form .rowB select{
	background: url(../images/form_bg.png) 0 bottom repeat-x;
	border:solid 1px #5f8383;
	height:  23px;
	padding: 2px;
	float: left;
	}
	
	form#contact_form .rowB select option{
	background: #fff;
	padding: 2px;
	}
	
	form#contact_form .row textarea{
	width: 410px;
	}
	
	form#contact_form .row label {
	color: #006666;
	font-size: 1.2em;
	width: 205px;
	float: left;
	}
	
	
	form#contact_form .rowA label, form#contact_form .rowB label{
	color: #006666;
	font-size: 1.2em;
	width: 100px;
	float: left;
	}
	
	form#contact_form .row  span{
	color: #6badc8;
	float: left;
	font-size: .9em;
	}
		
	form#contact_form .row input#last{
	margin-left: 10px;
	}
	
	form#contact_form .row  span#last{
	padding-left: 121px;
	}
	
	form#contact_form button#submit{
	background: url(../images/submit_btn.png) 0 0 no-repeat;
	float: right;
	border:none;
	display:block;

	padding: 4px;
	height:30px;
	width:106px;
	text-indent:-9999px;
	clear: left;
	}
		
	/* @end */
	
	
	
	/* @group -about */
	
	
	h2#about {
	background: url(../images/h2_about.png) 0 0 no-repeat;
	height: 75px;
	width: 220px;
	text-indent: -9999px;
	margin: 0;
	padding-bottom: 10px;
	position: relative;
	left: -80px;
	}
	
	.entry {
	}
	
	/* @end */

	/* @group -program */
	h2#program {
	background: url(../images/h2_program.png) 0 0 no-repeat;
	height: 75px;
	width: 220px;
	text-indent: -9999px;
	margin: 0;
	padding-bottom: 10px;
	position: relative;
	left: -80px;
	}
	/* @end */

	/* @group -blog */
	h2#blog {
	background: url(../images/h2_blog.png) 0 0 no-repeat;

	margin: 0;
	padding-bottom: 10px;
	position: relative;
	left: -80px;
	}
        h2#blog a{
	text-indent: -9999px;
	height: 75px;
	width: 220px;
display:block;
}
	/* @end */

	/* @group -press */
	h2#press {
	background: url(../images/h2_press.png) 0 0 no-repeat;
	height: 77px;
	width: 282px;
	text-indent: -9999px;
	margin: 0;
	padding-bottom: 10px;
	position: relative;
	left: -85px;
	}

	/* @end */


	/* @group -search results*/
	#searchResults a{
              color: #193F3F;
	}
        #searchResults a:hover{
              color: #498EAA;
        }
        #searchResults td.resultHead{
              color: #338585;
              font-size: 1.4em; 
              font-weight: bold;
        }
	/* @end */

       /* @group -comments */
       div.comment{
           background: #f3f3f3;
            padding: 5px 10px;
          margin: 0px 0px 10px 0px;
}
div#contentPrimary div.comment p{
     color: #006b72;
     padding: 0px 10px;
}
h4.comment_title{
      margin: 0px 0px 10px 0px;
      color: #338585;
      font-size: 1.8em;
}
h4.add_comment{
     color: #338585;
     margin-bottom: 0;
}
#comment a{
     color: #006a71;
}
div.comment p span.comment_by, #content_narrow div.comment p span.comment_by a{
      font-size: 1.2em;
      color: #006a71;
      font-weight: bold;
}
div.comment p span.comment_date{
      font-size: 1.1em;
      color: #4c85a7;
      font-weight: normal;
}
#comment_form input.submit, #comment_form input.preview{
       border: none;
       background: #193F3F;
       color: #fff;
       padding: 5px 10px;
       cursor: pointer;
       font-size: 1.1em;
}
#comment_form textarea, #comment_form input{
      border: 1px solid #006a71;
      font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
      font-size: 1em;
      padding: 5px;
      background: url(../images/form_bg.png) 0 bottom repeat-x;
}
#comment_form input.save_info, #comment_form input.notify_me {
       background:none;
       border: none;
}

/*APRIL ADDED*/
.callout2 a{
	height:  43px;
	width:  920px;
	display: block;
	text-indent: -9999px;
	background: url(../images/cta2_GetInvolved.jpg) 0 0 no-repeat;
	}
	
.callout2 a:hover { background: url(../images/cta2_GetInvolved.jpg) 0 -43px no-repeat; }

.donations {margin:0px 0px 15px 25px}

p.adr {line-height:14px; width:200px;}

.greyline
{
border-top:1px solid #e2e2e2;
clear:both;
}

       /* @end */

/* @end */