/*
	PROVIDES GENERAL LAYOUT FOR BOX 960PX WIDE WITH BORDER;
	USED FOR SITES	twincitiesrailfan 	(tcr.css),
		 	minnesotarailfan 	(mnr.css), 
		 	blogger 		(contribute.css);
      |-------------------------------------------------------------------|
	SUPPLEMENTAL CSS FILES ARE SPECIFIC TO EACH SITE AND CONTAIN:
		-images
		-link colors
		-code for pages specific to each site
		-internet explorer codes
      |-------------------------------------------------------------------|
*/

.spanHeading, li.spanHeading {
	width: 100%;
	height: 25px;
	line-height: 25px;
	margin: 0;
	padding: 0;
	text-align: left;
	text-indent: 4px;
	padding-right: -4px;
	color: #333;
	font-size: 120%;
	font-weight: bold;
	overflow: hidden;
	float: left;
	display: block;
}

/*
 *
 *	THESE LOCATED IN HEADER OF MINNESOTA RAILFAN;
 *	.no_border / .no_logo-F9 / .no_logo-FF 
 *
*/
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0 2px;
	display: block
}

.bottBord {
	border-bottom: 1px solid #000;
}
.topBord-dashed {
	border-top: 1px dashed #333;
}
.CntrTxt {
	text-align: center;
}
.JustTxt {
	text-align: justify;
}
.LftTxt {
	text-align: left;
}
.RghtTxt {
	text-align: right;
}
.u {
	text-decoration: underline;
}
.bold {
	font-weight: bold;
}
.highlighted {
	background: url(http://twincitiesrailfan.com/graphics/highlight.jpg) repeat-x top left #F9F880;
}
.Smtxt {
        font-size: .85em;
}
.xSmtxt {
	font-size: .7em;
}
.Lgtxt {
        font-size: 1.1em;
}
.xLgtxt {
        font-size: 1.5em;
}

.rightFlt {
	clear: both;
        float: right;
}
.rightClr {
	clear: right;
}
.gryBkgd {
	background: #EBEBEB;
}

.formAlert {
	color: #A73939; 
	font-weight: bold;
}

/*
ul, ol {
	margin-top: 0;
	margin-bottom: 0;
	list-style-position: outside;
}*/
form ul {
	padding: 0;
}
ol li {
	line-height: 200%;
}


.no_bullet {
	list-style-type: none;
	list-style-position: outside;
}

.hidden {
	width: 0px;
	height: -10px;
	line-height: -20px;
	visibility: hidden;
}

.rightSpan ul li {
	margin: 2px 0px 4px 2px;
	padding: 1px 0px 1px 0px;
}

.fullHeading {
	width: 100%;
	margin-bottom: 0px;
	border-bottom: 1px solid #000;
}


#contact {
	margin: 3px;
	height: auto;
	float: left;
	display: block;
	text-align: left;
}
	#contact span {
		width: 625px;
		margin: 5px 0px 5px 0px;
		float: left;
		display: block;
	}
	#contact label {
		width: 150px;
		line-height: 1.3em;
		float: left;
		text-align: right;
		padding-right: 3px;
	}
	#contact .alert, 
	.formAlert {
		width: 99%;
		padding: 4px 0px 4px 0px;
		border: 1px solid #A73939;
		background: url(http://minnesotarailfan.com/graphics/alert_bkgd.png) repeat top left transparent;
	}
	#contact .alert .note {
		line-height: 1.2em;
		margin: 2px 0px 2px 150px;
		font-size: .8em;
		color: #A73939;
	}
	#contact textarea, 
	#contact input, 
	#contact select {
		width: 50%;
	}		

.FullSpan_nav {
        width: 953px;
        height: 1.75em;
        line-height: 1.75em;
        float: left;
        margin: 3px;
        padding: 0px 3px 0px 3px;
        text-align: center;
}
        .FullSpan_nav a {
                border: 1px solid #D1D1D1;
                margin: 1px 5px 1px 5px;
                padding: 1px 5px 1px 5px;
                display: inline;
        }
        .FullSpan_nav a:hover {
                background: #D9D9D9;
                color: #000;
        }
        .FullSpan_nav .nav_is_page {
                margin: 1px 5px 1px 5px;
                padding: 1px 5px 1px 5px;
                background: #D9D9D9;
                border: 1px solid #D9D9D9;
        }
      
.archive {
	Wwidth: 99%;
	width: 100%;
	margin: 4px 0 12px 0;
	mmargin: 4px 2px 12px 2px;
	float: left;
	text-align: left;
}
	.archive a.archiveTitle {
		width: 100%;
                margin: 0px;
		float: left;
		display: block;
		color: #000;
		border-bottom: 1px #999 solid;
		font-weight: bold;
		text-decoration: none;
	}
	.archive a.archiveTitle:hover {
		background: #E9E9E9;
	}
	.archive .news {
		width: 99%;
		margin-left: 5px;
		margin-bottom: 10px;
		border-top: 1px solid #D1D1D1;
		float: left;
	}


#article, 
#tips {
	width: 960px;
	margin: 1px;
	float: left;
	font-size: 1em;
	text-align: left;
}
	#article h1, 
	#article h5 {
		width: 100%;
		margin: 0px 0px 3px 3px;
		float: left;
                color: #333;
	}
	#article .byline, 
	#byline {
		width: 942px;
                line-height: 150%;
		float: left;
		margin: 2px;
		padding: 3px;
		font-size: .8em;
	}
	#article .byline a, 
	#byline a {
		margin: 0px 5px 0px 5px;
		/*background: #F9F9F9;*/  /*HIDDEN 11/9/09 */
	}
	#article .para,
	#profile .para {
		margin: 0px 0px 15px 3px;
                line-height: 150%;
		display: block;
	}
	#article .illustration {
		float: right;
		display: block;
		margin: 3px 3px 3px 7px;
		padding: 0px auto 0px auto;
		border: 1px solid #333;  /* changed from #999     */
                background: #FFF;        /* added color 11/9/09   */
	}
	#article .illustration .img {
		margin: 3px;
		padding: 0px auto 0px auto;
		clear: both;
		float: left;
	}
	#article .caption, 
	#tips    .caption {
		margin: 0px 2px;
		padding: 0px;
		font-size: .85em;
		float: left;
		text-align: left;
		font-weight: bold;
	}
	#article .youtube {
		float: left;
		display: block;
		margin: 3px 7px 3px 3px;
		padding: 2px;
		border: 1px solid #999;
	}
	#article .halfSpan {
		width: 465px;
		display: block;
	}
        #article .commentBox {
        	width: 450px;
        	margin: 3px;
        	float: left;
        	display: block;
        	overflow: hidden;
        }
        #article .commentName {
        	width: 450px;
        	font-weight: bold;
        	float: left;
        }
        #article .commentBody {
        	width: 439px;
        	margin: 0px 5px 0px 5px;
        	float: left;
        }
	#article form {
		width: 100%;
		margin: 0px;
		display: block;
	}
        #article form ul li {
        	width: 100%;
        	margin: 2px 0px 2px 0px;
        }
        
        #tips h3 {
                width: auto;
                margin-bottom: 0px;
                text-decoration: underline;
                display: block;
        }
        #tips p {
                margin: 0px 3px 10px 3px;
                padding: 0px 2px;
                display: block;
        }
        #tips .rightSpan {
                width: 358px;
        }
        #tips .rightSpan p {
                width: 348px;
                margin: 2px;
                display: block;
                float: left;
        }
/*
#profile {
	width: 98%;
	margin: 3px;
	padding: 2px;
}*/
	#pprofile .profileImg, .profileImg {
        	width: auto;
        	margin: 1px 4px 4px 5px;
        	padding: 1px;
        	border: 1px solid #D9D9D9;
        	float: right;
	}
/*	#profile .para {
		margin: 0px 0px 15px 3px;
                line-height: 150%;
		display: block;
	}


#footer {
	width: 960px;
	font-size: .75em;
	text-align: center;
}*/