body {
	background-image: url("http://gobnf.org/i/starbucks/background.jpg");
	background-repeat: repeat-x;
	background-color: #ede6d9;
	font-family: Georgia;
	line-height: 22px;
	font-size: 14px;
	margin: 0px;
}
a:link, a:visited, a:active {
	color: #3d804d;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
#join {
	background-image: url("http://gobnf.org/i/starbucks/jointhecampaignbg.jpg");
	background-repeat: no-repeat;
	color: #fff;
}
#content {
	background-image: url("http://gobnf.org/i/starbucks/contentbg.gif");
	background-repeat: no-repeat;
	color: #766340;
}
#logo {
	background-image: url("http://gobnf.org/i/starbucks/logobottom.gif");
	background-repeat: no-repeat;
	width: 171px;
	height: 54px;
	position: relative;
	top: 0;
	left: 0;
}
* html a:hover {visibility:visible}

.email {
	display: block;
	position: relative;
	background-image: url("http://gobnf.org/i/starbucks/emailon.gif");
	background-repeat: no-repeat;
	white-space: nowrap;
	width: 60px;
	height: 81px;
	margin: 0;
	padding: 0;
}
.email a {
	display: block;
	width: 60px;
	height: 81px;
}
.email img {width: 60px; height: 81px; border: 0; }
.email a:hover img{visibility:hidden}

.facebook {
	display: block;
	position: relative;
	background-image: url("http://gobnf.org/i/starbucks/facebookon.gif");
	background-repeat: no-repeat;
	white-space: nowrap;
	width: 70px;
	height: 81px;
	margin: 0;
	padding: 0;
}
.facebook a {
	display: block;
	width: 70px;
	height: 81px;
}
.facebook img {width: 70px; height: 81px; border: 0; }
.facebook a:hover img{visibility:hidden}

.twitter {
	display: block;
	position: relative;
	background-image: url("http://gobnf.org/i/starbucks/twitteron.gif");
	background-repeat: no-repeat;
	white-space: nowrap;
	width: 48px;
	height: 81px;
	margin: 0;
	padding: 0;
}
.twitter a {
	display: block;
	width: 48px;
	height: 81px;
}
.twitter img {width: 48px; height: 81px; border: 0; }
.twitter a:hover img{visibility:hidden}

.youtube {
	display: block;
	position: relative;
	background-image: url("http://gobnf.org/i/starbucks/youtubeon.gif");
	background-repeat: no-repeat;
	white-space: nowrap;
	width: 60px;
	height: 81px;
	margin: 0;
	padding: 0;
}
.youtube a {
	display: block;
	width: 60px;
	height: 81px;
}
.youtube img {width: 60px; height: 81px; border: 0; }
.youtube a:hover img{visibility:hidden}

.myspace {
	display: block;
	position: relative;
	background-image: url("http://gobnf.org/i/starbucks/myspaceon.gif");
	background-repeat: no-repeat;
	white-space: nowrap;
	width: 63px;
	height: 81px;
	margin: 0;
	padding: 0;
}
.myspace a {
	display: block;
	width: 63px;
	height: 81px;
}
.myspace img {width: 63px; height: 81px; border: 0; }
.myspace a:hover img{visibility:hidden}

.facebooktop {
	display: block;
	position: relative;
	background-image: url("http://gobnf.org/i/starbucks/facebooktopon.gif");
	background-repeat: no-repeat;
	white-space: nowrap;
	width: 129px;
	height: 27px;
	margin: 0;
	padding: 0;
}
.facebooktop a {
	display: block;
	width: 129px;
	height: 27px;
}
.facebooktop img {width: 129px; height: 27px; border: 0; }
.facebooktop a:hover img{visibility:hidden}

.twittertop {
	display: block;
	position: relative;
	background-image: url("http://gobnf.org/i/starbucks/twittertopon.gif");
	background-repeat: no-repeat;
	white-space: nowrap;
	width: 114px;
	height: 27px;
	margin: 0;
	padding: 0;
}
.twittertop a {
	display: block;
	width: 114px;
	height: 27px;
}
.twittertop img {width: 114px; height: 27px; border: 0; }
.twittertop a:hover img{visibility:hidden}

/* nav begins */

#nav {
	height: 49px;
	margin: 0 0 0 0px;
}
#nav ul {
	margin:0px;
 	padding: 0px;
 	font-family: georgia;
 	font-size: 18px;
	color: #fff;
	line-height: 46px;
	white-space: nowrap;
}
#nav ul li a  {
	padding: 12px 15px 20px;
	
}
#nav li a.on, #nav li a.on:visited, #nav li a.on:hover {
	color: #fbe419;
	text-decoration: underline;
	padding: 10px 15px 20px;
}
#nav li a.homeoff, #nav li a.homeoff:visited, #nav li a.homeoff:hover {
	padding-left: 30px;
}
#nav li a.homeon, #nav li a.homeon:visited, #nav li a.homeon:hover {
	margin-left: 15px;
	color: #fbe419;
	padding: 10px 15px 20px;
	text-decoration: underline;
}
#nav li {
	 list-style-type: none;
	 display: inline; 
}
#nav li a {
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	
}
#nav li a:link {
	 color: #fff;
	 font-weight:bold;
	 
}
#nav li a:visited {
	 color: #fff;
	 font-weight:bold; 
}
#nav li a:hover {
	background-position: top center;
	color: #fbe419;
	padding: 10px 15px 20px;
}
form {margin: 0px 0px 0px 0px;}
.optin {
	background-color: #dcc91e;
	color: #2f2f2f;
	font-family: georgia;
	width: 120px;
	border: 1px solid #fff000;
	padding: 3px;
	font-size: 12px;
}
.petfields {
	background-color: #dcc91e;
	color: #2f2f2f;
	font-family: georgia;
	width: 120px;
	border: 1px solid #fff000;
	padding: 7px;
	font-size: 12px;
}
.story {
	width: 380px; 
	height: 110px;
	background-color: #dcc91e;
	border: 1px solid #fff000;
	color: #000;
	font-family: georgia;
	padding: 7px;
	font-size: 12px;
}
.error li {
	display: block;
	list-style-type: square;
	font-size: 12px;
	margin: 5px 0px 0 0;
	padding: 5px;
	color: #fff;
	background-color: #bf1600;
	width: 200px;
}
.error {
	font-size: 14px;	
	color: #bf1600;
	font-weight: bold;
	padding-bottom: 8px;
}
blockquote {
	background-color: #eff5ec;
	padding: 5px 10px 5px 15px;
	border-left: 2px dashed #B89D65;
}
.title a:link, .title a:visited, .title a:active {
	font-size: 22px;
	line-height: 28px;
	color: #54462c;
	font-weight: bold;
}
.title a:hover {
	color: #333;
}
#footer {
	padding: 15px 0 15px 0; 
	font-size: 12px; 
	color: #439f58; 
	text-decoration: none; }
#footer a:link, #footer a:visited, #footer a:active {
	text-decoration: none;
}
#footer a:hover { text-decoration: underline; }
.content a:link, .content a:visited, content a:active {
	background-color: #dfecd9;
	padding: 1px;
	color: #333;
	text-decoration: none;
	border-bottom-width: 1px;
 	 border-bottom-style: solid;
	border-bottom-color: #ffea00;
}
.content a:hover {
	background-color: transparent;
	text-decoration: underline;
	color: #3d804d;
	border-bottom-width: 0px;
}
.list ul {
	list-style-type: square;
	margin: 15px 0 0 0;
	padding: 0 0 0 27px;
}
.list li {
	padding-bottom: 8px;
	color: #F0D139;
	margin: 0;
}
.articletitle {
	color: #484848;
	font-weight: Bold;
	font-size: 18px;
}
.articletitle a:link, .articletitle a:visited, .articletitle a:active {
font-size: 18px; font-weight: bold; 
}
.by {
font-size: 13px; color: #484848;
}
.blurb {
font-size: 11px; line-height: 18px;
border-left: 1px solid #347654;
padding: 3px 3px 3px 8px;
background-color: #f3efe7;

}
.embed {
	font-family: georgia;
	font-size: 16px;
	width: 300px;
	margin-top: 15px;
}
.break {
	color: #5EA143;
	height: 2px;
	width: 100%;
	margin: 15px 0 15px 0;
}


