﻿/* CSS layout */

/* general definitions */
body {

background-image: url(images/bckgrdBike.jpg) ;
background-repeat: no-repeat ;
background-position: 100px 200px ;
}

/*classes */

	/*create images with captions using a table thusly
		<table class="image">
			<tr><td><img alt="" src=" image URL " /></td></tr>
			<tr><td class="image_caption"> Caption </td></tr>
		</table>
	*/

	
table.image {
	margin-left: 25px;
	margin-bottom: 20px;
	}

td.image_caption{
	font-family: 	Arial, Helvetica, sans-serif;
	font-size:		small;
	}

hr {
	border: 0;
	margin-left: 10px ;
	magrin-right: 10px ;
	width: 100% ;
	color: gray ;  /* for IE */
	background-color: gray ; /* for mozilla and opera */
	height: 4px ;
}
  
img.floatLeft{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	clear: both ;
}

img.floatRight {
	float: right ;
	padding-left: 10px;
	padding-right: 10px;

}



/* id definintions */
#masthead {
}

#masthead img {
	margin-left: 40px;
}

#top_nav {
	margin-left: 40px ;	
}

#top_nav a{
	display: inline ;
	line-height: 40px ;
	padding: 0 .3em ;
	color: black ;
	text-decoration: none ;
}


#top_nav ul {
	margin: 0 ;
	padding: 0 1em 0 0 ;
	text-align: left ;
	margin-left: 10px ;
}

#top_nav li {
	display: inline ; 
	border-left: 2px solid #000000 ;
	font-family: Arial, Helvetica, sans-serif ;

}

#container {
	position: relative;
	width: 100%;
}

#left_col {
	width: 40px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#page_content {
	margin-right: 250px;
	margin-left: 50px;
}

#page_content ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
#page_content a.press
{
float:center;
width:6em;
text-decoration:none;
color:black;
background-color:FF9900;
padding:0.2em 0.6em;
}
a:hover {background-color:GreenYellow;}
#page_content li {display:inline;}


#right_col {
	width: 240px;
	position: absolute;
	right: 0px;
	top: 0px;
}

#right_col ul {
	
}

#right_col li {
	
}

#footer {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: .8em;
	margin-left: 40px ;
	clear: both;
	top: 20px;
}


#frontSched{
	
}

#frontSched table{
	margin-left: 20px ;
	margin-right: 20px ;
	border: thin solid black ;
}

#frontSched th{
	border:thin dotted grey ;
	padding: 5px ;

}

#frontSched td{
	border:thin dotted grey ;
	padding: 5px ;
}

#mainSched {
	
}

#mainSched table{
	margin-left: 20px ;
	margin-right: 20px ;
	border: thin solid black ;
}

#mainSched th{
	border:thin dotted grey ;
	padding: 5px ;

}

#mainSched td{
	border:thin dotted grey ;
	padding: 5px ;
}

