/*****************************************************************************
**	FILE:	STYLE2.CSS
**
**	DESC:	This file holds all the Cascading Style Sheet information for the
**				entire site
**
*****************************************************************************/


/*****************************************************************************
******************************************************************************
**	1.0 Basic HTML definitions
******************************************************************************
*****************************************************************************/


html {
	margin-bottom: 1px;
}

body {
	background-color: white; /* #2e4678; */
	color: black;
	font-family: Arial, Verdana, sans-serif; 
	text-align: left; 
	margin: 5px 0;
}


	-- Unordered List
ul li {
	list-style-image: url('../_Images/Bullet.gif'); 
}

	-- Horizontal Line
hr {
	background-color: #6d8fcf; 
	color: #6d8fcf; 
}

	-- Image
img {
	border: none;
}

	--Input Form
form {
	margin: 5px 0 0 0; 
	padding: 0; 
}

.forminput {
	background-color: white; 
	color: black; 
	border: 1px solid #c0c0c0; 
	padding: 2px; 
}



/*****************************************************************************
******************************************************************************
**	2.0 Header properties
******************************************************************************
*****************************************************************************/

h1 {
	color: darkblue; 
	text-align: center; 
	font-size: 35px; 
	font-weight: bolder; 
}

h2 {
	color: darkblue; 
	text-align: center; 
	font-size: 24px; 
	font-weight: bold; 
}

h3 {
	color: darkblue; 
	text-align: left; 
	font-size: 20px; 
	font-weight: bold; 
}

h4 {
	color: darkblue; 
	text-align: left; 
	font-size: 18px; 
	font-weight: bold; 
}

h5 {
	color: darkblue; 
	text-align: left; 
	font-size: 16px; 
	font-weight: bold; 
}

h6 {
	color: darkblue; 
	text-align: left; 
	font-size: 14px; 
	font-weight: bold; 
}




/*****************************************************************************
******************************************************************************
**	3.0 Hyperlink properties
******************************************************************************
*****************************************************************************/

a:link  {
	color: DarkBlue; 
	text-decoration: none; 
	font-weight: bold;
}

a:visited {
	color: SlateBlue; 
	text-decoration: none; 
	font-weight: bold;
}

a:hover {
	color: DarkSlateBlue; 
	text-decoration: underline; 
	font-weight: bold;
}

a:active {
	color: #4369b7; 
	text-decoration: none; 
	font-weight: bold;
}






/*****************************************************************************
******************************************************************************
**	4.0 Class Hierarchy properties
******************************************************************************
*****************************************************************************/


/*****************************************************************************
**	4.1 Wrapper
*****************************************************************************/

.wrapper {
	background: white /* darkblue; */
	text-align: left;
	padding: 0px ; 
	border: medium solid #4368b8;
	margin: 0;
	border-collapse: collapse;  
}

	-- Table
table  {
	width: 100%;
	margin: 0; 
 	border-collapse: separate /* collapse;   */
	table-layout:fixed; 
	border: thick solid darkblue;
}

	-- Table
td {
	width: 100;
	margin: 0; 
	border-collapse: separate /* collapse;  */
	border: thick solid darkblue;
	
}


/*****************************************************************************
**	4.2 Navigation Pane
*****************************************************************************/
.navigation {
	background-image: url('../_Images/Light Background.jpg');
	background-repeat: repeat;
	width: 30%;
}

.navigation ul {
	margin: 0 auto;
	list-style-image: url('../_Images/Bullet.gif'); 
	font-weight: bold;
	line-height: 150%;
	offset: 0;
}

.navigation li {
	margin: 0 auto;
	list-style-image: url('../_Images/Bullet.gif'); 
	font-weight: bold;
	line-height: 150%
}



/*****************************************************************************
**	4.3 Sitename Pane
*****************************************************************************/
.sitename {
	background-image: url('../_Images/Dark Background.jpg');
	background-repeat: repeat;
}

.sitename h1 {
	color: white; 
	text-align: center; 
	font-size: 36px; 
	font-weight: bold; 
}

.sitename h2 {
	color: white; 
	text-align: center; 
	font-size: 24px; 
	font-weight: bold; 
}


/*****************************************************************************
**	4.4 Sidebar
*****************************************************************************/
.sidebar {
	vertical-align: top; 
	background-image: url('../_Images/Dark Background.jpg');
	background-repeat: repeat;
	padding: 5px 10px; 
	color: white; 
	text-align: left; 
	font-size: 16px; 
	font-weight: bold; 
}

.sidebar h1 {
	color: yellow;
	text-align: center; 
	font-size: 24px; 
	font-weight: bold; 
}

.sidebar h2 {
	color: yellow; 
	text-align: center; 
	font-size: 20px; 
	font-weight: bold; 
}

.sidebar h3 {
	color: yellow; 
	text-align: left; 
	font-size: 18px; 
	font-weight: bold; 
}

.sidebar a:link  {
	color: white; 
	text-decoration: underline; 
	font-weight: bold;
}

.sidebar a:visited {
	color: white; 
	text-decoration: underline; 
	font-weight: bold;
}

.sidebar a:hover {
	color: white; 
	text-decoration: underline; 
	font-weight: bold;
}

.sidebar a:active {
	color: white; 
	text-decoration: underline; 
	font-weight: bold;
}



/*****************************************************************************
**	4.4 Maintext Pane
*****************************************************************************/
.maintext {
	background-image: url('../_Images/Light Background.jpg');
	background-repeat:repeat;
	padding: 10px 5px 10px 15px; 
	vertical-align: top; 
}


/*****************************************************************************
**	4.5 Copyright Pane
*****************************************************************************/

.copyright {
	background-image: url('../_Images/Light Background.jpg');
	background-repeat: repeat;
	text-align: center;
	color: blue; 
	font-weight: bold; 
}


/*****************************************************************************
**	4.6 Footer Pane
*****************************************************************************/
.footer {
	background-image: url('../_Images/Dark Background.jpg');
	background-repeat: repeat;
	text-align: center;
	padding: 10px 0;
	font-weight: bold; 
}

.footer a:link  {
	color: white; 
	text-decoration: none; 
	font-weight: bold;
}

.footer a:visited {
	color: white; 
	text-decoration: none; 
	font-weight: bold;
}

.footer a:hover {
	color: white; 
	text-decoration: underline; 
	font-weight: bold;
}

.footer a:active {
	color: white; 
	text-decoration: none; 
	font-weight: bold;
}


/*****************************************************************************
******************************************************************************
**	5.0 Indepedent Hierarchy properties
******************************************************************************
*****************************************************************************/

/*****************************************************************************
**	5.1 Upcoming Events
*****************************************************************************/

table.event, td.event {
	margin: 0; 
	border-collapse: collapse; 
	table-layout: fixed;
	cellPadding: 0;
	cellSpacing: 0;
	border-spacing: 0;
	font-size: 16px;
	text-align: top left; 
}

td.date {
	width: 65px;
	font-weight: bolder;
	text-align: top left; 
	color:yellow;
}

td.day {
	font-weight: bold;
	color:black;
}

td.event {
	font-weight: bold;
	color:whitefff;
}

td.event_public {
	font-weight: bold;
	color:whitefff;
}

td.event_big {
	font-weight: bolder;
	font-size: 18px;
	color:yellow;
	font-variant: small-caps;
}

td.event_props {
	color:lightgreen;
}

td.event_practice {
	font: 16px;
	color:cyan;
}


/*****************************************************************************
**	5.2 Members
*****************************************************************************/

table.member {
	table-layout:auto;
	margin: 0; 
	border-collapse: collapse; 
	cellPadding: 0;
	cellSpacing: 0;
	border-spacing: 0;
	text-align: top left; 
}

td.what {
	font-weight: bolder;
	color:yellow;
}

td.who {
	color:white;
}



/*****************************************************************************
**	5.3 Announcement
*****************************************************************************/

table.announcement {
	table-layout:auto;
	margin: 0; 
	border-collapse: collapse; 
	cellPadding: 0;
	cellSpacing: 0;
	border-spacing: 0;
	text-align: top center; 
	font-weight: bolder;
	color:red;
}

td.announcement	{
	align="center"
	font-weight: bolder;
	font-size: 18px;
	color:red;
}