@charset "UTF-8";
/* CSS Document */

/*
* Title: weekendTrains.css
* Description: Style Sheet
* Copyright: Copyright 2009(c) Dawn Holmberg
* Company:[optional]
* Created on June 1, 2009
*
* @author Dawn Holmberg
* @version 2.0
*/

body
	{
	background-color: #FF9;
	color: #000;
	font-family: "verdana", "geneva", "arial", sans-serif;
	font-size: medium;
	border: 0;
	width: 1024px;
	
	}

/* This is the 'Holly Hack' to get rid of the Three-pixel-text jog IE bug */

/* hide hack from Mac-IE5 \*/
* html .listingRight { height: 1%; }
/* end hiding */


.twoColElsLtHdr #sidebar1
	{
/*	border-color: green;
	border-top: solid; */
	font-size: smaller;
	text-align: center;
	padding: 5px;
/*	height: 3.5em;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px; */
	text-decoration: none;
	list-style-type: none;
	}
	
.twoColElsLtHdr #mainContent
	{
	zoom: 1;
	margin-bottom: .5em;
	text-align: left;
	}

/*  <div id="sidebar1">
   The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the left side of the #mainContent div if the #mainContent div will always contain more content than the #sidebar1 div.
 end #sidebar1
  */
  
  #sidebar1
  {
  border-bottom-color: green;
  border-bottom: solid;
  border-top-color: green;
  border-top: solid; 
  height: 1.5em;
  margin: 0;
  }
  
  #sidebar1 ul
  {
  list-style: none;
  margin: 0;
  padding: 0;
    }
  
  #sidebar1 li
  {
  float: left;
  }
  
  #sidebar1 a
  {
  font-size: 1em;
  padding: .5em; /* 05em, 1em, 0.7em, 1em; */
  }
  
  #sidebar1 a:hover
  {
  font-size: larger;
  }

/* Use a style to remove the underline from every link on your site. This must work on all types of links. */
a
	{
	text-decoration: none;
	border: 0;
	}

a:link
	{
	color: #06C;
	border: 0;
	}

a:active link
	{
	color: #ff0000;
	border: 0;
	}

a:visited link
	{
	color: #880088;
	border: 0;
	} 

a:hover
	{
	/* background-color: #FC3; */
	text-decoration: underline;
	color: #0099ff;
	border: 0;
		}

.backTop 
	{
	font-size: small;
	}					

.bottomNav
	{
	clear: left;
	font-size: small;
	text-align: center;
	}
	
.content
	{
	background-color:#FFFFFF;
/*	overflow: scroll; //This gets rid of the expanding box IE bug */
	margin-left: 5%;
	margin-right: 5%;
	overflow: hidden;
	padding: 5px;
	text-align: center;
	width: 90%;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	}	

.contentHeadline
	{
	text-align: center;
	}

.contentLeft
	{
	float: left;
/*	padding-right: 3em;  */
	padding-left: 4.5em;
	text-align: left;
	}
	
.contentLeft img
	{
	float: left;
/*	padding-right: 1.5em;  */
	padding-top: 2em;
	padding-bottom: 2em;
	/* padding: 2em; */
	border: 0;
	}
	
.contentRight
	{
	float: right;
	padding-right: 4em;
	text-align: left;
	}
	
.contentRight img
	{
	float: right;
	padding-left: 1.5em;
	padding-bottom: 2em;
	padding: 2em;
	border: 0;
	}
	
	
.contentRight1
	{
	float: right;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: .5em;
	/* clear: right; */
	}
	
.contentRight2
	{
	clear: right;
	float: right;
	padding-top: 1em;
	padding-right: 2em;
	padding-left: .5em;
	}	
	
.footer
	{
	width: 100%;
	margin-left: 12em;
	float: left;
	font-size: small;
	text-align: center;
	clear: both;
	}		

/*
h1, h2, h3, h4, h5, h6
	{
	text-align: center;
	}
*/
.header
	{
	padding-left: 14em;
	}

#header
	{
	clear: both;
	}	
	
#header img
	{
	padding-bottom: 10px;
	padding-top: 10px;
	}	
		
hr
	{
	background-color: green;
	height: 4px;
	width: 100%;
	}
	
.divider
	{
	background-color: green;
	height: 2px;
	width: 45%;
	text-align: center;
	}
	
.img
	{
	border: none;
	padding: 2em;
	/* margin: 1em; */
	font-size: small;
	text-align: center;
	}

li
	{
	text-align: left
	}

.listings
	{
	width: 1024px;
	float: left;  /* Keeps the heading letters aligned. */
	margin-left: 2em;  /* Keeps the right column from running too long and floating over to the left. */
	}
	
.listingRight
	{
	padding-right: 2em;
	}
	
.listingsLeft
	{
	float: left;
	padding-right: 5em;
	width: 512px;
	}			

#mainContent
	{
	clear: both;
	}

.new
	{
	color: #060;
	font-weight: bold;
	font-style: italic;
	}

.right
	{
	float: right;
	}
	
/* Set the color for bold in this file to red.*/
	
.strong
	{
	background-color: #FC3;
	font-weight: bold;	
	text-align: center;
	}
	
.title
	{
	text-align: center;
	clear: both;
	}		
/*************************** Table styles ***************************/

table
		{
		/*  margin-left: 1em;  */
		}

#sched
		{
		border-collapse: collapse;
		border: 5px solid green;
		}
		
th, td
		{
		padding: 0.4em .5em;
		}
		
.odd
		{
		background-color: #ffdc74;
		}
		
.odd a:link
		{
		background-color: #ffdc74;
		}		
					

/*************************** nav codes ***************/
/*Code from Listamatic: Clagnut css tabs at: http://css.maxdesign.com.au/listamatic/horizontal10.htm
This is supposed to work with IE5+ and other browsers.
*/
	
#navcontainer
	{
/*	margin: .5em;		*/
	font-size:medium; 
/*	padding-left: 9em;  */
	clear: both;
/*	width: 700px; /*950px */
	}

#navcontainer ul
	{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}

#navcontainer li
	{
	display: block;
	margin: 0;
	padding: 2px 5px;
	float: left;
	width: auto;
	}

#navcontainer a
	{
	color: #000;
	display: block;
	width: auto;
	text-decoration: none;
	background: #FF9;               /* #3C3; (green)  */
	margin: 0;
	border-left: 2px solid #aaa;         /*  #fff; */
	border-top: 2px solid  #aaa;     /* #fff; */
	border-right: 2px solid #aaa;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: inherit;
	}

#navcontainer a:hover, #navcontainer a:active
	{
	background: #0f4;
	color: #444;
	}

#navcontainer a.active:link, #navcontainer a.active:visited
	{
	position: relative;
	z-index: 102;
	background: #bbb;
	font-weight: bold;
	}

#subnav
	{
	position: relative;
	top: -1px;
	z-index: 101;
	margin: 0;
	padding: 0px 0 3px 0;
	background: #bbb;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #aaa;
	}

#subnav ul
	{
	list-style: none;
	margin: 1px 0 0px 13px;
	padding: 0px;
	border-right: 1px solid #fff;
	border-left: 1px solid #aaa;
	}

#subnav li
	{
	position: relative;
	z-index: 102;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
	}

#subnav a
	{
	color: #fff;
	display: block;
	width: auto;
	text-decoration: none;
	margin: 0;
	padding: 2px 12px 2px 10px;
	}

#subnav a:hover, #subnav a:active
	{
	color: #444;
	}
	
#subnav a.active:link, #subnav a.active:visited
	{
	color: #444;
	}
	
#subnav br, #navcontainer br
	{
	clear: both;
	}

/* Styles for the photo gallery on the home page. Code from Practical Web Design, issue #199, March 2010. */
	
#gallery {
  background: #EFEFEF;
  width: 920px;
/*  margin-left: 15px;  */
  margin-right: 15px;
}
#gallery ul {
  list-style: none;
  padding-left: 80px;		/*  0px; */
  margin: 0px;
  width: 660px;		/*  770px  */
  float: left;
  clear: both;
}
#gallery li {
  padding: 8px;
  margin-left: 40px;	/* 0px;  */
/*  margin-top: 20px;   */
  position: relative;
}
#gallery span {
	display: block;
	position: absolute;
	bottom: 13px;
/*	left: 5px;  */
	width: 569px; 				/*  563px; */  /*  734px;  */
	background: #000000;
	color: #ffffff;
	padding: inherit;					/*  8px;  */
	font-size: medium; /* 1.3em; */
	text-align: left;
/*	margin-left: 57px;  */
}
#gallery img {
  border: 2px solid #333;
}
#gallery ul.small-images {
  padding: 0px;
  display: none;
  width: 975px;
}
#gallery ul.small-images li {
  padding: 0px;
  float: left;
  clear: none;
}
#gallery ul.small-images a {
  display: block;
  float: left;
  padding: 8px;
}
#gallery ul.small-images a.selected {
  background: #333;
}
#gallery ul.small-images a:hover {
  padding: 6px;
}
#gallery ul.small-images a:hover img {
  border-width: 4px;
}

#gallery ul.controls {
	display: none;
  position: relative;
}

#gallery ul.controls li {
  position: absolute;
  display: block;
  width: 34px;
  height: 34px;
  z-index: 100;
  top: 220px;
}


#gallery ul.controls li.prev {
  left: inherit; /* 10px;  */
}



#gallery ul.controls li.next {
  right: 20px;
}


#gallery ul.controls a {
  display: block;
  width: 34px;
  height: 34px;
  text-decoration: none;
  border: none;
}

#gallery ul.controls a img {
  border: none;
}

.tinted {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
.clear {
  clear: both;
}