/* CSS1 Style Sheet for clubCALENDAR by James A. Wilson */

body	{
		background-image: url(../images/parchment.gif);
		background-repeat: repeat;
		}

text	{
		font-family: Arial, Verdana, sans-serif;
		font-size: 9px;
		}

input	{
		padding-left: 0.3em;
		}

slogan	{
		color: #777788;
		font-weight: bold;
		font-family; comic-sans;
		font-variant: small-caps;
		font-size: 18px;
		padding-left:2em;
		}

.button {
		color: #FFFFFF;
		font-family: Arial, Verdana, sans-serif;
		text-decoration: none;
		font-weight: bold;
		font-size: 14px;
		background: #008000;
		padding: 0.2em 0.6em;
		border-top: 2px solid #FFFFFF;
		border-left: 2px solid #FFFFFF;
		border-right: 2px solid #000000;
		border-bottom: 2px solid #000000;
		}

.button:hover {
		color: #000000;
		background: #FFF8DC;
		border-top: 2px solid #FFFFFF;
		border-left: 2px solid #FFFFFF;
		border-right: 2px solid #000000;
		border-bottom: 2px solid #000000;
		}

.smbutton {
		color: #444488;
		font-family: Verdana, sans-serif;
		font-variant: small-caps;
		font-weight: bold;
		font-size: 9px;
		border-top: 2px solid #FFFFFF;
		border-left: 2px solid #FFFFFF;
		border-right: 2px solid #777788;
		border-bottom: 2px solid #777788;
		background: #FFE4B5;/*#FFEFD5; */
		padding: 2px;
		cursor:pointer;
		}

.smbutton:hover {
		color: #FFFFFF;
		background: #FFCC99;
		border-top: 2px solid #FFFFFF;
		border-left: 2px solid #FFFFFF;
		border-right: 2px solid #777788;
		border-bottom: 2px solid #777788;
		cursor:pointer;
		}

.midbutton {
		color: #444488;
		font-family: Verdana, sans-serif;
		font-variant: small-caps;
		font-weight: bold;
		font-size: 12px;
		border-top: 2px solid #FFFFFF;
		border-left: 2px solid #FFFFFF;
		border-right: 2px solid #777788;
		border-bottom: 2px solid #777788;
		background: #FFE4B5; /*#FFEFD5;*/
		padding: 2px;
		cursor:pointer;
		}

.midbutton:hover {
		color: #FFFFFF;
		background: #FFCC99;
		border-top: 2px solid #FFFFFF;
		border-left: 2px solid #FFFFFF;
		border-right: 2px solid #777788;
		border-bottom: 2px solid #777788;
		cursor:pointer;
		}

.midbutton:disabled {
		color: #000000;
		background: #FFE4B5;
		border-top: 2px solid #FFFFFF;
		border-left: 2px solid #FFFFFF;
		border-right: 2px solid #777788;
		border-bottom: 2px solid #777788;
		cursor:default;
		}

div.frame {
		width: 975px;
		height: 650px;
		overflow: hidden;
		background-image: url('../images/background.jpg');
		background-position: 0px 0px;
		background-repeat: no-repeat;
		position: relative;
		border-top-width: 5px;
		border-top-color: #008000; /* #778;Dark Green */
		border-top-style: solid;
		margin: 0px auto;
		margin-top: 0px;
		}

div.calendar {
		width: 98%;
		height: 95%;
		overflow: hidden;
		background-image: url('../images/background.jpg');
		background-position: top center; /* 0px 0px; */
		background-repeat: no-repeat;
		position: relative;
		border-top-width: 5px;
		border-top-color: #008000; /* Dark Green */
		border-top-style: solid;
		margin: 0px auto;
		margin-top: 0px;
		}

div.header	{
		background-color: #BDB76B; /* Darkkhaki */
		}

div.events {
		position: relative;
		top: 0px;
		left: 0px;
		width: 650px;
		height: 500px;
		overflow: auto;
		margin: 0px auto;
		}

h1		{
		font: Georgia;
		font-size: 36px;
		font-weight: bold;
		color: #778; /* DarkGreen */
		}

h1.header {
		font: Georgia;
		font-size: 72px;
		font-weight: bold;
		color: #778; /* DarkGreen */
		text-align: center;
		line-height: 100%;
		}

h2		{
		font-family: Arial, Verdana, sans-serif;
		font-size: 28px;
		color: #778; /* DarkGreen */
		padding-bottom: 0.15em;
		}

h3		{
		font-family: Arial, Verdana, sans-serif;
		font-size: 18px;
		font-weight: bold;
		text-align: left;
		margin-left: 2em;
		color: #778; /* DarkGreen */
		}

h3.normal {
		margin-left: 0em;
		}

li		{
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		margin-left: 3em;
		}

li.normal {
		margin-left: 0em;
		}

h3.error {
		font-family: Arial, Verdana, sans-serif;
		font-size: larger;
		color: #FF0000; /* Red */
		text-align: center;
		}

hr.head {
		height: 5px;
		width: 77%;
		color: #008000; /* DarkGray */
		background-color: #008000;
		border: 0px solid #008000;
		}

hr.table {
		height: 5px;
		color: #A9A9A9; /* DarkGray */
		background-color: #A9A9A9;
		border: 0px solid #A9A9A9;
		}

a.header {
		font-family: Arial, Verdana, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		}

a.cal	{
		padding-top: 0.2em;
		padding-left: 0.6em;
		padding-right: 0.6em;
		padding-bottom: 0.0em;
		}

a.date	{
		font-family: Arial, Verdana, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		text-align: center;
		margin-top: -2px;
		margin-left: -2px;
		margin-bottom: 4px;
		float: left;
		width: 1em;
		height: 1em;
		border-right: 1px solid black;
		border-bottom: 1px solid black;
		background-color: #008000;
		padding: 0.2em 0.6em;
		}

a.edit	{
		background-color: #D2B48C; /* Tan */
		padding: 0.1em 0.4em;
		border-right: 1px solid #D2B48C;
		}

a.link:hover {
		background-color: #D3D3D3; /* LightGray */
		color: #000000; /* Black */
		}

a.mailto {
		font-family: Arial, Verdana, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #000000; /* Black */
		text-decoration: none;
		background-color: transparent;
		padding: 0em 0em;
		}

p		{
		font-family: Arial, Verdana, sans-serif;
		font-size: 12px;
		}

p.feature {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 14px;
		margin-left: 2em;
		}

table caption.header {
		font: 1.5em Georgia, "Times New Roman", Times, serif;
		font-size: 72px;
		font-weight: bold;
		color: #006400; /* DarkGreen */
		text-align: center;
		line-height: 100%;
		padding: -1em;
		}

table caption.view {
		font: 3.0em Georgia, "Times New Roman", Times, serif;
		font-size: 36px;
		font-weight: bold;
		color: #006400; /* DarkGreen */
		text-align: center;
		line-height: 100%;
		padding: 0.25em;
		}

table.outer {
		table-layout: auto;
		background-color: #FFF8DC; /* CornSilk */
		border-width: 5px;
		border-style: solid;
		border-top-color: #CCCCCC; /* Light Gray */
		border-left-color: #CCCCCC; /* Light Gray */
		border-bottom-color: #006400; /* Black */
		border-right-color: #006400; /* Black */
		}

table.inner {
		table-layout: fixed;
		width: 100%;
		background-color: #FFF8DC; /* CornSilk */
		border-width: 0px;
		}

table.data {
		background-color: #FAFAD2; /* LightGoldernRodYellow */
		}

caption {
		font-family: Arial, Helvetic, sans-serif;
		font-size: 28px;
		font-weight: bold;
		color: #006400; /* Darkkhaki */
		margin-bottom: 5px;
		}

th		{
		font-family: Arial, Verdana, sans-serif;
		font-size: 14px;
		background-color: #FFE4B5; /*FFCC99; /* Light Gray */
		border-bottom: 1px solid black;
		}

tr.oddrow {
		background-color: #FFEFD5;
		}

td		{
		font-family: Arial, Verdana, sans-serif;
		font-size: 12px;
		}

td.today {
		background-color: #FFE4B5;
		vertical-align: top;
		}

td.weekend {
		background-color: #FFFFB0;
		vertical-align: top;
		}

td.normal {
		background-color: #FAFAD2;
		vertical-align: top;
		}

em		{
		font-style: normal;
		font-weight: bold;
		color: #FF0000; /* Red */
		}

#navsite h5 {
		display: none;
		}

#navsite ul {
		padding: 1px 0;
		margin-left: 0;
		border-bottom: 0px;
		font-family: Verdana, sans-serif;
		font-variant: small-caps;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0.08em;
		}

#navsite ul li {
		list-style: none;
		margin: 0;
		display: inline;
		}

#navsite ul li a {
		padding: 3px 0.5em;
		margin-left: 1px;
		border-top: 2px solid #669966;
		border-left: 2px solid #669966;
		border-right: 2px solid #000000;
		border-bottom: 2px solid #000000;
		background: #008000; /* #dde; */
		text-decoration: none;
		width: 100%;
		}

#navsite ul li a:link {
		color: #FFFFFF; /* #448; */
		}

#navsite ul li a:visited {
		color: #FFFFFF; /* #667; */
		}

#navsite ul li a:link:hover, #navsite ul li a:visited:hover {
		color: #FFFFFF;
		background: #669966; /* #6060A0; others also */
		border-top: 2px solid #669966;
		border-left: 2px solid #669966;
		border-right: 2px solid #669966;
		border-bottom: 2px solid #669966;
		}

#navsite ul li a#current {
		background: white;
		border-bottom: 1px solid white;
		}

#calendar td {
		width: 14%
		background-color: #ccc;
		border: 1px solid white;
		vertical-align: top;
		}

#days	{
		background-color: #778;
		color: white;
		font-family: monospace;
		width: 75px;
		}

.emptydate {
		border-right: 1px solid #666;
		border-bottom: 1px solid #666;
		font-family: monospace;
		text-decoration: none;
		float: left;
		width: 1.5em;
		height: 1.5em;
		background-color: #ccc;
		text-align: center;
		}

.event	{
		clear: both;
		margin-top: -5px;
		padding-left: 2px;
		padding-bottom: 2px;
		display: block;
		}

#top {
	height: 80px;
	width: 200px;
	margin-left:5px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	}

#content {
	margin-left: auto;
	margin-right: auto;
	height: 600px;
	width: 100%;
	}

#banner {
	position: relative;
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	height: 194px;
	width: 745px;
	}

#ct-top {
	background-image: url(../images/ct_top.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 175px;
	width: 185px;
	padding-top: 39px;
	padding-left: 10px;
	padding-right: 10px;
	}

#ct-mid {
	background-image: url(../images/ct_bg.jpg);
	float: left;
	height: 220px;
	width: 205px;
	margin-top: 15px;
	margin-left: 10px;
	}

#ct-bot {
	background-image: url(../images/ct_bot.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 38px;
	width: 205px;
	}

#ct-top-wide {
	background-image: url(../images/ct_top_wide.jpg);
	background-repeat: no-repeat;
	float: left;
	/* height: 450px; */
	width: 900px;
	padding-top: 39px;
	padding-left: 10px;
	/* padding-right: 10px; */
	}

#ct-mid-wide {
	background-image: url(../images/ct_bg_wide.jpg);
	float: left;
	width: 900px;
	margin-top: 15px;
	margin-left: 10px;
	}

#ct-bot-wide {
	background-image: url(../images/ct_bot_wide.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 38px;
	width: 900px;
	}