* {margin: 0; padding: 0;}

body {
	font: 0.75em "Arial", Verdana, sans-serif;
	color: #333333;
	background: #fff url(http://www.sustainweb.org/img/site_background.gif) repeat-x;
}

td {
	font: 1em "Arial", Verdana, sans-serif;
	color: #333333;
	padding: 3px;
}

a {
	color: #D5453B;
	background: #none; 
}

a:hover {
	color: #FFFFFF;
	background: #D5453B; 
}



	

p {
	margin: 5px 0 15px 0;
}

ol {
	margin:  5px 0 15px 25px;
}

ul {
	margin:  5px 0 15px 25px;
}

li{
	margin: 5px 0 5px 0;
}


H1  {
	font: 2em "Arial", Verdana, sans-serif;
	font-weight: 600;
	letter-spacing: -1.2px;
}

H2  {
	font: 1.5em "Arial", Verdana, sans-serif;
	font-weight: 600;
	margin: 5px 0 15px 0;
	letter-spacing: -1.1px;
}

H3  {
	font: 1.4em "Arial", Verdana, sans-serif;
	margin: 5px 0 15px 0;
}
H4  {
	font: 1.3em "Arial", Verdana, sans-serif;
	margin: 5px 0 15px 0;
}
H5  {
	font: 1.2em "Arial", Verdana, sans-serif;
	margin: 5px 0 15px 0;
}
H6 {
	margin: 5px 0 15px 0;
	font-weight: normal;
	border: 2px dotted #D5453B;
	padding: 7px;
	font: 1em "Arial", Verdana, sans-serif;
}

blockquote  {
	margin: 10px 10px 15px 10px;
}


.quote  {
	margin: 5px 0 15px 0;
	font-weight: normal;
	border: 2px dotted #D5453B;
	padding: 7px;
	font: 1em "Arial", Verdana, sans-serif;
}

.red {
	color: #D5453B;
}

.redbg {
	color: #fff;
	background: #D5453B; 
}


/* ######### GENERIC LAYOUT 2009 ######### */
#wrapper {
	margin: 0 auto;
	width: 800px;
	padding-top: 10px;
}

#searchrap {
	margin: 0 auto;
	background: #666666 url(http://www.sustainweb.org/img/searchrap_bg.gif) repeat-x;
	padding: 4px 4px 0px 7px;
	border-bottom: 1px solid #FFFFFF;
	}

#search {
	position: static;
	float: right;
	}
	
#navrap {
	margin: 0 auto;
	background: #666666;
	height: 28px;
	border-bottom: 1px solid #FFFFFF;
}
.navigation {
	background: #666666; 
	height: 28px;
}
.navigation a {
	background: #666666;
	border-right: 1px solid white;
	font: 12px "Arial", Verdana, sans-serif;
	color: white;
	float: left;
	padding: 0 7px 0 7px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover,.navigation a#active {
	background: #D5453B; 
	color: white;
}	

#sectrap {
	margin: 5px 0 1px 0;
	color:white;
	padding: 4px 7px 2px 7px;
}	
#sectrap a {
	color:white;
	font: 12px "Arial", Verdana, sans-serif;
	text-decoration:none; 
}
#sectrap a:hover {
	background: #D5453B; 
}
#secttitle {
	padding-top: 5px;
}


#content {
	margin: 7px 0px 5px 174px;
	border-left: 1px solid #ccc;
	padding: 15px 0px 15px 13px;
}

#content img {
	margin: 5px;
}


#content_full {
	margin: 1px 0px 5px 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}


#footwrapper {
	margin: 0 auto;
	width: 800px;
	border: 0px;
}

#footer {
	border-top: 1px dotted #999999;
	margin: 0;
	padding: 1px;
}

.clear,.clearer {clear: both;} 
.leftnock {	padding-left: 65px;}
.right { float: right; }

.home_titles_bold  {
	font: 30px "Arial", Verdana, sans-serif;
	font-weight: 600;
	letter-spacing: -1.2px;
}
.home_titles  {
	font: 26px "Arial", Verdana, sans-serif;
	letter-spacing: -1.2px;
}

#title  {
	font: 26px "Arial", Verdana, sans-serif;
	letter-spacing: -1px;
	border-bottom: 1px solid #CCCCCC;
}


.box3  {
	background: #ECECEC;
	padding: 10px;
	border: 1px solid #cccccc;
	position: static;
	float: right;
	width: 250px;
	margin: 5px 0px 10px 10px;
}

.box  {
	background: #ECECEC;
	padding: 10px;
	border: 1px solid #cccccc;
	position: static;
	float: right;
	width: 170px;
	margin: 5px 0px 10px 10px;
}

.letterframe{
	background: #ECECEC;
	padding: 15px;
	border: 1px solid #cccccc;
	margin: 15px 0px 15px 0px;
}

.star {
	background-image:url(/img/alert_small_star.png);
	background-repeat: no-repeat;
	background-position: top left; 
	margin: 8px 0 0 0; 
	padding: 5px 0 0 22px; 
	height: 22px;
}


/* ######### END GENERIC LAYOUT 2009 ######### */





/* ######### HOMEPAGE 2009 ######### */
#home_news_bar {
	float: right;
	width: 193px;
	padding: 0;
	margin-top: 3px;
} 

#home_news_bar p {
	padding-bottom: 5px;
}

#home_news_bar a {
	text-decoration: none;
	font-weight: bold;
}

.tools_bar {
	padding: 0 0 2px 0;
}
.tools_bar  a { color: #999; }

.tools_bar_rules {
	padding: 2px 0 2px 0;
	border-top: 1px dotted #bcbcbc;
	border-bottom: 1px dotted #bcbcbc;
}
.tools_bar_rules  a {	color: #999; }

#home_main {	
	float: left;
	width: 594px;
	padding: 0;
}

#home_content{
	float: left;
	width: 385px;
	padding: 14px 10px 0px 0px;
}


	
#home_content a {
	text-decoration: none;
}

#home_pubwebabout_bar {
	float: right;
	width: 195px;
	margin: 8px 0 0 0;
} 

#home_pubweb_box {
	border: 1px dotted #bcbcbc;
	background: #ececec;
	padding: 5px;
	margin-bottom: 10px;
}

	
#home_pubweb_box a {
	text-decoration: none;
	color: #333;
}

#home_pubweb_box a:hover  {
	text-decoration: none;
	color: #fff;
}


#home_pubs_box{
	border: 1px solid #bdbdbd;
	padding: 5px;
	background: #d9d7d7;
	margin-bottom: 10px;
}

	
#home_pubs_box a {
	text-decoration: none;
	color: #666;
}

#home_pubs_box a:hover  {
	text-decoration: none;
	color: #fff;
}


#home_about_box{
	border: 1px solid #dedede;
	padding: 5px;
	margin-bottom: 10px;
}

.contentdiv a {
	text-decoration: none;
	color: #fff;
	cursor: pointer;
}

.slider_title {
	font: 30px "Arial", Verdana, sans-serif;
	font-weight: 600;
	letter-spacing: -1.2px;
	line-height: 26px;
}

.slider_text {
	padding-top: 10px;
	font: 18px "Arial", Verdana, sans-serif;
}


/* ######### END HOMEPAGE 2009 ######### */





/* ######### HOME SLIDER 2009 ######### */
.sliderwrapper{
	float: left;
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 595px; /*width of featured content slider*/
height: 210px;
margin-bottom: 1px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 595px; 
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination {
height: 4px; /*leave as is*/
width: 595px
padding: 0;
margin: 0 0 10px 0;
}

.pagination a{
padding: 0 2px 0 0;
}

.pagination a:hover{
	background: #fff;
}

.pagination a img{
	border: 1px solid #fff;
}

.pagination a img:hover, .pagination a.selected img{
	border: 1px solid #ccc;
}

/* ######### END HOME SLIDER 2009 ######### */





/* ######### RIGHT BAR LAYOUT  ######### */

#content_with_rightbar {
	margin-top: 15px;
	padding-right: 10px;
	width: 590px;
}

#right_bar {
	position: static;
	float: right;
	width: 175px;
	margin-top: 15px;
	padding-left: 10px;
	border-left: 1px solid #cccccc;
}

.head1  {
	font: 1.5em "Arial", Verdana, sans-serif;
}
.head2  {
	font: 1.4em "Arial", Verdana, sans-serif;
}
.head3  {
	font: 1.3em "Arial", Verdana, sans-serif;
}
.head4  {
	font: 1.15em "Arial", Verdana, sans-serif;
}

/* ######### END RIGHT BAR  ######### */



/* ######### SECTION MENU LEFT 2009 ######### */
#nav {
	position: static;
	float: left;
	width: 162px;
	margin: 4px 0 15px 0;
}
#nav ul {
	margin: 1px 0px 10px 0px;
	padding: 0;
	list-style: none;
	border: 0;
}
#nav li {
	width: 162px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #666666;
}

#nav li a {
	display: block;
	font: 12px "Arial", Verdana, sans-serif;
	font-weight: normal;
	padding: 4px;
	color: #000;
	text-decoration: none;
	width: 154px;
	voice-family: "\"}\"";
	voice-family: inherit;
}
html>#nav li a {
	width: 154px;
}
#nav li a:hover {
	font-weight: normal;
	background: #D5453B;
	color: #FFFFFF;
	text-decoration: none;
}

.navd {
	padding-left: 5px;
	font-weight: bold;
	color: #FFFFFF;
}
.navdb {
	padding-left: 5px;
	font-weight: bold;
	border-right: 2px solid #D5453B;
	color: #FFFFFF;
}
.navd1 {
	padding-left: 5px;
}
.navd1b {
	padding-left: 5px;
	font-weight: bold;
	border-right: 2px solid #D5453B;
}
.navd2 {
	padding-left: 15px;
	font: 11px "Arial", Verdana, sans-serif;
}
.navd2b {
	padding-left: 15px;
	font-weight: bold;
	border-right: 2px solid #D5453B;
	font: 11px "Arial", Verdana, sans-serif;
}
.navd3 {
	padding-left: 25px;
	font: 11px "Arial", Verdana, sans-serif;
	font-style: italic;
}
.navd3b {
	padding-left: 25px;
	font-weight: bold;
	border-right: 2px solid #D5453B;
	font: 11px "Arial", Verdana, sans-serif;
	font-style: italic;
}
/* ######### END SECTION MENU LEFT 2009 ######### */








/* ######### MENU DROP DOWN 2009 ######### */
.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border-top: 0px solid #fff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px;
z-index: 1000; /*zIndex should be greater than that of shadow's below*/
background: #ececec;
}

.anylinkcsscols a{
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 0.8em;
	padding: 1px;
}

.anylinkcsscols a:hover {
	color: #FFFFFF;
	background: #D5453B; 
	}
	
.anylinkcsscols .nav_title{
 	font-weight: bold;
	font-size: 1.1em;
}

.anylinkcsscols .nav_header{
 	font-weight: bold;
	color: #d5453b;
	font-size: 1.2em;
	padding-top: 3px;
}

.anylinkcsscols .column{
width: 239px;
float: left;
}

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

.column_line li{
padding: 0;
margin: 5px;
}

.column li{
padding: 0;
margin: 5px;
}

.anylinkcsscols .column_line{
border-right: 1px solid #ccc;
width: 249px;
float: left;
}


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 999; /*zIndex for shadow*/
background: #fff;
visibility: hidden;
}

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
	background: #D5453B; 
	color: white;
	height: 28px;
}
/* ######### END MENU DROP DOWN 2009 ######### */






/* ######### HOME PAGES 2009 EG SFG ######### */
#home_section_content{
	float: left;
	width: 380px;
	padding: 10px 10px 0px 0px;
}

#home_section_bar {
	float: right;
	width: 170px;
	border-left: 1px solid #ccc;
	margin-top: 10px;
	padding: 0 10px 0 10px;
} 

#home_section_news_bar {
	float: right;
	width: 193px;
	border-left: 1px solid #ccc;
	padding: 0 0 0 10px;
	margin-top: 10px;
} 



ul.block2 {
	margin: 0;
	width: 100%;
}
.block2 li {
	list-style: none;
	border-top: 1px solid #ccc;
	padding: 0;
	margin: 0;
}
.block2 li a,.block li em {
	display: block;
}

.block2 li a {
	margin-top: 3px;
	text-decoration: none;
	width: 100%;
	color: #333
}
.block2 li a:hover {
	background: #EFEFEF;
}



/* ######### END SFG HOME PAGE 2009 ######### */





/* SLIDE SHOW ON THE HOMEPAGE */
ul.slideshow {
	list-style:none;
	width:580px;
	height:245px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}

#slideshow-caption {
	width:580px;
	height:45px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
	margin: 0;
	padding: 0;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;		
	z-index:900;
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	color: #fff;
	font-weight: bold;
}

#slideshow-caption p {
	margin:0;
	padding:0;
	color: #fff;
}
/* END SLIDE SHOW ON THE HOMEPAGE */


/* START HOMEPAGE HORIZ PIC BAR*/
div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 100px;
	width: 800;
	overflow: auto;
	border: 1px solid #ccc;
}
ul.sc_menu {
	display: block;
	height: 110px;
	/* max width here, for users without javascript */	
	width: 3000px;	
	padding: 0; 
	/* removing default styling */
	margin: 0;
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 4px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}

/* Here are styles for the back button, don't look at them */
#back {
	display: block;
	width: 500px;
	text-align: center;
	color: #003469;
	font-size: 16px;
}
/* END HOMEPAGE HORIZ PIC BAR*/



/* ALERTS ETC USED ON THE LFF LOGIN PAGE*/
.alert  {
	background-image:url(/img/realbread/alert_cross.png);
	background-repeat: no-repeat;
	background-position: top left; 
	background-color: #faf6f6; 
	margin: 10px 0 10px 0; 
	padding: 5px 5px 5px 25px; 
	border: 1px solid #d5453b;
}
.ok  {
	background-image:url(/img/realbread/alert_tick2.png);
	background-repeat: no-repeat;
	background-position: top left; 
	background-color: #fff; 
	margin: 10px 0 10px 0; 
	padding: 5px 5px 5px 25px; 
	border: 1px solid #24902D;
}
.success {
	background-image:url(/img/realbread/alert_tick.png);
	background-repeat: no-repeat;
	background-position: top left; 
	margin: 0 0 2px 0; 
	padding: 7px 0 6px 30px; 
	background-color: #fff;
	color: #24902D;
}

/*POP UP MESSAGE */	

.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 20px;
visibility: hidden;
z-index: 99;
background-color: #f7f7f7;
width: 380px;
border: 1px solid #ccc;
}

#arrowhead{
z-index: 100;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

/* ALERTS ETC USED ON THE LFF LOGIN PAGE*/

/* LOCAL FOOD FINDER*/
#sidebar {
	margin: 5px 5px 0 0px; 
	overflow: auto; 
	height: 400px; 
	font-size: 11px;
}

#sidebar p {
	font-size: 13px;
}
#sidebarmessage {
	margin: 0 0 0 10px; 
}


.no_hover a.no_hover_image {     
	margin-bottom: 0; 
	padding-bottom: 0; 
} 
.no_hover a.no_hover_image:hover {     	
	background: none; 
	margin-bottom: 0; 
	padding-bottom: 0; 
} 



.bubble  {
	font-size: 13px;
}
.bubble a {
	font-size: 11px;
	color: #24902D;
}
.bubble a:hover {
	font-size: 11px;
	background: #FFBF1A;	
	color: #fff;
}
/* END LOCAL FOOD FINDER*/



/* ------------------------------------------------------------
	NETWORKS ADMIN 2011
---------------------------------------------------------------- */
	
.savebox {
	border-top: 1px solid #ccc;
	padding: 10px 0 5px 0;
	margin-top: 15px;
	color: #666;
	}

.questionbox {
	border: 1px solid #ccc; 
	padding: 10px; 
	margin: 0 0 15px 0; 
	background: #fff url(http://www.sustainweb.org/img/site_background.gif) repeat-x;
	}
	
.questionboxtitle {
	font: 1.8em "Arial", Verdana, sans-serif;
	font-weight: 300;
	letter-spacing: -1.2px;
	color: #d5453b; 
	margin-bottom: 10px
	}
	
.sdbpagetitle {
	font-weight: 300;
	font-family: Arial, Verdana, sans-serif;
	text-decoration: none;
	font-size: 2em;
	margin: 20px 0 5px 0;
	letter-spacing: -0.05em;
	}
	
	
/* ------------------------------------------------------------
	NETWORKS ADMIN 2011 ENDS
---------------------------------------------------------------- */