/********************************************************************/
/****************      Full Page Elements     ***********************/
.wponline{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image:  url(images/pageBG.jpg);
	background-repeat: repeat-x;
	word-spacing: normal;
	display: compact;
	text-decoration: none;

}
.wponlinePage{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image:  url(images/page.gif);
	background-repeat: repeat-x;
	word-spacing: normal;
	display: compact;
}
/********************************************************************/
/*********************      List Items     **************************/
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	list-style-type: disc;
	line-height: 18px;

}
/********************************************************************/
/****************     button/form elements     ***********************/
input.submit { 
	color: #FFFFFF; 
	font-size: 11px; 
	font-weight: normal;
    font-family : Arial, Helvetica, sans-serif;
    background : #999999 url(none) center;
}
/************** form spacer ******************/
.formSpacing {
	border: thin inset;
}
/********************************************************************/
/****************  Titles and non-active elements  ******************/
.headerTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	display: compact;
	line-height: 12px;

}
/*************************** white Column Spacers **************************/
.colSpacer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 20px;
	padding: 3px 10px;
	background-color: #FFFFFF;

}
/****************  silver panel  ******************/
.silverColSpacer {
	background-color: #999999;
	background-image: url(images/lightGreyRaisedPanel.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 24px;
	padding: 0px 10px;
}
/************** green padded text   ******************/
.bodyTextwithBufferGreenBG {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	background-color: #E8FFE1;
	background-image: url(images/greenPanel.gif);
	background-repeat: repeat;
}
/****************  silver panel  ******************/
.lightPanel {
	background-color: #CCCCCC;
	background-image: url(images/lightGreyRaisedPanel.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	line-height: 16px;
}
/****************   dark panel for lines  ******************/
.greyLine {
	background-color: #999999;
	background-image: url(images/greyColorChip.gif);
	background-repeat: repeat;
}
/****************  white panel for page backgrounds  ******************/
.whiteBG {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 20px;
	padding: 2px;
}
/****************  green panel for page backgrounds  ******************/
.greenBG {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 20px;
	padding: 2px;
	background-color: #E6FFDF;
	background-image: url(images/greenPanel.gif);
}
.greenBG:link {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #006600;
	text-decoration: underline;
	font-size: 12px;
}
.greenBG:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
	color: #339933;
	font-size: 12px;
}
/****************  grey panel for page backgrounds  ******************/
.greyBG {
	background-color: #F5F5F5;
	background-image: url(images/greyChip02.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 20px;
	padding: 2px;
}
/****************   Horizontal Rule  ******************/
.hRule {
	background-color: #009900;
	background-image: url(images/hRule.jpg);
	background-repeat: repeat-x;

}
/****************   Small text for address and copyright  ******************/
.indicia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}
/**************  green body text headers ******************/
.bodyTextTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #339900;
	line-height: 30px;
}
/************** normal thickness body title text that  ******************/
.bodyTextTitleThin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #339900;
	line-height: 30px;
}
/********************************************************************/
/****************  Links  ******************/
/**************  light colored links for dark backgrounds  ******************/
.dkLink {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFCC00;
}
.dkLink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFCC00;
	text-decoration: underline;

}
.dkLink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
	color: #FFE680;

}
/**************  menu headers and tabs  ******************/
.menuLink{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 12px;
	text-decoration: none;

}
.menuLink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	font-size: 12px;
}
.menuLink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	color: #009900;
	font-size: 12px;
}
/**************  body text for content  ******************/
.bodyText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 20px;
	padding: 2px;
}
.bodyText:link {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: blue;
	text-decoration: underline;
	font-size: 12px;
}
.bodyText:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
	color: #339933;
	font-size: 12px;
}
/**************  bold body text for content  ******************/
.bodyTextBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 18px;

}
.bodyTextBold:link {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #006600;
	text-decoration: underline;
	font-size: 12px;
}
.bodyTextBold:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	color: #339933;
	font-size: 12px;
}
/************** small white links on dark bg  ******************/
.whiteLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 15px;
	text-decoration: none;

}
.whiteLink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 15px;
	text-decoration: none;
}
.whiteLink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFE680;
	text-decoration: none;
	line-height: 15px;
}
/************** match list Title white headers  ******************/
.matchListTitleText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;

}
.matchListTitleText:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
.matchListTitleText:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFE680;
	text-decoration: underline;
}
/************** rollover menus - main menu  ******************/
.menuPanel {
	background-image: url(images/lightGreyRaisedPanel.gif);
	background-repeat: repeat-x;
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 162px;
	height: 22px;
	color: #000000;
	text-decoration: none;
	padding: 4px;
	display:block;
	-moz-box-sizing: border-box; 
}

.menuPanel:link {
	background-color: #CCCCCC;
	background-image: url(images/lightGreyRaisedPanel.gif);
	background-repeat: repeat-x;
	color: #000000;
	text-decoration: none;
}
.menuPanel:active {
	background-color: #999999;
	background-image: url(images/darkPanel.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	text-decoration: none;
}
.menuPanel:hover {
	background-color: #FFE680;
	background-image: none;
	color: #000000;
	text-decoration: none;
}
/************** rollover menus for match list ******************/
.matchListText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
	padding: 2px;
	width: 180px;
	height: 24;
	text-decoration: none;


}
.matchListText:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
	text-decoration: none;
	padding: 2px;
	width: 180px;
	height: 24;
}
.matchListText:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
	text-decoration: none;
	background-color: #ECFFEC;
	padding: 2px;
	width: 180px;
	height: 24;
	background-image: url(images/greenPanel.gif);
	background-repeat: repeat;
}
.matchListText:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
	text-decoration: none;
	background-color: #FFE680;
	padding: 2px;
	width: 180px;
	height: 24;
}