@media screen, print, handheld {

A:link{text-decoration: none; color: #6A2828; font-weight:bold;}
A:visited{text-decoration: none; color: #6A2828; font-weight:bold;}
A:active{text-decoration: none; color: #6A2828; font-weight:bold;}
A:hover{text-decoration: underline; color: red; font-weight:bold;}

* { margin:0; padding:0; }

body
{
	margin: 0;
	padding: 0;
	min-width: 770px;
	line-height: 145%;
	color:#222222;
	text-align:center;
	font-size:11px;
	font-family:Verdana, Arial, sans-serif;
	background-attachment: fixed;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: center top;
}

p	
{
	line-height: 150%; 
	color:#222222;
	margin: 0px 0px 8px 0px;
	font-size:1em;
	font-family:Verdana, Arial, sans-serif;
}

img { border:0; }

blockquote:before { content: "\""; }
blockquote:after { content: "\""; }

.mofroContainer{
	margin: auto;
	padding:30px;
	padding-bottom:0;
	margin-top:0;
	width:770px;
	max-width:770px;
	min-height:1000px;
	text-align: justify;
	background-color:#aacaf6;
}

table
{
	line-height: 150%; 
	color:#222222;
	font-size:11px;
	font-family:Verdana, Arial, sans-serif;
}

.highlightBox { background-color:#181818; }

h1
{
	margin-top: 0px;
	margin-bottom: 5px; 
	line-height: 21px;
	font-size:3em;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	color:#43331C;
	text-align: left;
}

h2
{
	margin-bottom: 1em; 
	margin-top: 1em; 
	border-bottom: 1px solid #83735C;	
	border-top: 1px solid #83735C;
	padding-left: 8px;
	line-height: 20px;
	font-size:1.4em; font-family:Verdana, Arial, sans-serif;
	font-weight:bold;
	background-color:#eee6d4;
	color:#43331C;
	text-align: left;
	overflow: hidden;
	vertical-align: middle;
}

h3
{
	margin-bottom: .2em; margin-top: 1em;
	line-height: 1.2em;
	font-size:1.2em; font-family:Verdana, Arial, sans-serif;
	font-weight:bold;
	color:#43331C;
	text-align: left;
}

h4
{
	margin-bottom:0.8em; 
	margin-top:.5em;
	font-weight:bold;
	font-size:1em; font-family: Verdana, Arial, sans-serif;
	color:#43331C;
	text-transform: uppercase;
	text-align: left;
}

h5
{
	margin-bottom: .5em; 
	margin-top: 0em; 
	font-style:normal;
	font-size:1em;
	font-family:Verdana, Arial, sans-serif;
	color:#43331C;
	text-align: left;
}

strong { font-weight: bold; }
ul, ol { list-style:none; margin-bottom:10px; }
li {text-align:left;}
caption { text-align: left; margin-bottom:1em; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

hr
{
	margin-bottom: 15px; margin-top: 15px; padding:0; border:0;
	width: 100%;
	text-align: left;/*this will align it for IE*/
	color:#83735C;
	background:#83735C;
	height:1px; 
	border-style: solid; 
	border:none; 
	background-color:#83735C;
}

.mofroSubhead { padding-bottom: 10px; margin-bottom: 20px; }

.mofroHeader{
	padding-bottom: .5em;
	margin-bottom: 0em;
	border-bottom: 1px solid #83735C;
	min-height:4.25em;
}

.mofroPhotoBox{ }

.mofroLeftColumn { width:500px; max-width:500px; float:left; }

.mofroRightColumn { width:240px; max-width:240px; float:right; }

.mofroRightColumn, .mofroRightColumn table { font-size:9px; font-family:Verdana, Arial, sans-serif; line-height:150%; }

.mofroRightColumn h2 { margin-top:1.25em; margin-bottom:1.35em; line-height: 20px; }

/*.mofroRightColumn ul { padding-left:30px; }*/

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

.mofroRightColumn h4 { margin-bottom:0; }

.mofroSidebarSection{
	width:240px; max-width:240px;
	margin-top:1em; margin-bottom:1em;
	padding-bottom:1em;
}
.mofroRightColumn li img{ margin-bottom:.25em;  }

.mofroNewsFlash{
	font-size:9px; 
	font-family:Verdana, Arial, sans-serif;
	line-height:150%;
	text-align:right;
	vertical-align: top;
	color:#43331C;
	padding-left:10px;
}

.mofroMore2{
	float:right;
	margin-top:2px; margin-bottom:-2px; margin-right:10px; 
	font-style:italic;
	font-size:9px; 
	font-family:Verdana, Arial, sans-serif;
}

.mofroMenu li {
	float: left; 
	padding-right:.4em; margin-right:.4em; margin-top:.2em; margin-bottom:.2em;
	border-right:1px solid #83735C; 
	line-height:100%;
}
.mofroMenu li a { display: block; }
.mofroMenu #last { border: none; }

.lyrics { margin-bottom:1em; }

.lyricsCredits{
	font-style:italic;
	padding-bottom:1em;
	border-bottom: 1px dotted #83735C;
}

.lyricsCredits li { display:inline; }

.inlineRight { display:inline; float:right; }
.inlineRight li { display:inline; }
.inlineRight img { vertical-align:middle; }

.inlineLeft { display:inline; }
.inlineLeft ul, .inlineLeft li, .inlineLeft p {display:inline;}

.dashList li:after { content: " - "; }
.last:after { content: "" !important; }
.last { border:none !important; padding-right:0 !important; }

.mediumPhoto
{
	text-align:center;
	vertical-align:middle;
	background-color:#000000; 
	overflow:hidden; 
}

.mediumPhoto img
{
	background-color:black; 
/*	margin-bottom:-4px; hack for windows? */
}

.webmaster p { color:#83735C; font-size:9px; line-height:120%;}
.webmaster a:hover { font-style:italic; }
.webmaster a:link, .webmaster a:visited, .webmaster a:active, .webmaster a:hover
{ text-decoration:none; font-weight:normal; color:#83735C; }

.bottomRight { position:absolute; right:0; bottom:0; }

.insetPhoto
{
	border:0; margin-right:0; margin-bottom:8px; margin-top:4px; margin-left:20px; 
	text-align: center; font-size:10px; font-style:italic; 
	float: right;
	clear: right;
}

.insetPhotoLeft, .news-table img
{
	margin-left:0; margin-right:17px; margin-bottom:4px; margin-top:0;
	padding:5px;
	border:1px solid #988e7c;
	text-align:center;
	font-size:9px;
	font-style:italic; 
	line-height:150%;
	float: left;
	clear:left;
	background-color:#FFFFFF;
}

.post-signature
{
	float:right; 
	margin-top:.3em;
	color:#83735C; 
	line-height: 11px; 
	font-style:italic;
	font-size:9px; font-family:Verdana, Arial, sans-serif;
	text-transform:none; 
	font-weight:normal;
}

.news-table img 
{ 
	width:100px; max-width:100px; 
	margin-bottom:.4em;
/*	min-height:15px; */
}

.bottomPhoto
{
	vertical-align:bottom; 
	margin-left:-30px; 
	margin-bottom:-34px;
}

fieldset { border:none; text-align:left; line-height:200%; }

.videoContainer { width:250px; margin:-5px; overflow:hidden; }
.videoBox  { width:260px; margin-bottom:1em; font-size:9px; line-height:145%; }
.videoBox img  { width:115px; height:86px; clear:both;  }
.videoBox ul { margin:0; padding:0; }
.videoBox li  { float:left; display: block; width:115px; max-width:115px; margin:1px; padding:4px; list-style-type:none; text-align:left; overflow:hidden; }
.videoContainer li:hover  { background-color:#eedd88; }

.highlight 
{
	background-color:#902828;
	color:#fbf6eb;
	vertical-align:center;
	padding:.3em .3em .3em .6em;
	margin-bottom: .5em !important;
}
.highlight a:link, .highlight a:visited, .highlight a:active
{text-decoration: none; color: #fbf6eb; font-weight:bold;}
.highlight a:hover, .highlight:hover {background-color: red; font-weight:bold;}

.photo_caption { 	color:#43331C; text-align:right; font-style:italic; font-size:9px; font-family:Verdana, Arial, sans-serif; line-height:150%;}

#map { background-image:url('http://www.mofro.net/img2/usa.jpg'); background-repeat:no-repeat; }

.mapPopup { max-width:240px; text-align:left; margin-top:8px;  }
.mapPopup ul { max-height:240px; overflow:auto; }
.mapPopup h3 { padding-bottom:3px; border-bottom: 1px solid #83735C; margin-top:0;}
.mapPopup li { margin-top:1em; }

.prog-border { height:14px; width:160px; background:#fff; border:1px solid silver; margin:5px; padding:0; text-align:center;  margin-right:auto; margin-left:auto; }
.prog-bar {Êheight:100%; margin:0; padding:0; background-color:#899Dff;}
.prog-text { z-index:100; margin-top:-17px !important; font-weight:normal; }

} 

/* PRINTER SPECIFIC STYLES */

@media print {

body, .mofroContainer, .p {
	color:#000000;
	background: none;
	background-color: #FFFFFF;
	font-size:12pt;
	font-family:"Times New Roman", Garamond, serif; 
}

body, .mofroContainer {
	padding: 0 !important;
	border: none;
}

.mofroContainer { width:100%; }

.mofroFooter, .mofroMore { display:none !important; margin:0 !important; padding:0 !important; height:0 !important; }

#nav, .nav { display:none !important; margin:0 !important; padding:0 !important; height:0 !important;}

A:link{text-decoration: none; color: #000000; font-weight:bold;}
A:visited{text-decoration: none; color: #000000; font-weight:bold;}
A:active{text-decoration: none; color: #000000; font-weight:bold;}
A:hover{text-decoration: none; color: #000000; font-weight:bold;}

}
