/*Patriots Screen CSS*/
@charset "iso-8859-1";
@import "pat.css";
/*******************************************************************************
*  screen.css : 2004-06-28 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  This stylesheet defines the layout as it appears on screen by importing 
*  those stylesheets which should be used to render the layout on screen.
*
*  CSS Hacks Reference:
*    http://www.dithered.com/css_filters/css_only/index.php
*******************************************************************************/
/*******************************************************************************
*  twoColumnsLeft.css : 2004-08-17 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  This stylesheet removes the right-hand column from the 3 column layout
*******************************************************************************/
html>body #rightColumn
{
	display: none;	/* for compliant browsers, hide this column entirely */
}
* html #rightColumn *
{
	display: none;	/* ie's ghost-text bug is triggered by key elements
			   having display:none set. #rightColumn is one of those
			   key elements. so we display:none all child
			   elements (doesn't trigger the bug) and try to
			   make #rightColumn have no chance to affect
			   document flow. */
}
#rightColumn
{
	position: absolute;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	border: none;	/* remove anything that'll give this elemnt width. */
}
#outerColumnContainer, #innerColumnContainer
{
	border-right-width: 0;	/* to get from 3 to 2 columns, we must hide the right-side border */
}
#innerColumnContainer
{
	margin-right: 0;
}
/***Picture Divs***/
.thumbnailhtml
{
	width: 60px;
	margin: 0px auto;
	padding: 1px;
}
.thumbnailcount
{
	width: 38px;
	margin: 0px auto;
	padding: 1px;
}
.thumbnaileve
{
	width: 120px;
	margin: 0px auto;
	padding: 1px;
}
.thumbnail100
{
	width: 100px;
	margin: 0px auto;
	border: 1px solid #999;
	padding: 1px;
}
/*Logo photo TN*/
.thumbnail120
{
	width: 140px;
	margin: 0px auto;
	border: 1px solid #999;
	padding: 1px;	
}
/*Satellite photo*/
.thumbnail200c
{
	width: 200px;
	margin: 0px auto;
	border: 1px solid #999;
	padding: 1px;	
}
/*rocket*/
.thumbnail250
{
   float: left;
	width: 250px;
	margin: 0px auto;
	border: 1px solid #999;
	padding: 1px;	
}

/*Un-centered Image divs*/
.thumbnail200
{
	float: left;
	width: 200px;
	border: 1px solid #999;
	
	padding: 1px;
}
/*snake*/
.thumbnail400
{
	width: 400px;
	margin: 0px auto;
	text-align: left;
	border: 1px solid #999;
	/*margin: 0 15px 15px 0;*/
	padding: 1px;
}
/*Rainfall*/
.thumbnail475
{
	width: 483px;
	margin: 0px auto;
	text-align: left;
	border: 1px solid #999;
	/*margin: 0 15px 15px 0;*/
	padding: 1px;
}
.thumbnail524
{
	width: 524px;
	margin: 0px auto;
	text-align: left;
	border: 1px solid #999;
	/*margin: 0 15px 15px 0;*/
	padding: 1px;
}
/*Ride report*/
.thumbnail600c
{
	width: 605px;
	margin: 1px auto;
	border: 1px solid #999;
	margin: 0px 15px 15px 0px;
	padding: 1px;	
}
/*combo shots*/
.thumbnail476
{
	width: 475px;
	margin: 0px auto;
	text-align: left;
	border: 1px solid #999;
	/*margin: 0 15px 15px 0;*/
	padding: 0px;
}
.clearboth { clear: both; }
/*Picture Caption formating*/
.caption
{
	float: none;
	margin: 1px;
}
/*IMAGE CENTERING only works for IE, but this will center text within a div.*/
.centeredImage
    {
    text-align: center;
    display: block;
    }
/***********END****************/