#AdvSearch td a {
font-size: 12px;
color: #3366CC;
font-weight:bold;
}

#AdvSearch th {
font-size: 11px;
color: #3366CC;
font-weight:bold;
text-decoration: underline;
}


.advancedSearch {
	margin-top: 3px;
}

#AdvSearchForm {
	background-color:#EEECE0;
	margin: 10px 0px;
	padding:8px 10px 6px;
	border:1px dotted #CCCCCC;
}

.AdvSearchFormLabel {
	width: 90px;
	float:left;
	font-weight: bold;
	margin: 5px 0px;
}

.AdvSearchFormContent {
	float:left;
margin: 5px 0px;
}

.badges li {
margin-left: 20px;
}

.dateline {
font-size: 10px;
color:#666;
margin-bottom: 3px;
}

a.emailFriend2 {
	display: block;
	width: 114px;
	height: 11px;
	background-image: url(/assets/emailfriend.png);
	behavior: url(/iepngfix.htc);
	text-decoration:none; 
	position: absolute;
	top:110px;
	right: 150px;
}

a.emailFriend2:hover{
	background-image: url(/assets/emailfriend-over.png);
	text-decoration:none; 
	behavior: url(/iepngfix.htc);
}

#nrlegal {
       width: 600px;
        height: 200px;
	/* overflow-x: hidden;
	overflow-y: auto;*/
	margin: 10px 0px;
        border: solid 1px #ccc;
}

/* this styles just the iframe itself; the contents of the 
iframe are styled in movement/listings template */

#listings {
        width: 100%;
        height: 232px;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 2px 0px;
        border: solid 1px #e3e3e3;
}

.listheading {
	font-weight: bold;
	font-size: 12px;
	color:#3366CC;
}

/* these styles are for highlight boxes */

#featuredListing {
       background-color:#EEECE0;
border:1px dotted #CCCCCC;
padding-left:10px;
padding-right:10px;
padding-bottom:6px;
padding-top:8px;
margin-top: 10px;

}

#featuredListing2 {
       background-color:#FFFFFF;
border:1px dotted #FF6600;
padding-left:10px;
padding-right:10px;
padding-bottom:6px;
padding-top:8px;

}

#featuredListing3 {
       background-color:#ACCB4E;
border:1px dotted #CCCCCC;
padding-left:10px;
padding-right:10px;
padding-bottom:6px;
padding-top:8px;

}

#featuredListing4 {
       background-color:#E6DD73;
border:1px dotted #CCCCCC;
padding-left:10px;
padding-right:10px;
padding-bottom:6px;
padding-top:8px;

}

#featuredListing5 {
       background-color:#E6DD73;
       border:1px dotted #CCCCCC;
       padding-left:10px;
       padding-right:10px;
       padding-bottom:6px;
       padding-top:8px;
font-weight: bold;
}

#featuredListing5 a {
       text-decoration: underline;
       color: #3366cc;
}


/************** RESOURCE ELEMENTS, create a container with a row of content boxes with titles *****************/

.featuredResourceElement {
float:left;
width:198px;
}

.featuredResourceElementWide {
float:left;
width:410px;
}

.padLeft14 {
padding-left: 14px;
}

.featuredResourceTopHeader {
background-color:#296faa;
font-family: courier;
font-size: 18px;
color:#fff;
font-weight:normal;
padding:0px 0px 0px 4px;
height: 20px;
}

.featuredResourceTop {
height: 226px;
border:1px dotted #4f7093;
}

.featuredResourceTopContent{
padding:8px;
}

.featuredResourceMid {
height: 128px;
border:1px solid #4f7093;
background-color:#e3ebf3;
}
.featuredResourceMidContent{
padding:8px;
}

.relativeTop{
position:relative;
left:182px;
top:100px;
}
/*******************************/

.chickletblu {
background-color:#4f7093;
font-family: courier;
font-size: 12px;
color:#fff;
font-weight:normal;
padding-left:10px;
padding-right:10px;
padding-bottom:6px;
padding-top:8px;

}
.chickletwht {
       background-color:#FFFFFF;
color:#000;
padding-left:10px;
padding-right:10px;
padding-bottom:6px;
padding-top:8px;

}

.chickletdash {
background-color:#fff;
font-family: courier;
font-size: 12px;
font-weight:normal;
padding-left:10px;
padding-right:10px;
padding-bottom:6px;
padding-top:8px;
border:1px dotted #4f7093;
}


#featuredListing h2 {
color: #666 !important;
font-size:10px !important;
}

#featuredListing .title {
margin: 5px 0px 3px;
font-size: 14px;
font-weight: bold;
color: #3366CC;
}

#featuredListing .state {
margin-bottom: 5px;
}


.topnav {margin-top: 5px; color: #565656;}
.topnav a { color: #565656;}
.topnav a:hover {color:#000;}
.left-element {float: left;}
.right-element {float: right;}
*>html .left-element {width: 49%;}
*>html .right-element {width: 49%;}

.mailmessage {
margin: 20px 60px 20px 0px;
padding: 20px 40px;
background-color: #f8f7ef;
}

.mailmessage a {
font-size: 12px !important;
}

.mailmessage p {
color: #000 !important;
font-size: 12px !important;
}

.mailmessage h2 {
color:#756f49 !important;
font-size: 15px !important;
}

.tip {
font-weight: bold;
color: #3366CC;
}


.clubResources ul {

	list-style-image: url('/assets/list_arrow.gif');
	padding-left:20px;
	margin:0;
	list-style-type:none;

}

.paginate {float:right;}

.lineSearch {
	border-bottom: 1px dotted #CCC;
margin-bottom: 5px;
}




hr {
	height: 0px;
	color: #FFFFFF;
	background-color: #FFFFFF;
	border-color: #CCC;
	border-width: 0px;
	border-bottom-width: 1px;
	margin: 4px 0px;
	border-style: dotted;
}

#column1_pad h3 {
	margin-bottom: 10px;
}

#rotator {
	position: absolute;
	width: 449px;
	height: 141px;
	top: 45px;
	left: 451px;
	margin: 0px;
}

/* style the links for the top level */
.menu a {
	display:block;
	font-size:11px;
	text-decoration:none;
	color:#808080;
	height:21px;
	background:#FFFFFF;
	padding-left:8px;
	padding-right: 8px;
	line-height:24px;
 	_width: 45px;
}

.menu a.long {
	_width: 135px;
}

.menu a.book {
	_width: 55px;
}

.menu a.medium {
	_width: 65px;
}

.menu a.short {
	_width: 25px;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	top:21px;
	left:0;
	width:149px;
	border-color: #8C8C72;
	border-left:1px solid #8C8C72;
	border-right: 1px solid #8C8C72;
	border-bottom: 1px solid #8C8C72;
	border-top: 4px;
	_width: 25px;
} 


/* position the third level flyout menu */
.menu ul ul ul{left:147px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a {background:#D3D0C1; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
 
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#807B5B;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#807B5B;}



/*STYLES
-------------------------------------------------------------*/

img {
	border: 0; 
}

#breadcrumbs {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.friend {
	clear: left;
}

a.emailFriend {
	display: block;
	width: 114px;
	height: 11px;
	background-image: url(/assets/emailfriend.png);
	behavior: url(/iepngfix.htc);
	text-decoration:none; 
}

a.emailFriend:hover{
	background-image: url(/assets/emailfriend-over.png);
	text-decoration:none; 
	behavior: url(/iepngfix.htc);
}




a.printFriendly {
	display: block;
	width: 120px;
	height: 11px;
	background-image: url(/assets/printfriendly.png);
	behavior: url(/iepngfix.htc)	;
	text-decoration:none; 
}

a.printFriendly:hover{
	background-image: url(/assets/printfriendly-over.png);
	text-decoration:none; 
	behavior: url(/iepngfix.htc);
}

* {
	margin: 0;
	padding: 0;
}

.clear { 
	clear: both; 
}

p {	
	color: #666;
}

.red {
	color: #cc0000;/* red */
}

.blue{
	color:#3366cc;
}

.black{
	color:#000;
}

body {

	background-color:  #f0eee8;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
}

h1 {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
}

#speakers{
	
}

#wrapper {
	width: 900px;
	margin: 0 auto;
}

#header {
	position: relative;
	padding-top: 6px;
	height: 180px;
	background-color: #eeefde;
	border-top: 4px solid #827b5a;
margin-top: 5px;
}

#header_small {
	position: relative;
	padding-top: 6px;
	height: 65px;
	background-color: #eeefde;
	border-top: 4px solid #827b5a;
margin-top: 5px;
}

#header a img, #header_small a img {
	border: 0;
}

#print_pdf {
	font-size: 10px;
	color: #fff;
	padding: 3px 3px 3px 20px;
	position: absolute;
	bottom: 8px;
	left: 580px;
	text-decoration: none;
	background: url('/assets/icon_pdf.gif') top left no-repeat;
}

#print_pdf:hover {
	text-decoration: underline;
}

#columns {
	background-color: #fff;
}

.column {
	padding-bottom: 20px;
}

#column1 {
	float: left;
	width: 24%;
/*	width: 226px;*/
	border-left: 1px dotted #ccc; !important;
	border-right: 1px dotted #ccc; !important;
	margin-top: 10px;
}

#column1_pad {
	padding: 0px 12px 17px 12px;
}

#column2 {
	float: left;
	width: 50%;
/*	width: 451px;*/
}

#column3 {
	float:right;
	width: 24%;
/*	width: 220px;*/
	padding-top: 8px;
}

#column2_pad {
	padding: 0px 12px 17px 12px;
}

#column3Padding {
	padding-top: 0px;
	padding-right: 15px;
}

#column2nd{
	float: left;
	width: 550px;
}

#columnReport{
	float: left;
	width: 590px;
}

#column2nd p{
	margin-top: 10px;
	color :#000;
}

#column2nd td {
	padding-right: 32px;
}

#speakertable {
	margin-top: 15px;
}

#speakertable h2 {
	margin-top: 10px;
}

#column2nd .info {
	color: #3366CC;
	font-size: 9px;
	font-weight: bold;
}

#column2nd .info a {
	text-decoration: underline;
}

#column2nd .info a {
	text-decoration: underline;
}

#content {
	padding: 12px 12px 0 22px;
}

#content p {
	margin-bottom: 8px;
}

.bio {
	color: #999900;
	font-size: 9px;
	font-weight: bold;
}

.smalltitle {
	color: #3366cc;
	font-size: 9px;
	font-weight: bold;
}

.byline {
	display: block;
	color: #3366cc;
	font-size: 11px;
	margin-top: 3px;
	text-align: right;
}

.leader {
	color: #000;
}

.leader h1 {
	color: #999900;
	margin-bottom:5px;
}

.leader img {
	margin-right: 7px;
}

h3 {
 	font-size:9px;
	color: #666666;
	margin-top: 15px;
}

h3.headerTag {
 	font-size:9px;
	color: #666666;
	margin-top: 0px;
}

h4 {
	font-family: georgia;
        font-style: italic;
	font-size: 14px;
        margin-right: 22px;
        margin-left: 22px;
        font-weight: bold;
        color: #999933;
}

h5 {
        font-size: 18px;
        color: #FFFFFF;
}


.movement h1 {
	font-size:11px;
	color: #000;
	border-top:1px dotted #CCC;
	margin-top:10px;
	padding-top:10px;
}


.moveurl a {
	color: #000 !important;
}

#search_form_input {
	position: absolute;
	top: 51px;
	left: 736px;
	width:  121px;
	height: 16px;
}

#search_form_input input {
	height: 12px;
	background-color: #FFFFFF;
	color: #000000;
	width: 121px;
	font-size: 80%;
	text-transform: uppercase;
}

.description{
	font-weight: normal;
	font-size: 10px;
	color: #999900;
}

.photo {
	margin-bottom: 8px;
}

.headshot {
	width: 80px;
}

.photo .caption {
	text-align: right;
	color: #fff;
	background-color: #9da9b7;
	padding: 2px 0;
}

.photo .caption a {
	font-size: 9px !important;
	padding: 2px 17px 2px 2px;
	background: url('/assets/arrow.gif') top right no-repeat;
}

.float {
	float: right;
	margin-left: 6px;
}

.photo .caption a {
	font-size: 10px;
	color: #fff;
	text-decoration: none;
}

.photo .caption a:hover {
	text-decoration: underline;
}

#content a.category {
	color: #3366CC;
	text-decoration: none;
}

#content a.category:hover {
	color: #3366CC;
	text-decoration: underline;
}

.summary {
	margin: 0 0 12px 0;
}

.newsFeature {
	border: 1px dotted #ccc;
	background-color: #eeece0;
	padding: 10px;
	margin-bottom: 15px;
}

.summary p {
	margin-bottom: 4px !important;
	font-size: 12px;
	line-height: 18px;
	color: #000;
}

.summary h1 {
	font-weight: bold;
	font-size: 10px;
	color: #999900;
	margin-bottom: 3px;
}

.summary h2, .summary strong, #content h2 {
	color: #3366cc;
	font-size: 12px;
	margin-bottom: 4px;
}

.summary h2 a {
	color: #3366cc !important;
	font-size: 12px !important;
	text-decoration: underline !important;
}

.summary h2 a:hover {
	text-decoration: none !important;
}

h2.rightNav {
	color: #999900;
	font-size: 12px;
	margin-bottom: 0px;
/*	margin-top: 12px; */
	clear: both;
}

#content h2.featuredNews {
	font-size: 16px;
}

h2.rightNavSearch {
	color: #3366cc;
	font-size: 12px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.summary .links, #content .links {
	list-style-type: none;
	margin: 0 0 8px 0;
}

.summary .links a, #content a , .articles a, #column3 a, .summary p a , .chicklet p a{
	font-size: 10px;
	text-decoration: none;
	color: #3366CC;
}

#content a:hover, #column3 a:hover {
	color: #000;
}

.summary .links li{
	margin-bottom: 2px;
}

.summary .links a:hover {
	color: #000;
}

.inline_cols {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	position: relative;
	margin: 8px 0 16px 0;
}

.inline_col1, .inline_col2 {
	padding-top: 8px;
}

.inline_col1 {
	position: relative;
	width: 47%;
	border-right: 1px solid #ccc;
	padding-right: 8px;
}

.inline_col2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 47%;
}

#column3 .summary, #column3 .articles {
	border-bottom: 1px solid #ccc;
	padding: 0 10px 12px 10px;
}

.articles a {
	font-weight: bold;
}

.callout p {
        padding-top: 34px;
        background: url('/assets/wingding.gif') top center no-repeat;
        text-align: center;
        font-family: georgia;
        font-style: italic;
        font-size: 14px;
        color: #999900;
}

.callout .links {
        margin-top: 14px;
}

.callout .links li a {
        font-family: georgia;
        font-style: italic;
        font-size: 14px;
}

.callout .links li {
        text-align: center;
}

.banner {
	margin: 8px 0 16px 0;
}

p.intro, p.quote {
	font-family: georgia;
	font-style: italic;
	font-size: 14px;
	color: #999900;
}

.sidebar {
	margin: 12px;
	padding-top: 12px;
	border-top: 3px solid #999900;
	width: 200px;
	float: right;
}

.sidebar .summary, .sidebar .quote {
	border-bottom: 1px solid #ccc;
	padding-bottom: 12px;
}

.photo .links , .articles .links{
	list-style-type: none;
}

.articles .links li{
	margin-bottom: 10px;
}

#column3 .photo {
	margin: 4px 0 10px 12px;
}

#signup_form {
	position: absolute;
	left: 592px;
	top: 12px;
}

#signup_form h1 {
	color: #fff;
	font-weight: normal;
	font-size: 13px;
}

#signup_form input {
	margin: 0;
}

#signup_form .submit {

}

#footer {
	clear: both;
	background: #fff;
	padding: 12px;
	text-align: center;
	border-top: 1px dotted #777; !important;
	margin: 0 auto;
}

#footer a {
color: #565656;
}

#footer a:hover {
color: #000;
}


#edit {
	float: right;
	padding: 3px 6px 3px 6px;
}

.line {
	border-bottom: 1px dotted #CCC;
	margin: 20px 0 15px 0;
	clear: both;
}

.line_none {
	border-bottom: 1px dotted #CCC;
	margin: 20px 0 15px 0;
	clear: both;
}

.searchLine {
	border-bottom: 1px dotted #777;
	margin: 10px -10px 0px -11px;
}

.inlinePhoto {
	float: left;
	margin: 5px 5px 5px 0px;
}

.searchButton {
	height: 20px;
}

.marker { 
	background-color: #ff0; 
}

.chicklet, .chicklet_middle  {
	clear: both;
	padding-bottom: 30px;
}

.chicklet p, .chicklet_middle p {
	clear: both;
}	

.chicklet_middle a{
	font-size: 10px;
        font-weight: bold;
	color: #999900;
	text-decoration: none;
}				

.menu {
	height:21px;
	font-size:11px;
	position:relative;
	z-index:100;
	border-top:1px solid #8C8C72;
	border-bottom:1px solid #8C8C72;
	background-color: #FFFFFF;
        color: #000000;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu ul ul {
/* width:149px; */ 
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	position:relative;
/*margin: 0px 1px;*/
	_width:25px; /* padding-right: 23px; */
}




/* style the second level background */
.menu ul ul a.drop {
	background-image: url(/assets/drop.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}


/* style the second level hover */
.menu ul ul a.drop:hover {
	background:#EEA920;
}

.menu ul ul :hover > a.drop {

}

/* style the third level background */
.menu ul ul ul a {

}

/* style the third level hover */
.menu ul ul ul a:hover {

}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
	visibility:visible;
}
	.one {background-color: #ECECEC}
	.two {background-color: #FFFFFF}

#movementList {width:630px;}
#movementList th {padding-left: 8px;}
#movementList td {padding: 10px;}
#movementList td.title {font-weight: bold;}

#movementList a {
	color: #3366cc !important;
	font-size: 11px !important;
	text-decoration: none ;
}

.C11 {font-weight: bold; color: #ED6466}
.C13 {font-weight: bold; color: #6A79F8}
.C15 {font-weight: bold; color: #8CD979} 
.C49 {font-weight: bold; color: #6A79F8} /*using program blue for now*/
.C50 {font-weight: bold; color: #6A79F8} /*using program blue for now*/
.C51 {font-weight: bold; color: #ED6466} /*using campaign red for now*/

.C61 {font-weight: bold; color: #6A79F8}/*nl god using program blue for now*/
.C81 {font-weight: bold; color: #ED6466}/*nln using campaign red for now*/

#checkboxes {float:left; margin:-5px 0px 5px 0px;}
#checkboxes img {margin: 0px 0px 0px 2px}/* {margin: 0px 3px 0px 5px}*/
#checkboxes input {margin-left: 10px;}

/* Sortable tables
table.sortable  th {
    font-weight: bold;
    cursor: pointer;
}
*/

/* NEW FOR MEMBERSHIP */
#signin  {margin-top: 10px;}
#signin td {padding-bottom:7px;}
#signin h2  {color:#999900; font-size:12px; margin-bottom:0;}

#regTable {width:550px;}
#regTable th {padding-left: 5px;}
#regTable td {padding: 5px;}
#regTable td.title {font-weight: bold;}

#membertools {
margin: 0; 
padding: 0; 
list-style-type: none;
}

#membertools li {
margin: 0px; 
padding: 3px 18px;
background: url('http://www.childrenandnature.org/assets/list_arrow.gif') 0 9px no-repeat;
}

#membertools li a{
font-size: 12px !important;
}

#membertools a {
font-size: 15px !important;
}

#toplogin {

margin: 3px; 

}

.rss_entry {
margin: 20px 0px;
}

.rss_entry a {
font-size: 15px !important;
}

.rss_entry .rssdate {
font-weight: normal;
color: #999;
font-style: italic;
}

.rss_entry .rsschannel {
font-weight: bold;
color: #999;
}

.rss_entry .rssdescription {
font-size: 12px;
}


/************** GRASSROOTS STYLES, including sub columns *****************/

#column1_grassroot {
	float: left;
	width: 50%;
	border-right: 1px dotted #ccc !important;
}

#column1_grassrootVideo {
	float: left;
	width: 74%;
	background-color: #918D70;
	border-right: 1px dotted #ccc !important;
}

#column1_grassroot_pad {
	padding: 0px 12px 17px 0px;
}

#column2_grassroot {
	float: left;
	width: 24%;
}

#column2_grassroot_pad {
	padding: 0px 12px 17px 12px;
}

#column2_grassroot a:hover{
	font-size: 10px;
	text-decoration: underline !important;
}

#column3_grassroot {
	float: right;
	width: 24%;
	border-left: 1px dotted #ccc !important;
}

#column3_grassroot_pad {
	padding: 0px 12px 17px 12px;
}

#column3_grassroot a:hover{
	font-size: 10px;
	text-decoration: underline;
}

h3.headerTagVideo {
 	font-size:11px;
	color: #fff;
	margin: 8px 0px 0px 50px;
	text-align: left
}

ul.nobullets li {
	list-style-type:none;
}

/*****************************************************************/

.blueboxDiv {
    display:block;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border: solid 1px #3366CC !important;
    padding:8px !important;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    background: #fff;
    margin-bottom: 10px;
}

/********************** NFN SCROLLER ******************************/

#scrollinglogos {
background:url("/assets/nfn/NFN_partnerbar.jpg") no-repeat scroll left top transparent;
height: 113px;
}

#scrollinglogos #carousel img {
margin-top:34px;
border: none;
}

a#a_right.scrollLogoArrow {
background:url("/assets/nfn/arrow_right.png") no-repeat scroll left top transparent;
margin-left:-5px;
margin-left:558px;
position:absolute;
}

a#a_left.scrollLogoArrow {
background:url("/assets/nfn/arrow_left.png") no-repeat scroll left top transparent;
}

a.scrollLogoArrow {
float:left;
height:66px;
margin-top:30px;
outline:medium none;
width:30px;
}