/*
* Title: jcStyles.css
* Description: Style Sheet
* Copyright: Copyright 2007(c) Dawn Holmberg
* Company:[optional]
* Created on February 9, 2007
*
* @author Dawn Holmberg
* @version 2.0
*/



/* Hex color #FFCC33 and rgb(255,204,51) are the same.*/

body
	{
	background-color: #FC3;
	color: #000;
	font-family: "verdana", "geneva", "arial", sans-serif;
	font-size: medium;
	}

/* 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 */


/* 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;
	}

a:link
	{
	background-color: #FC3;
	color: #06C;
	}

a:active link
	{
	background-color: #FC3;
	color: #ff0000;
	}

a:visited link
	{
	background-color: #FC3;
	color: #880088;
	} 

a:hover
	{
	background-color: #FC3;
	color: #0099ff;
		}

.backTop 
	{
	font-size: small;
	}					

.bottomNav
	{
	clear: left;
	font-size: small;
	text-align: center;
	}
	
#content
	{
	width: 1020px;
/*	overflow: scroll; //This gets rid of the expanding box IE bug */
	overflow: hidden;
	}	

.contentLeft
	{
	float: left;
	text-align: left;
	padding-right: 3em;
	padding-top: 1em;
	padding-left: 2em;
	}
	
.contentLeft img
	{
	float: left;
	padding-right: 1.5em;
	padding-top: 1em;
	}
	
.contentRight
	{
	float: right;
	text-align: left;
	padding-right: 3em;
	}
	
.contentRight img
	{
	float: right;
	padding-left: .75em;
	}
	
.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;
	}
	
hr
	{
	background-color: green;
	height: 4px;
	width: 100%;
	}
	
.divider
	{
	background-color: green;
	height: 2px;
	width: 45%;
	text-align: center;
	}
	
.img
	{
	border: 0;
	padding: 1em;
	margin: 1em;
	font-size: x-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;
	}			
	
.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: 0;
	font-size:medium; 
	padding-left: 9em;
	clear: both;
	width: 950px;
	}

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

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

#navcontainer a
	{
	color: #000;
	display: block;
	width: auto;
	text-decoration: none;
	background: #3C3;
	margin: 0;
	padding: 2px 10px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #aaa;
	}

#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;
	}