* {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

body {
	background: #cae0ed url(../img/generic_bg.gif) repeat-x;
	overflow: -moz-scrollbars-vertical; 
}

div.clearAll {
	clear: both;
}

/* @group header */

div#pageHeader {
	width: 976px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
	padding-right: 12px;
	padding-left: 12px;
	background: url(../img/header_bg.png) no-repeat;
	height: 100px;
}

#pageHeader h1 {
	font-size: 12px;
	text-indent: -9999px;
}

#pageHeader h2 {
	font-size: 12px;
	text-indent: -9999px;
}

a#logInButton {
	width: 99px;
	height: 28px;
	font-size: 10px;
	display: block;
	background: url(../img/secureLogIn_button_05.gif) no-repeat;
	text-indent: -9999px;
	position: relative;
	float: right;
	right: 12px;
}

#pageHeader a.adminButton {
	float: right;
	display: block;
	clear: right;
	font-size: 10px;
	color: #666;
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
	position: relative;
	right: 12px;
	bottom: 10px;
}

#pageHeader a.adminButton:hover {
	border: 1px solid #666;
	background-color: white;
	padding: 4px;
}

div#logInBox {
	float: right;
	width: 227px;
	padding: 6px;
	background-color: white;
	position: relative;
	border: 1px solid #999;
	right: -87px;
	top: 27px;
	text-align: center;
}

#logInBox form input {
	font-size: 10px;
}



/* @end */

/* @group page container */

div#pageContainer {
	width: 976px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 12px;
	padding-left: 12px;
	background: url(../img/canvas_bg.png) repeat-y;
}

div#contentArea {
	float: left;
	width: 540px;
	padding-top: 12px;
	padding-bottom: 12px;
}

div#contentAreaWide {
	float: left;
	width: 790px;
	padding-top: 12px;
	padding-bottom: 12px;
}

#contentArea h1, #contentAreaWide h1 {
	color: #339933;
	font-size: 22px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #339933;
}

#contentArea h2, #contentAreaWide h2 {
	color: #339933;
	font-size: 18px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #339933;
}

#contentArea h3, #contentAreaWide h3 {
	color: #339933;
	font-size: 16px;
	padding-bottom: 3px;
}

#contentArea h4, #contentAreaWide h4 {
	color: #666;
	font-size: 14px;
	padding-bottom: 3px;
}

#contentArea p, #contentAreaWide p {
	font-size: 12px;
	line-height: 18px;
	color: #666;
	padding-bottom: 10px;
}

#contentArea a, #contentAreaWide a {
	color: #339933;
	font-weight: bold;
	text-decoration: underline;
	position: relative;
}

#contentArea a:hover, #contentAreaWide a:hover {
	color: #92b1c5;
}

#contentArea ul, #contentAreaWide ul {
	font-size: 12px;
	line-height: 18px;
	color: #666;
	list-style-type: square;
	padding-left: 20px;
	padding-bottom: 10px;
}

div#msArea {
	width: 540px;
	height: 293px;
	background-color: silver;
	margin-bottom: 12px;
}

div#rightColumn {
	width: 238px;
	float: right;
	padding: 12px;
}

/* @group form */

#contactForm legend {
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	margin-left: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

#adminForm legend {
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	margin-left: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

fieldset#contactForm {
	background: #c2e1f0 url(../img/form_bg.gif) repeat-x 0 -2px;
}

div.contactFormColumn {
	width: 513px;
	float: left;
	font-size: 11px;
	color: #666666;
	margin: 10px 0 10px 10px;
}

div.contactFormColumn label, #adminForm label {
	font-size: 11px;
	color: #666666;
	width: 195px;
	float: left;
	text-align: right;
	margin-right: 10px;
	margin-top: 3px;
	margin-bottom: 10px;
	background-color: transparent;
}

div.contactFormColumn label.requiredField {
	font-weight: bold;
	color: maroon;
}

div.contactFormColumn input {
	width: 145px;
	float: left;
	font-size: 14px;
	margin-bottom: 10px;
	position: relative;
}

textarea {
	position: relative;
}

#formSubmit input {
	position: relative;
}

#contactForm p.labelNote {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 260px;
	display: block;
	clear: left;
	font-size: 10px;
	color: maroon;
	font-weight: bold;
}

div#formSubmit {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: 130px;
	display: block;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}



/* @end */

/* @group news feed */

div#newsFeed {
	width: 236px;
	border: 1px solid #92b1c5;
	margin-bottom: 12px;
}

#newsFeed h2 {
	height: 22px;
	background: url(../img/blue_header_grad.gif) repeat-x;
	font-size: 14px;
	padding-top: 6px;
	padding-left: 6px;
}

#newsFeed ul {
	list-style-type: none;
	padding: 5px;
}

#newsFeed ul li {
	border-bottom: 1px solid white;
}

#newsFeed ul li a {
	font-size: 12px;
	color: black;
	text-decoration: none;
	font-weight: bold;
	display: block;
	line-height: 14px;
	padding-bottom: 2px;
	position: relative;
}

#newsFeed ul li a:hover {
	text-decoration: underline;
}

#newsFeed ul li span {
	display: block;
	color: #666;
	font-size: 10px;
	padding-bottom: 10px;
	line-height: 11px;
	clear: left;
}

/* @end */

/* @group event feed */

div#eventFeed {
	width: 236px;
	border: 1px solid #99ca9e;
	margin-bottom: 12px;
}

#eventFeed h2 {
	height: 22px;
	background: url(../img/green_header_grad.gif) repeat-x;
	font-size: 14px;
	padding-top: 6px;
	padding-left: 6px;
}

#eventFeed ul {
	list-style-type: none;
	padding: 5px;
}

#eventFeed ul li {
	border-bottom: 1px solid white;
}

#eventFeed ul li a {
	font-size: 12px;
	color: black;
	text-decoration: none;
	font-weight: bold;
	display: block;
	line-height: 14px;
	padding-bottom: 2px;
	position: relative;
}

#eventFeed ul li a:hover {
	text-decoration: underline;
}

#eventFeed ul li span {
	display: block;
	color: #666;
	font-size: 10px;
	padding-bottom: 10px;
	line-height: 11px;
	clear: left;
}

/* @end */

/* @group image box */

div.imgBox {
	background: #c1dfc5 url(../img/img_box_bg.gif) repeat-x;
	padding: 5px;
	border: 1px solid #339933;
	margin-bottom: 12px;
	text-align: center;
	position: relative;
}

#rightColumn div.imgBox p.imgCaption {
	font-size: 11px;
	color: #339933;
	padding-top: 2px;
}

div.imgBoxAlt {
	background: #ADD4FF url(../img/img_box_bg_blue.gif) repeat-x;
	padding: 5px;
	border: 1px solid #1E6AC1;
	margin-bottom: 12px;
	text-align: center;
	position: relative;
}

#rightColumn div.imgBoxAlt p.imgCaption {
	font-size: 11px;
	color: #1E6AC1;
	padding-top: 2px;
}


/* @end */

/* @group sponsor box */

div#sponsorBox {
	width: 784px;
	border-top: 1px solid #999;
	height: 54px;
	margin-left: 172px;
	padding-top: 15px;
	padding-left: 4px;
	padding-right: 2px;
}

#sponsorBox ul {
	list-style-type: none;
}

#sponsorBox ul li {
	float: left;
}

#sponsorBox ul li a {
	width: 194px;
	height: 50px;
	display: block;
	font-size: 10px;
	text-indent: -9999px;
	margin-right: 2px;
	position: relative;
}

a#sponsor1 {
	background-image: url(../img/sponsor01.jpg);
}

a#sponsor2 {
	background-image: url(../img/sponsor02.jpg);
}

a#sponsor3 {
	background-image: url(../img/sponsor03.jpg);
}

a#sponsor4 {
	background-image: url(../img/sponsor04.jpg);
}

/* @end */



/* @end */

/* @group global navigation */

div#globalNav {
	width: 150px;
	padding: 12px;
	float: left;
}

#globalNav ul {
	list-style-type: none;
}

#globalNav ul li a {
	width: 150px;
	height: 48px;
	display: block;
	font-size: 10px;
	text-indent: -9999px;
	margin-bottom: 1px;
	position: relative;
}

#globalNav ul ul {
	background-color: #d1e0eb;
	padding: 5px;
}

#globalNav ul ul li a {
	display: inline-block;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	text-decoration: none;
	width: 136px;
	text-indent: 0;
	padding: 2px;
	height: auto;
	position: relative;
}

#globalNav ul ul li a:hover {
	background-color: white;
}

a#nav1 {
	background-image: url(../img/nav01o.gif);
}

a#nav1selected {
	background-image: url(../img/nav01s.gif);
}

a#nav1:hover, a#nav1selected:hover {
	background-image: url(../img/nav01h.gif);
}

a#nav2 {
	background-image: url(../img/nav02o.gif);
}

a#nav2selected {
	background-image: url(../img/nav02s.gif);
}

a#nav2:hover {
	background-image: url(../img/nav02h.gif);
}

a#nav3 {
	background-image: url(../img/nav03o.gif);
}

a#nav3selected {
	background-image: url(../img/nav02s.gif);
}

a#nav3:hover {
	background-image: url(../img/nav03h.gif);
}

a#nav4 {
	background-image: url(../img/nav04o.gif);
}

a#nav4selected {
	background-image: url(../img/nav02s.gif);
}

a#nav4:hover {
	background-image: url(../img/nav04h.gif);
}

a#nav5 {
	background-image: url(../img/nav05o.gif);
}

a#nav5selected {
	background-image: url(../img/nav02s.gif);
}

a#nav5:hover {
	background-image: url(../img/nav05h.gif);
}

a#nav6 {
	background-image: url(../img/nav06o.gif);
}

a#nav6active {
	background-image: url(../img/nav06s.gif);
}

a#nav6:hover {
	background-image: url(../img/nav06h.gif);
}

/* @end */

/* @group page footer */

#pageFooter {
	background: url(../img/footer_bg.png) no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 976px;
	padding: 30px 12px;
}

#pageFooter p {
	color: #666;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

#pageFooter p a {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

#pageFooter p a:hover {
	color: black;
	text-decoration: underline;
}

/* @end */

#wba { display: compact; }
#wsba { display: compact; }
#dev { display: compact; }
#logInBox { display: none; }

#dhtmltooltip{
position: absolute;
width: 200px;
border: 1px solid gray;
padding: 5px;
background-color: #409A44;
color: #ffffff;
visibility: hidden;
z-index: 100;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:center;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmltooltip p
{
	font-size: 11px;
}

#dhtmltooltip a{
	color: #FFFF99;
	font-weight: bold;
}

td 
{
	font-size: 12px;
	line-height: 18px;
	color: #666;
}

#newsItem {
	padding: 0px;
	margin: 5px;
}

#newsItem p {
	padding: 0px 0px 10px;
}

#newsHeader {
	color: #666666;
	background-color: #ddd;
	margin: 0;
	margin-bottom: 5px;
	padding: 5px;
	display: block;
	border-bottom: 1px solid #1F6AB1;
	font-size: 12px;
}

#newsText {
	margin-top: 5px;
	padding: 5px;
	font-size: 12px;
	line-height: 16px;
}

#newsLetterItem {
	padding: 0px;
	margin: 5px;
}

#newsLetterItem p {
	padding: 0px;
}

#newsLetterHeader {
	color: #666666;
	background-color: #ddd;
	margin: 0;
	margin-bottom: 5px;
	padding: 5px;
	display: block;
	border-bottom: 1px solid #339933;
	font-size: 12px;
}

#eventItem {
	padding: 0px;
	margin: 5px;
}

#eventItem p {
	padding: 0px 0px 10px;
}

#eventHeader {
	color: #666666;
	background-color: #ddd;
	margin: 0;
	margin-bottom: 5px;
	padding: 5px;
	display: block;
	border-bottom: 1px solid #339933;
	font-size: 12px;
}

.pic_right
{
	float: right;
	padding-left: 10px;
	padding-bottom: 2px;
	position: relative;
}

.pic_left 
{
	float: left;
	padding-right: 10px;
	padding-bottom: 2px;
	position: relative;
}

#adminHeader
{
	width: 300px;
	padding: 6px;
	position: relative;
	border: 1px solid #999;
	top: -23px;
	text-align:left;
	height: auto;
	left: 657px;
	background: #FFFFCC url(../img/admin_bg.gif) repeat-x;
}

#adminHeader p
{
	font-size: 10px;
	color: #333333;
}

#adminHeader a {
	font-size: 12px;
	color: black;
	font-weight: bold;
	text-decoration: underline;
}

#adminHeader a:hover {
	color: #339933;
}

#adminHeader ul
{
	list-style-type: square;
	padding-left: 20px;
}

#profile
{
	width: 500px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 5px;
	float: left;
	border-top-style: solid;
	border-top-color: #DADADA;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	border-bottom-width: 1px;	
}

#profile img.profile_pic
{
	float: left;
	background-color: #DADADA;
	border: 1px solid #CCCCCC;
    padding: 10px;
	margin-right: 20px;
	position: relative;
}

#admin
{
	font-size: 12px;
	color: #FF0000;
}

#admin img
{
	margin-top: 6px;
	padding: 0px;
}

#admin a 
{ 
	text-decoration:none; 
}

.admin_button {
	color: #666;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	text-decoration: none;
	background-color: #ccc;
	margin: 2px;
	padding: 5px;
	border: solid 1px black
}

.admin_button:hover {
	color: #666;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	text-decoration: none;
	background-color: white;
	margin: 2px;
	padding: 5px;
	border: solid 1px black
}

#contentArea td, #contentAreaWide td
{
	padding: 4px;
}

#errors
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border-width: 1px;
	border-style:solid;
	border-color: #FF0000;
	background-color: #FFD3D3;
	padding: 5px;
	margin-bottom: 5px;
}

.error
{
}

.sbox input 
{
	margin-top: 5px;
	border-style: none;
	width: 282px;
	height: 20px;
	background: url(../img/sbox_bg.gif) no-repeat 0 0;
	font-size: 11px;
	padding-top: 3px;
	padding-left: 10px;
	position: relative;
}

table.list
{
/*	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	border-collapse: collapse;
*/
}

td.head
{
	background-color: #1F6AB1;
	color: white;	
}

td.ori
{
	background-color: #FFFFFF;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-collapse: collapse;
*/
}

td.alt
{
	background-color: #d1e0eb;
}

td.match_report
{
	border-style: solid;
	border-color: #409A44;
	border-width: 2px;
}

#profile_table
{
	width: 500px;
}

#profile_table td
{
	padding: 0px;
	margin: 0px; 
	border-color: white;
	border-style: solid;
}

#profile_table img
{
	background-color: #DADADA;
	border: 1px solid #CCCCCC;
    padding: 10px;
	margin-right: 10px;
}

#cmsContent img
{
	padding: 5px;
}

iframe
{
 position: relative;	
}

input { position: relative; }

textarea { position: relative; }

select { position: relative; }

#preloaded_images
{
	display: none;
	visibility:hidden;
}