/*
Website for Brockton Mayor's Opioid Overdose Prevention Coalition
http://www.opiodoverdoseprevention.org/

main teal		#1d94a8
dark teal		#1e6070 
yellow			#ead90c
dark gray		#333
*/

/* ------- RESET ------- */
*				{margin: 0; padding: 0;}
html,body		{height: 100%; }
body			{background: #1d94a8;
				font-family: "trebuchet ms", sans-serif;
				font-size: 0.75em; color: #333; line-height: 1.4em;
				text-align: justify;}
p				{margin: 8px 0;}
h1,h2,h3,h4		{line-height: 1.4em; font-family: georgia, serif; color: #1e6070;}
ul				{list-style: circle outside;}
li				{line-height: 1.4em; margin: 5px 0 5px 15px;}
ol				{list-style: decimal outside;}
ol li			{margin-left: 15px;}
a				{color: #1d94a8; outline: none;}
a:visited, a:hover {color: #1e6070;}
a img			{border: none;}

/* ------- UTILITY ------- */
.floatleft		{float: left;}
.floatright		{float: right;}
.textcenter		{text-align: center;}
.textright		{text-align: right;}
.clear			{clear: both;}
.displaynone	{display: none;}
hr 				{color: #999; background: #999; border: 0; margin: 20px 0; height: 1px;}

/* ------- FONT / BULLETS ------- */
h1				{font-size: 1.5em;} /*main page headers*/
h2				{font-size: 1.2em; line-height: 1.2em; margin-top: 10px;} /*sub-headers within pages*/
h3				{font-size: 1em; width: 100%; line-height: 1.3em; margin-top: 15px; border-bottom: 1px solid #1e6070;} /*bold-underlined text*/
.back-to-top	{text-align: right; font-size: 0.9em; font-style: italic;}
.kickoff-event	{margin: 0 0 15px 10px;}
.event-bold		{text-align: center; font-size: 1.2em; font-weight: bold; margin: 10px 0;}
.rss-link		{font-weight: bold; list-style: none; line-height: 1.6em;}

/* ------- STRUCTURE ------- */
#header-wrapper	{background: #fff url(../images/header-bg.gif) repeat-x top left; height: 150px;}
#header			{width: 960px; height: 150px; margin: 0 auto; background: url(../images/header.gif) no-repeat top left;}
#header span	{display: none;}
#menu-wrapper	{height: 30px; background: url(../images/menu/menu-bg.gif) repeat-x top left;}
#menu			{width: 890px; height: 30px; margin: 0 auto;}
#billboard-wrapper {background: url(../images/billboard/billboard-bg.gif) repeat-x top left; height: 250px;}
#billboard		{width: 960px; height: 250px; margin: 0 auto; background: url(../images/billboard/billboard-main.png) no-repeat top left;}
#billboard span	{display: none;}
#main			{width: 960px; margin: 0 auto; padding-bottom: 30px; background: #fff;}
#sidebar		{width: 300px; float: left; margin-top: 30px;}
#main-content	{width: 600px; float: right; margin: 30px 20px 0 0;}
#footer-wrapper	{background: #1e6070 url(../images/footer/footer-bg.gif) repeat-x top left; padding-bottom: 15px;}
#footer			{width: 960px; margin: 0 auto; position: relative; color: #fff;}

/* ------- SIDEBAR ------- */
.sidebar-title	{margin-left: -10px;} 
.sidebar-content{background: #eee; padding: 5px 10px 10px 10px; margin-bottom: 20px;}
.sidebar-event-button	{margin: -10px 0 20px 10px;}

/* ------- MAIN ------- */
.main-gradient	{border-top: 1px solid #aaa; background: url(../images/main-gradient.jpg) repeat-x top left; padding: 5px 10px 10px 10px; margin: 5px 0 10px 0;}

/* ------- FOOTER ------- */
.for-more-info	{position: absolute; top: -9px; left: 10px;}
.footer-left	{float: left; margin: 30px 0 0 30px;}
.footer-right	{position: absolute; bottom: 0; right: 0; text-align: right;}
#footer a		{color: #fff; text-decoration: none;}
#footer a:hover {color: #ead90c; text-decoration: underline;}

/* ------- MENU ------- */
#menu li		{display: inline; list-style: none; margin: 0 10px; float: left;}
#menu a 		{float: left; height: 30px; text-decoration: none;}
#menu span 		{display: none;}
#menu li a.currentpage {background-position: 0 -60px;}
#menu li a.currentpage:hover {background-position: 0 -60px;}

#menu a.home {background: url(../images/menu/menu-home.gif) top left no-repeat; width: 64px;}
#menu a.home:hover {background-position: 0 -30px;}

#menu a.stats {background: url(../images/menu/menu-stats.gif) top left no-repeat; width: 177px;}
#menu a.stats:hover {background-position: 0 -30px;}

#menu a.od-prevention {background: url(../images/menu/menu-save-a-life.gif) top left no-repeat; width: 100px;}
#menu a.od-prevention:hover {background-position: 0 -30px;}

#menu a.signs {background: url(../images/menu/menu-signs.gif) top left no-repeat; width: 153px;}
#menu a.signs:hover {background-position: 0 -30px;}

#menu a.myths {background: url(../images/menu/menu-myths.gif) top left no-repeat; width: 127px;}
#menu a.myths:hover {background-position: 0 -30px;}

#menu a.news {background: url(../images/menu/menu-news.gif) top left no-repeat; width: 127px;}
#menu a.news:hover {background-position: 0 -30px;}

#menu a.links {background: url(../images/menu/menu-links.gif) top left no-repeat; width: 50px;}
#menu a.links:hover {background-position: 0 -30px;}

#menu a.contact {background: url(../images/menu/menu-contact.gif) top left no-repeat; width: 98px;}
#menu a.contact:hover {background-position: 0 -30px;}


/* ------- INDIVIDUAL EVENT PAGE ------- */
.event-left {float: left; width: 155px;}
.event-right {float: left; }


/* ------- VIDEO PAGE ------- */
p.video {text-align:center; border:3px solid #ededed; background:#ededed; margin:30px 0 35px 0;}
ul.video-list {margin-left: 40px;}