@import url("reset.css");
@import url("buildup.css");
@import url("dbug.css");
/* updated CSS */
body{
	margin-top:40px;
	background-image:url(../images/bgr.gif);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#eaf0f7;
}

#site{
	padding:0;
	margin:0;
	min-height:100%;
	height:auto !important;
	height:100%;
	background-image:url(../images/logo-gr2.gif);
	background-repeat:no-repeat;
	background-position:center top;
}

#site-inner{
	margin:0 auto 0 auto;
	width:960px;
}

#page,
#page-header{
	overflow:auto;
	padding:0 11px 0 11px;
}

#slideshow{
float:left;
}

#callout-home{
	float:left;
	width:300px;
	height:219px;
	background:url(../../images/sustain_home.jpg) no-repeat;
}

#callout-home p{
	padding:130px 0 0 142px;
}

#callout-internal{
	float:left;
	width:306px;
	height:110px;
	background:url(../../images/sustain.jpg) no-repeat;
}

#callout-internal p{
padding:80px 0 0 182px;
}

#slideshow{}

#site-header{
	background-image:url(../images/corners-top.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:15px 11px 12px 11px;
	height:94px;
}

#site-header img{
	float:left;
}

#header-inner{
	float:right;
	width:763px;
	height:98px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
}

#site-nav,
#page-header,
#page,
#site-footer{
	background-color:#ffffff;
	background-image:url(../images/site-tile.gif);
	background-repeat:repeat-y;
	background-position:left top;
}

#site-nav{
	padding-bottom:7px;
}

#nav-inner{
	height:50px;
	margin:0 10px 0 11px;
	background-color:#6e5432;
	background-image:url(../images/nav-bg.gif);
	background-repeat:repeat-x;
	background-position:left top;
}

#content{
	overflow:hidden;
	padding:10px 0 0 9px;
}

#home-content{
	overflow:auto;
}

#sidebar{
	float:right;
	width:174px;
	margin:10px 0 0 0;
	padding:13px 13px 5px 13px;
	background-color:#ebebbb;
	background-image:url(../images/sidebar-bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

#sidebar img/*,
#home-news img*/{
	float:left;
	background-color:#ffffff;
	border:1px solid #baba78;
	padding:3px;
	margin:0 10px 10px 0;
}

/*
-------------------------------------------------------------------------------
08/03/2010 2:20:55 PM apugh
-------------------------------------------------------------------------------
Alan added .box subclass to deal with duplicate IDs on page in SSIs for sidebar
content
-------------------------------------------------------------------------------
*/
.sidebar-box{
	float:right;
	width:174px;
	margin:10px 0 0 0;
	padding:13px 13px 5px 13px;
	background-color:#ebebbb;
	background-image:url(../images/sidebar-bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

.sidebar-box p{
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	color:#000;
	line-height:14px;
	margin-bottom:5px;
}

.sidebar-box img{
	float:left;
	background-color:#ffffff;
	border:1px solid #baba78;
	padding:3px;
	margin:0 10px 10px 0;
}

/*
-------------------------------------------------------------------------------
End Sidebar-box addition 08/03/2010 2:20:55 PM apugh
-------------------------------------------------------------------------------
*/
/*
#home-search img.search-photo{
	float:right;
	background-color:#ffffff;
	border:1px solid #baba78;
	padding:3px;
	margin:0 0 10px 10px;
}*/
#site-footer{
padding-top:15px;
overflow:auto;
}

#site-footer-inner{
	border-top:4px solid #efe2c6;
	padding-top:25px;
	margin:0 11px;
}

/*
-------------------------------------------------------------------------------
Login form
-------------------------------------------------------------------------------
*/
#pnl-login{}

#pnl-login-form{
	width:200px;
	overflow:auto;

}

#pnl-login-form label{
	display:block;
	clear:both;
	width:100px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
}

#pnl-login-form input{
	display:block;
	float:left;
	width:140px;
	margin-bottom:5px;
}

#pnl-login-form input.btn-login{
	display:block;
	clear:both;
	float:left;
	width:190px;
}

#site-credits{
	padding-top:7px;
	text-align:center;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	color:#97B8DF;
}

#site-credits a:link,
#site-credits a:visited,
#site-credits a:active,
#site-credits a:hover
{
	text-decoration:none;
	color:#97B8DF;
}

#bottom-round{
	clear:both;
	height:30px;
	background-image:url(../images/corners-bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#home-slogan{
	width:197px;
	height:219px;
	float:left;
}

#home-slideshow{
	width:431px;
	height:219px;
	margin-left:8px;
	float:left;
}

#cel{
	background-color:#00f;
}

/*
#home-news{
	float:left;
	width:170px;
	padding:13px 13px 5px 13px;
	margin:5px 5px 5px 0;
	background-color:#ebebbb;
	background-image:url(../images/events.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

*/
#sidebar-login{
	float:left;
	width:170px;
	padding:13px 13px 5px 13px;
	margin:5px 5px 5px 0;
	background-color:#ebebbb;
	background-image:url(../images/events.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

.home-etc{
	width:732px;
	float:right;
	margin-top:5px;
	border:1px solid #cccc82;
}

.home-etc h2{
font-size:22px;
padding:14px 0 0 14px;
}

.home-etc p{
padding-left:50px;
}/*
#home-search{
	padding:10px 0 10px 10px;
}*/
#home-recipes{
	height:180px;
	background-color:#efebd2;
}

#home-recipes h2{
font-size:22px;
padding:16px 0 0 348px;
}

#home-recipes ul{
padding:12px 0 0 380px;
list-style:none;
}

#home-recipes li{
font-size:13px;
line-height:23px;
}

#home-recipes img.recipe-lrg{
	float:left;
	background-color:#ffffff;
	border:1px solid #baba78;
	padding:3px;
	margin:0 10px 10px 0;
}

#recipepics img{
	float:left;
	background-color:#ffffff;
	border:1px solid #baba78;
	padding:3px;
	margin:0 9px 10px 0;
}

a:link,a:hover{color:#558;}

a:visited,a:active{color:#999;}

a:hover{text-decoration:none;}

h1{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	color:#2a5588;
}

h2{
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#556486;
	font-weight:bold;
	padding:3px 0 10px;
}

/*#home-search p,*/
#home-recipes p{
	font-size:11px;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	color:#555;
	line-height:14px;
	margin-bottom:5px;
}

h3{
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
	margin-bottom:6px;
}

h4{
	font-size:11px;
	color:#333;
	line-height:18px;
	font-family:Verdana,Geneva,Helvetica,sans-serif;
}

p,li,td,address{
	font-size:11px;
	color:#575757;
	line-height:18px;
	font-family:Verdana,Geneva,Helvetica,sans-serif;
}

td{
	font-size:11px;
	color:#575757;
	line-height:18px;
	font-family:Verdana,Geneva,Helvetica,sans-serif;
}

#sidebar p{
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	color:#000;
	line-height:14px;
	margin-bottom:5px;
}

/*
#home-news p{
	font-size:11px;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	color:#222101;
	line-height:13px;
	margin-bottom:5px;
}

*/
p#copy{
	font-size:11px;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	float:left;
	padding-left:10px;
}

p#footer-nav{
	font-size:11px;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	float:right;
	padding-right:10px;
}

.statcharts{
	width:560px;
	margin:0 auto 25px auto;
}

#nav,#nav ul{
	padding:0;
	margin:0;
	list-style:none;
}

#nav a{
	display:block;
}

#nav li{
	float:left;
}

#nav li a{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#ffffff;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
	height:50px;
	border-right:1px solid #ffffff;
	line-height:50px;
	text-align:center;
}

#nav li a#nav-home{
	width:80px;
}

#nav li a#nav-industry{
	width:113px;
}

#nav li a#nav-sustain{
	width:136px;
}

#nav li a#nav-search{
	width:243px;
}

#nav li a#nav-buyers{
	width:90px;
}

#nav li a#nav-consumers{
	width:116px;
}

#nav li a#nav-links{
	width:76px;
}

#nav li a#nav-contacts{
	width:169px;
	border:0;
}

#nav li a:hover{
	background-color:#aa9577;
}

#nav li ul{
	position:absolute;
	width:150px;
	left:-999em;
}

#nav li:hover ul{
	left:auto;
}

#nav li:hover ul a,#nav li.sfhover ul a{
	padding:4px;
	width:150px;
	height:16px;
	font-size:10px;
	line-height:16px;
	color:#000;
	background-color:#e3dfd8;
	text-align:left;
	text-transform:none;
	text-decoration:none;
	border-right:1px solid #6e5432;
	border-bottom:1px solid #6e5432;
	border-left:1px solid #6e5432;
}

#nav li:hover ul a:hover,#nav li.sfhover ul a:hover{
	text-decoration:none;
	color:#000;
	background-color:#ffffff;
}

#nav li:hover ul,#nav li.sfhover ul{
	left:auto;
}

#column-left{
	float:left;
	width:186px;
	padding:12px 15px 10px 15px;
	font-size:0.85em;
}

#column-left-home{
	float:left;
	width:186px;
	font-size:0.85em;
}

#sidebar-nav{
	float:right;
	width:174px;
	padding:13px 13px 5px 13px;
	background-color:#ebebbb;
	background-image:url(../images/sidebar-bg2.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

#link{
padding:20px 0 0 0;
}

#twitter{
	float:left;
	width:174px;
	margin:10px 0 0 0;
}

.image-right-home{
float:right;
padding:0 25px 0 25px;
}

.image-left{
float:left;
padding-right:10px;
}

.image-left-msc{
float:left;
clear:both;
padding:74px 30px 0 0;
margin-bottom:50px;
}

td{
padding:10px 10px 0;
}

/* accordion css */
ul#accordion ul{
background:#f8f6f0;
}

ul#accordion,
ul#accordion ul{
list-style:none;
margin:0;
}

ul#accordion{
width:545px;
}

#accordion span{
	background:url(../images/tab.jpg) no-repeat;
	color:#999;
	display:block;
	font-size:18px;
	line-height:18px;
	padding:10px 5px;
	text-decoration:none;
	cursor:pointer;
}

ul#accordion span:hover{
	background:url(../images/tab.jpg) no-repeat;
	color:#ffffff;
}

ul#accordion li ul a{
border-bottom:1px solid #00B9D2;
color:#025185;
text-decoration:none;
}

ul#accordion li ul a:hover{
border-bottom:none;
}

ul#accordion li ul .date{
padding-right:10px;
}

ul#accordion li ul .count{
padding-left:10px;
}

/* recipe card CSS */
.socialmedia{
float:right;
display:block;
margin:-30px 15px 8px 0;
padding:0;
font-size:10px;
}

.recipe-pdf{
background:#f1f1d9;
padding:10px;
margin:10px;
}

.recipe-pdf p{
font-family:"Times New Roman",Times,serif;
font-weight:bold;
font-style:italic;
font-size:15px;
line-height:inherit;
padding:0;
}

.recipe-pdf a{
text-decoration:none;
}

#recipe-top{
height:16px;
clear:right;
}

#recipe{
width:718px;
}

#middle{
background:url(../../images/recipe_middle.jpg) repeat-y;
padding:15px;
}

#title{
font-family:"Times New Roman",Times,serif;
font-size:19px;
}

.image-swap-position{
float:right;
padding:0 90px 0 0;
}
/*
#download-images{
width:75px;
}
*/
/*
.bottom-space{
line-height:14px;
padding:0px 0 25px 0;
list-style:none;
}
*/
.image-right{
clear:both;
float:right;
padding-left:15px;
text-align:center;
}

.highlight{
clear:both;
background:#f8f6f0;
border:3px solid #efe2c6;
margin:0 0 25px 35px;
padding:10px;
width:380px;
float:right;
}
/*
.highlight #nobackground{
background:#ffffff;
border:0px;
}
*/
.highlight p{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
line-height:18px;
color:#2A5588;
}

.highlight2{
background:#DAE4F0;
border:3px solid #7C9CC5;
padding:10px;
margin:0 0 20px 10px;
width:645px;
}

.highlight2 p{
font-style:italic;
font-size:15px;
line-height:23px;
color:#829ED0;
}

.downloadbutton{
width:80px;
height:150px;
float:left;
padding:10px 19px 10px 19px;
}

.mscfisherytitle{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:18px;
margin-top:30px;
}

.download-group{
padding:10px;
background:#f8f6f0;
clear:left;
margin:15px 0 15px 0;
}

#nav-registration{
padding:0 0 25px 0;
font-family:tahoma,arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;

}

#nav-registration a{
padding:0 10px;
}

.error{
	font-size:11px;
	color:#FF0000;
}

.lnk-lost-password{
float:left;
clear: both;
}

/* error formatting for fields */



/*
Alan uses these styles when developing remotely to remove the lag caused by images
*/
/*
body{
	background-image:none;
}

#site-header,
#page-header
{
	display:none;
}

*/