/* Copyright 2012 Karen R Sabog. All Rights Reserved.
-------------------------------------------------------------------------------- */

/* Reset styles
--------------- */

html, body, div, span, h1, h2, h3, em, img, strong, b, u, i, dl, dt, dd, ol, ul, li
{
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
}

ol, ul
{
	list-style: none;
}

/* General
-------------------------------------------------------------------------------- */

html
{
	background-image: url(../images/backgrounds/lauhala_small.jpg);
	background-repeat: repeat;
}

body
{
	color: #000000;
	background-color: #FFFFFF;
	border: 4px ridge #800000;
	margin: 20px auto 20px auto;
	/* width: 90%; */
	width: 900px;
}

#wrapper
{
	margin: 0;
	width: 100%;
}

a:link, a:active
{
	color: #0000FF;
	background-color: transparent;
	text-decoration: underline;
}

a:visited
{
	color: #660066;
	background-color: transparent;
	text-decoration: underline;
}

a:hover
{
	color: #FF0000;
	background-color: #FFFF66;
	text-decoration: underline;
}

a[name]:hover
{
	color: inherit;
	background-color: inherit;
	text-decoration: inherit;
}

img
{
	display: block;
	border: 0;
}

img.inline
{
	display: inline;
}

a.nohovereffects
{
	color: #FF0000;
	background-color: inherit;
	text-decoration: none;
}

span a:hover
{
	color: #FF0000;
	background-color: inherit;
	text-decoration: underline;
}

span img
{
	display: inline;
}

/* Floats and Columns
-------------------------------------------------------------------------------- */

#masthead_logo
{
	float: left;
	margin: 0;
	width: 171px;
}

#masthead_desc
{
	float: left;
	margin: 0;
	width: 580px;
}

div .mmf_links_sidebar
{
	float: right;
	margin: 5px 0 10px 30px;
	width: 180px;
}

#mmfcontact_float
{
	float: right;
	margin: 2px 0 0 20px;
	width: 204px;
}

#mmf35th_float /* 1998 */
{
	float: right;
	margin: 5px 30px 20px 30px;
	width: 120px;
}

#mmf36th_float /* 1999 */
{
	float: right;
	margin: 3px 20px 20px 20px;
	width: 204px;
}

#mmf37th_float /* 2000 */
{
	float: right;
	margin: 3px 20px 20px 20px;
	width: 220px;
}

#mmf38th_float /* 2001 */
{
	float: right;
	margin: 5px 40px 20px 20px;
	width: 156px;
}

#mmf39th_float /* 2002 */
{
	float: right;
	margin: 3px 15px 20px 20px;
	width: 310px;
}

#mmf40th_float /* 2003 */
{
	float: right;
	margin: 3px 20px 20px 20px;
	width: 220px;
}

#mmf41st_float /* 2004 */
{
	float: right;
	margin: 5px 10px 20px 20px;
	width: 170px;
}

#mmf42nd_float /* 2005 */
{
	float: right;
	margin: 5px 10px 20px 20px;
	width: 178px;
}

#mmf43rd_float /* 2006 */
{
	float: right;
	margin: 5px 10px 20px 20px;
	width: 180px;
}

#mmf44th_float /* 2007 */
{
	float: right;
	margin: 5px 10px 20px 20px;
	width: 180px;
}

#mmf45th_float /* 2008 */
{
	float: right;
	margin: 5px 10px 20px 20px;
	width: 180px;
}

#mmf46th_float /* 2009 */
{
	float: right;
	margin: 5px 10px 20px 20px;
	width: 180px;
}

#mmf47th_float /* 2010 */
{
	float: right;
	margin: 5px 10px 20px 20px;
	width: 180px;
}

#mmf48th_float /* 2011 */
{
	float: right;
	margin: 5px 10px 20px 20px;
	width: 180px;
}

#mmf49th_float /* 2012 */
{
	float: right;
	margin: 5px 10px 20px 20px;
	width: 180px;
}

#mmf50th_float /* 2013 */
{
	float: right;
	margin: 5px 10px 20px 20px;
	width: 180px;
}

#mmf_home_sidebar
{
	float: right;
	margin: 5px 10px 20px 20px;
	width: 180px;
}

#paypal_seal
{
	float: right;
	margin: 0 0 0 20px;
	width: 100px;
}

/* Masthead
-------------------------------------------------------------------------------- */

#masthead_home
{
	padding: 4px 0px;
	margin: 10px 30px 10px 30px;
}

#masthead
{
	margin: 10px;
}

#masthead_logo, #masthead_desc
{
	margin-bottom: 10px;
}

#masthead img
{
	padding: 0 10px;
}

#masthead a:hover
{
	color: #FF0000;
	background-color: transparent;
	text-decoration: underline;
}

.masthead_header
{
	display: block;
	padding: 0 20px 0 30px;
	color: #003300;
}

.masthead_subheader
{
	display: block;
	padding: 10px 20px 0 30px;
	color: #003300;
}

/* Topnav
-------------------------------------------------------------------------------- */

#topnav
{
	color: #FFFFFF;
	background-color: #003300;
	clear: both;
}

#topnav div
{
	/* width: 640px; */
	padding: 4px 0px 4px 0px;
	margin: 0 auto 0 auto;
	text-align: center;
}

#topnav a:link, #topnav a:visited, #topnav a:active
{
	color: #FFFFFF;
	background-color: #003300;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
}

#topnav a:hover
{
	color: #FFE784;
	background-color: #003300;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
}

/* Main
-------------------------------------------------------------------------------- */

#main_content_home
{
	padding: 0 50px;
	margin-bottom: 20px;
}

#main_content
{
	width: 100%;
	margin-bottom: 20px;
	border-width: 2px 0 2px 0;
	border-style: solid;
	border-color: #006666;
}

/* Sidenav
-------------------------------------------------------------------------------- */

#sidenav, #sidenav_bottom
{
	color: #000000;
	background-color: #FEDB94;
	padding: 20px 10px;
	/* valign for IE */
	vertical-align: top;
}

td#sidenav
{
	width: 120px;
}

#sidenav li
{
	display: block;
	padding-top: 5px;
	margin-bottom: 5px;
	list-style-type: none;
}

#sidenav li a:link, #sidenav li a:visited, #sidenav li a:active
{
	color: #000000;
	background-color: transparent;
	text-decoration: none;
}

#sidenav li a:hover
{
	color: #FF0000;
	background-color: transparent;
	text-decoration: underline;
}

/* Content
-------------------------------------------------------------------------------- */

#story_content
{
	padding: 20px 20px 40px 40px;
}

#story_content ul.mmf_bullet
{
	list-style-type: none;
	margin: 0 0 0 20px;
	padding: 0;
}

#story_content ul.mmf_bullet li
{
	background-image: url(../images/bullets/diamond_green.gif);
	background-repeat: no-repeat;
	padding: 0 0 1em 20px;
}

#story_content h1
{
	color: #003300;
	background-color: transparent;
	text-align: center;
	margin: 1em 0;
}

#story_content h1.tight
{
	margin-bottom: 0.25em;
}

#story_content .in_alpha_order
{
	color: #003300;
	background-color: transparent;
	text-align: center;
	margin: 0 0 1.5em 0;
}

#story_content h2,
#story_content h2 a
{
	color: #003300;
	background-color: transparent;
	margin: 0 0 1em 0;
}

#story_content h2 img
{
	padding: 1px 1px 1px 0;
}

#story_content h3
{
	color: #003300;
	background-color: transparent;
	margin: 0 0 1em 0;
}

/* Social Media
-------------------------------------------------------------------------------- */

#social_media
{
	display: none;
	position: relative;
	width: 62px;
}

.addthis_bar_vertical_large
{
	width: 62px;
}

.addthis_bar.addthis_bar_vertical.addthis_bar_large
{
	position: absolute;
	top: 14px;
	left: -70px;
	background-color: #800000;
	width: 62px;
}

.addthis_bar.addthis_bar_vertical.addthis_bar_large .addthis_toolbox
{
	background-color: #FFFFFF;
	padding: 8px 0px 0 2px;
	width: 60px;
}

/* Sidebar
-------------------------------------------------------------------------------- */

#sidebar
{
	background-color: #FFFFFF;
	padding: 20px 0 20px 0;
	width: 20px;
}

#sidebar div
{
}

/* Footer
-------------------------------------------------------------------------------- */

#textnav div, #textnav p
{
	display: none;
	margin: 20px 0 20px 0;
	text-align: center;
}

#textnav a
{
	padding: 0 4px;
}

#footer_badges, #footer_copyright, #footer_url
{
	text-align: center;
	clear: both;
}

/* Miscellaneous
-------------------------------------------------------------------------------- */

span.fs
{
	display: none;
}

p.note_brickred
{
	color: #800000;
	background-color: transparent;
}

.red
{
	color: #FF0000;
}

div.centered, p.centered, h2.centered
{
	text-align: center;
}

div.centered table /* Mac IE 5 needs long form to center tables */
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

h3
{
	color: #003300;
	background-color: transparent;
}

ol>li
{
	padding: 0 0 5px 0;
	list-style-image: none;
}

tr
{
	vertical-align: top;
}

.backtotop
{
	margin: 10px 0 5px 0;
	padding: 2px;
	color: #003300;
	background-color: transparent;
	text-align: right;
}

.backtotop img
{
	display: inline;
	vertical-align: bottom;
	border-width: 0;
}

.backtotop a:link, .backtotop a:visited, .backtotop a:active
{
	color: #003300;
	background-color: transparent;
	text-decoration: none;
}

.backtotop a:hover
{
	color: #003300;
	background-color: transparent;
	text-decoration: none;
}

.hr_gray
{
	margin: 20px 0 15px 0;
	border-color: #999999 #FFFFFF #FFFFFF #FFFFFF;
	border-width: 2px 0 0 0;
	border-style: solid;
	clear: both;
}

.hr_green
{
	margin: 20px 0 15px 0;
	border-color: #003300 #FFFFFF #FFFFFF #FFFFFF;
	border-width: 2px 0 0 0;
	border-style: solid;
	clear: both;
}

.nowrap
{
	white-space: nowrap;
}

td.score
{
	width: 100px;
	padding-bottom: 20px;
}

td.winner
{
	padding-bottom: 20px;
}

#bottom_row td
{
	padding: 0 20px;
}

table.mmfschedule th
{
	padding: 2px 2px 2px 2px;
	white-space: nowrap;
	text-align: left;
}

table.mmfschedule td
{
	padding: 2px 2px 2px 2px;
	white-space: nowrap;
}

table.mmfschedule th.tv_time, table.mmfschedule td.tv_time
{
	padding: 2px 2px 2px 20px;
}

table.mmfschedule th.tv_program
{
	white-space: normal;
	padding: 2px 2px 2px 20px;
}

table.mmfschedule td.tv_program
{
	white-space: normal;
	padding: 2px 2px 10px 20px;
}

#homepagelinks table
{
	margin: 0 auto 0 auto;
	width: 100%;
}

#results_toc table
{
	margin: 0 auto 0 auto;
	width: 80%;
}

#homepagelinks td.toc_width, #results_toc td.toc_width
{
	width: 50%;
	vertical-align: top;
}

#homepagelinks li, #results_toc li
{
	padding: 0 0 1em 0;
}

.onecolumn
{
	padding: 0 50px;
}

.ridge_brickred
{
	border: 2px ridge #800000;
	margin: 0 0 2px 0;
}

/*
.ridge_gray
{
	border: 2px ridge #666666;
}
*/

.clearboth
{
	clear: both;
}

td.fullwidth
{
	width: 100%;
}

.input_submit
{
	color: yellow;
	background-color: #003300;
	border: 3px solid lime;
	padding: 5px 10px;
	letter-spacing: 0.1em;
}

#paypal_seal a:hover
{
	color: #FF0000;
	background-color: transparent;
}

#donationForm
{
	clear: both;
}

#donationForm td
{
	vertical-align: middle;
}

/* Font Sizes
-------------------------------------------------------------------------------- */

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	/* 10px */
}

.masthead_header
{
	font-size: 2.4em;
	font-weight: bold;
}

.masthead_subheader
{
	font-size: 1.6em;
	font-weight: bold;
}

#topnav div
{
	font-size: 1.2em;
	font-weight: bold;
}

#sidenav li
{
	font-size: 1.2em;
	font-weight: bold;
}

span.email
{
	font-weight: bold;
}

#story_content
{
	font-size: 1.2em;
	/* 12px */
}

#story_content h1
{
	font-size: 1.55em;
	/* 12px 1.55 = 18.6px */
}

#story_content .in_alpha_order
{
	font-size: 1.333em;
	/* 12 x 1.333 = 16px */
	font-weight: bold;
}

#story_content h2
{
	font-size: 1.333em;
	/* 12px 1.333 = 16px */
}

#story_content h3
{
	font-size: 1.111em;
	/* 12px 1.333 = 13.33px */
}

#story_content .backtotop
{
	font-size: 1em;
	/* 12px 1 = 12px */
	font-weight: bold;
}

#story_content .caption
{
	font-size: 0.833em;
	/* 12px 0.833 = 10px */
}

#story_content .mmf_legalnote
{
	font-size: 0.917em;
	/* 12px 0.917 = 11px */
}

#textnav div, #textnav p
{
	font-size: 1.2em;
}

#footer_badges, #footer_copyright, #footer_url
{
	font-size: 1.2em;
}

p.note_brickred,
.red
{
	font-weight: bold;
}