/* ### STYLE.CSS ### */
/* ### Styles in this file are applied to all pages (non-mobile and mobile) ### */

@charset "us-ascii";

/* ### Global Styles ### */
/* ### Applied to the whole site, such as default font formatting and clickable link color ### */
/* ### Name must be a valid HTML tag ### */

body {
	background: white;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
 	margin: 0px; 
	vertical-align: top;
	}
	
td {
	vertical-align: top;
	} 

th {
	font-weight: bold;
	vertical-align: top; 
	} 
	
p {
	padding-left: 5px; 
	padding-top: 0px; 
	padding-right: 5px;
	padding-bottom: 0px; 
	vertical-align: top;
	}
	
dd {
	text-decoration: none;
	font-size: 12pt;
	}

a, a:link, a:visited {
/* 	color: red; */
/* 	color: #C00000; dark red */
	color: #800000; 
	text-decoration: underline; 
	} 
	
a:active, a:hover, a:focus {
/*	background: blue; */
/*	background: #0000C0; dark blue */
/*	color: yellow; */
/*	color: #C0C000; dark yellow */
	background: #A2B964;
	color: white; 
	text-decoration: none;
	}
	
/* ### ID Styles ### */
/* ### Can be applied at the ID level, such as to a whole Table or Div ### */
/* ### Name must start with a # symbol ### */

/* ### Class Styles ### */
/* ### Can be applied at the element level, such as to a table cell or text ### */
/* ### Name must start with a period ### */

.titlemain {
/*	text-align: center;
	vertical-align: left;
	font-weight: bold;
	font-size: x-large; */
	}

.thumb {
	border-style: solid;
	border-width: 2px;
	margin: 3px 3px 3px 3px; 
	} 

.caption {
	/* Is this the formatting for the "logged in" message under Member Login? */
	/* If so, fix it; too big, shouldn't be centered, shouldn't wrap */
	font-size: xx-small;
	text-align: left;
	}

.contentheader {
	/* Content header div */
	}

.contentmain h1, .contentmain h2, .contentmain h3, .contentmain h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;   
	}

.contentmain h1 {
	/* Content header */
	font-size: 18px;
	padding-left: 5px; 
	padding-top: 1px; 
	padding-right: 0px;
	padding-bottom: 2px;
 	display: block; 
/*	background: red; */
/*	background: #C00000; dark red */
/*	background: #800000; */
	background: #006400;
	color: white;
	}
	
.contentmain h2 {
	/* Content sub-header */
	font-size: 14px;
	padding-left: 5px; 
	padding-top: 0px; 
	padding-right: 0px;
	padding-bottom: 0px; 
	}	

.contentmain h3 {
	/* Content right column header */
	font-size: 12px;
	text-align: center;
/*	background: red; */
/*	background: #C00000; dark red */
/*	background: #800000; */
	background: #006400;
	color: white;
	padding-left: 5px; 
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 2px;
 	display: block; 
	}

.contentmain h4 {
	/* Content right column sub-header */
	font-size: 11px;
	text-align: center;
	}
	
.contentmain .listtable {
	/* Tables used for lists in the Content area */
	margin-left: 5px;
	margin-right: 5px; 
	border: solid;
	border-color: black;
	border-width: 1px;
	border-collapse: collapse;
	padding: 0px; 
	vertical-align: top; 
	} 

.contentmain .listtable th {
	/* Headers for tables used for lists in the Content area */
	/* don't use display:block or non-IE formatting will break */
	text-align: left; 
	font-weight: bold;
/*	background: yellow; */
/*	background: #C0C000; dark yellow */
/*	background: #FFC0C0; */
	background: #A2B964;
	color: black;
	padding-left: 5px; 
	padding-top: 4px; 
	padding-right: 5px;
	padding-bottom: 4px; 
	vertical-align: top; 
	border: solid;
	border-color: black;
	border-width: 1px;
	} 

.contentmain .listtable td {
	/* Cells for tables used for lists in the Content area */
	padding-left: 5px; 
	padding-top: 2px; 
	padding-right: 5px;
	padding-bottom: 2px; 
	vertical-align: top;
	border: solid;
	border-color: black;
	border-width: 1px;
	} 

.contentfooter {
	/* content footer div */
	font-size: 9px;
	}
    
.listtitle {
    font-weight: bold;
}

.qp {
	/* questionpro credits div */
	/* should match padding settings for <p> */
	padding-left: 5px; 
	padding-top: 0px; 
	padding-right: 5px;
	padding-bottom: 0px; 
	vertical-align: top;
	font-size: 8px;
    /* font-size: xx-small; */
	}

/*  .qp, .qp a, .qp a:link, .qp a:visited, .qp a:focus, .qp a:hover, .qp a:active {
    color: white;
    background-color: white;
	} */
	
/*  .qp a[href="http://www.questionpro.com/"],
	.qp a[href="http://www.questionpro.com"],
	.qp a:link[href="http://www.questionpro.com"],
	.qp a:hover[href="http://www.questionpro.com"],
	.qp a:focus[href="http://www.questionpro.com"],
	.qp a:visited[href="http://www.questionpro.com"]
	.qp a:active[href="http://www.questionpro.com"]
	{
    color: #800000; 
    text-decoration: underline; 
	} */

/* .qp:first-line {
    color:black;
	} */

/* .eventmain h1, .eventmain h2, .eventmain h3 {
    color: black;
    background: white; 
    } */

.eventmain h1, .eventmain h2, .eventmain h3, .eventmain h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;   
	}

.eventmain h1 {
	/* Event (competition, league) header */
/*    font-size:16pt; */
	font-size: 14px;
	padding-left: 5px; 
	padding-top: 1px; 
	padding-right: 0px;
	padding-bottom: 2px;
 	display: block; 
/*	background: red;  */
	background: #006400;
	color: white;
    }

.eventmain h2 {
	/* Event (competition, league) sub-header */
	font-size: 12px;
	padding-left: 5px; 
	padding-top: 0px; 
	padding-right: 0px;
	padding-bottom: 0px; 
	}	

.eventmain h3 {
	/* Event (competition, league) sub-sub-header */
	font-size: 12px;
	padding-left: 5px; 
	padding-top: 0px; 
	padding-right: 0px;
	padding-bottom: 0px; 
	color: blue;
	}

.eventmain h4 {
	/* Event (competition, league) sub-sub-sub-header */
	font-size: 10px;
	padding-left: 5px; 
	padding-top: 0px; 
	padding-right: 0px;
	padding-bottom: 0px; 
	}

.eventmain .bordertable {
    padding: 0px 4px 0px 4px;
    border: 1px solid gray;
    border-collapse: collapse;
	}

.eventmain .bordertable td, .eventmain .bordertable th {
    border: 1px solid gray;
	}

.eventmain .listtable {
	/* Tables used for lists in the Event area */
	margin-left: 5px;
	margin-right: 5px; 
	border: solid;
	border-color: black;
	border-width: 1px;
	border-collapse: collapse;
	padding: 0px; 
	vertical-align: top; 
	} 

.eventmain .listtable th {
	/* Headers for tables used for lists in the Event area */
	/* don't use display:block or non-IE formatting will break */
	text-align: left; 
	font-weight: bold;
/*	background: yellow; */
	background: #A2B964;
	color: black;
	padding-left: 5px; 
	padding-top: 4px; 
	padding-right: 5px;
	padding-bottom: 4px; 
	vertical-align: top; 
	border: solid;
	border-color: black;
	border-width: 1px;
	} 

.eventmain .listtable td {
	/* Cells for tables used for lists in the Event area */
	padding-left: 5px; 
	padding-top: 2px; 
	padding-right: 5px;
	padding-bottom: 2px; 
	vertical-align: top;
	border: solid;
	border-color: black;
	border-width: 1px;
	} 

.navholder {
	font: 14px Arial, Helvetica, sans-serif;
/*	font-weight: bold; */
    text-align: left;
	text-decoration: none;
	display: block;
/*	background: blue;  */
/*	background: #0000C0; dark blue */
	background: #006400;
	color: white;
    position: absolute;
	}

.navcell {
	font: 14px Arial, Helvetica, sans-serif;
/*	font-weight: bold; */
    text-align: left;
	text-decoration: none;
	}
    
img.navtop {
	/* properties for nav top image */
	}

img.navbottom {
	/* properties for nav bottom image */
	margin-top: -2px; 
	}
	
.navlogin {
	/* properties for nav login */
	margin-top: -4px;
	}
	
.navlogintext {
	/* properties for nav login text */
	font-size: 9px;
	}	

table.nav {
    width:100%;
	margin-top: -1px;
	}
    
table.nav > caption {
    padding-bottom: 2pt; 
	}

td.navcell, td.navcell li, td.eventnavcell a {
    margin: 0;
    padding: 0;
	}
 
td.navcell a, td.navcell .nav_currentpg, td.navcell .nav_disabledpg, td.eventnavcell a, td.eventnavcell .nav_currentpg, td.eventnavcell .nav_disabledpg {
	/* Settings for nav cell, including most recently clicked link */
    display: block;
    border-top: 1px solid white; 
	padding-left: 5px; 
	padding-top: 4px; 
	padding-right: 5px;
	padding-bottom: 4px; 
	margin-left: -2px;
	margin-top: -2px;
    margin-right: -2px;
	color: black;
    font: 14px Arial, Helvetica, sans-serif;
    text-decoration: none;
	}

td.navcell a, td.navcell .nav_currentpg, td.navcell .nav_disabledpg {
    background: #A2B964;
}

td.navcell .nav_disabledpg {
	/* Seetings for nav cell that's inaccessible?  If so, make background grey or similar */
/*    background: blue; */
/*	background: #0000C0; dark blue */
	background: #006400;
	}

td.navcell a:link, td.navcell a:visited {
	/* Settings for link in nav cell */
	background: #006400;
	color: white;
	}
	
td.navcell a:active, td.navcell a:hover, td.navcell a:focus {
	/* Settings for link in nav cell during mouseover */
	background: #A2B964;
	color: black;
	}

    /* event pages specific */
.titlemain h1, .eventmain h2, .eventmain h3 {
    width: auto;
}

.titlemain h1 {
    background:white;
    color:blue;
    text-align: center
}

.eventnavcell {
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    }
td.eventnavcell, td.eventnavcell li {
    margin: 0;
    padding: 0;
    }
 
td.eventnavcell a, td.eventnavcell .nav_currentpg, td.eventnavcell .nav_disabledpg {
    background: #7f7fff; 
    }

td.eventnavcell .nav_disabledpg {
    background: blue;
    }

td.eventnavcell a:link, td.eventnavcell a:visited {
    /* Settings for link in nav cell */
    background: blue;
    color: white;
    }
    
td.eventnavcell a:active, td.eventnavcell a:hover, td.eventnavcell a:focus {
    /* Settings for link in nav cell during mouseover */
    background: #7f7fff; 
    color: black;
    }

.navdivider, .navdivider p
{
    /* background-color: #A2B964; */
    background-color: white;
    padding: 0;
    margin: 0;
}

.errortext, .strongtext
{
    color: red;
    font-weight: bold;   
}

.errortext
{
    font-size: large;
    text-decoration: blink;
}