/**************************************************************************************************************
Filename: beachball.css
Path: obbeachball

These are styles used on a bunch of pages.
**************************************************************************************************************/
/* Links */
a {color: red; 
	font-family: sans-serif;
	font-weight: bold;
	letter-spacing: -1; 
	text-decoration: none;
}

	a:link {color: #D00000; 
		text-decoration: none
	}

	a:visited {color: #D00000; 
		text-decoration: none
	}

	a:hover {color: #FF0000; 
		letter-spacing: -1; 
		text-decoration: none
	}

	a:active {color: orange; 
		letter-spacing: -1; 
		text-decoration: none
	}
	
/* Body */
body {
	background: black;
	color: #80FF80;
	font:  12pt sans-serif;
	text-decoration: none;
}

/* Content Background Image */
.backgroundimage {
	/* Scale the image */
	height: auto;
	width: 96%;
	
	/* Set up positioning so it won't scroll relative to it's container*/
	position: absolute;
	left: 0px;
	top: 0px;
	
	/* Set the margin based on it's container's padding */
	margin: 2%;
	
	/* Set up transparancy */
	opacity:0.30;				/* Firefox uses opacity... */
	filter:alpha(opacity=30);	/* IE uses filter:alpha() */
	
	vertical-align: top;
	
	z-index: -1;
}


#address {
	background: black;
	float: left;
	font: 18px sans-serif;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	width: 100%;
}

	#address ul {
		clear: left;
		color: white;
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
		left: 50%;
		text-align: center;
	}
	
	#address ul li {
		color: #80FF80;
		display: block;
		float: left;
/*		font: bold 18px sans-serif;
*/		list-style: none;
		margin: 0;
		padding: 3px;
		position: relative;
		right: 50%;
	}
	
	#address ul li h1 {
		color: white;
		display: inline;
		font: bolder 36px/32px sans-serif;
	}
	
#tagline {
	color: #00FF00;
	font: italic bold 12px sans-serif;
}

/* Horizontal Lines */
hr{width: 50%}

/* Menu Style */
#menu {
	color: lime;
	float: left;
	width: 100%;
	font: bold 14pt sans-serif;
	overflow: hidden;
	position: relative;
}

	#menu ul {
		clear: left;
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
		left: 50%;
		text-align: center;
	}

	#menu ul li {
		border-top: solid orange 3px;
		display: block;
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
		right: 50%;
	}
	
	#menu ul li a {
		display: block;
		font-size: 18px;
		margin: 0 0 0 1px;
		padding: 3px 10px;
		position: relative;
		text-decoration:  none;
		line-height: 1.3em;
	}

/* Next and Previous Month Buttons */
input[type="button"]{font-family: sans-serif; font-weight: bolder;}

input.nextMonthButton{background: #808080; 
	color: white; 
	font: 125%/150% sans-serif; 
	width: 170px;
	}
	
input.previousMonthButton{background: #808080; 
	color: white; 
	font: 125%/150% sans-serif; 
	width: 170px;
	}