* {
        list-style-type: none;
        box-sizing: border-box;
}
html, body {
    z-index: 1;
	margin:0;
	padding:0;
    height: 100%;
    width: 100%;

    background-attachment: fixed;
    background-image: url("/images/CSRGC_Home_Cover.jpg");
    background-position: center center;
    background-repeat:no-repeat;
    background-color: #000000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;


	}
select {
	font-size: 11pt;
    border-radius: 10px;
    border:2px #1c8277 solid;

            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            appearance: none;
            outline: 0;
            background: #333333;
            background-image: none;
}

.select {
    border-radius: 10px;
    border:1px #666666 solid;
            position: relative;
            display: block;
            width: 12em;
            height: 1.85em;
            line-height: 1.85;
            background: #333333;
            overflow: hidden;
}

select {
    border-radius: 10px;
    border:1px #666666 solid;

            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0 0 0 2em;
            color: #fff;
            cursor: pointer;
}

select::-ms-expand {
            display: none;
}

.select::after {
    border-radius: 10px;
    border:1px #666666 solid;
            content: '\25BC';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            padding: 0 .5em;
            background: #34495E;
            pointer-events: none;
}

.select:hover::after {
            color: #F39C12;
}

< !-- For different browsers -->.select::after {
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

pre {
	font-size: 11pt;
	line-height:20px; 
	text-align:left;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
	width:700px;
	min-width:700px;
	overflow:auto
	max-width:700px;
}

#nav {
    border-radius: 10px;
	font-size: 12pt;
    height:25px;
    min-width: 800px;
    width: 800px;
    position:fixed;
    top:0px;
    background:#eee;
    background-color: #666;
    background-position: top;
    background-repeat: repeat;
    background-image: url("/images/grey-bar.gif");
	border:3px #1c8277 solid; 
    z-index:999999999999999999;
}

#nav, .nav, #nav .nav li {
	margin:0px;
	padding:0px;
}

/* The menu bar itself */
#nav li  {
	float:middle;
	display:inline;
	cursor:pointer;
	list-style:none;
	padding:0px 20px 0px 20px;
	border:0px #999 solid;
	position:relative;
}

li, li {
	color:#eee;
	text-decoration:none;
}

#nav .nav li {
	width:100%; 
	text-indent:10px; 
	line-height:40px; 
	padding:5px;
	margin-right:10px; 
	border-top:1px #CCC solid; 
	border-bottom:1px #CCC solid; 
	border-left:none; 
	border-right:none; 
}

#nav li a {
	width:inherit;
	height:inherit;
	background: rgba(0,0,0, 0.1);
}

ul.nav {
	width: 230px;
	min-width: 220px;
	display:none;
	background: rgba(0,0,0, 0.9);
 }

#nav li:hover > a, #nav li:hover { 
	color:#1c8277;
}

a {
	color:#cccccc;
	text-decoration: none;
	background: rgba(0,0,0, 0.9);
}

li:hover > .nav {
	display:block; 
	position:absolute; 
	width:150px; 
	top:2px; 
	left:50%; 
	z-index:100; 
	border:1px #999 solid; 
} <!--AFTER DISPLAY IE GHOST HOVER FIX -->

li:hover {
	position:relative;
	z-index:2000; 
} <!--IE7 Z-INDEX BUG FIX, MUST FALL AFTER DISPLAY RULE -->

#nav li {
	top: 50px;
	width: 75px;
	border: 1px solid #999;
	background: rgba(0,0,0, 0.9);
}

#nav ul {
	position: absolute;
    border-radius: 10px;
	border:3px #1c8277 solid; 
	top: 17px;
	left: -30px;
	z-index: 999999999;
	background: rgba(0,0,0, 0.9);
}

#full {
        margin: auto;
        align: center;
        width: 100%;
        min-height:100%;
        position:relative;
        background-size: 100% 100%;
		background: rgba(0,0,0, 0.3);
		border-left:1px white solid; 
		border-right:1px white solid; 
}

#calendar {
        margin: auto;
        align: center;
        width: 1280px;
        min-height:100%;
        position:relative;
        background-size: 100% 100%;
		background: rgba(0,0,0, 0.6);
		border-left:1px #094b47 solid; 
		border-right:1px #094b47 solid; 
}

#farout {
        margin: auto;
        align: center;
        width: 1600px;
        min-height:100%;
        position:relative;
        background-size: 100% 100%;
		background: rgba(0,0,0, 0.6);
		border-left:1px #094b47 solid; 
		border-right:1px #094b47 solid; 
}

#outer {
        margin: auto;
        align: center;
        width: 1280px;
        min-height:100%;
        position:relative;
        background-size: 100% 100%;
		background: rgba(0,0,0, 0.5);
		border-left:1px #094b47 solid; 
		border-right:1px #094b47 solid; 
}

#container {
        margin: auto;
        align: center;
        width: 800px;
        min-height:100vh;
        position:relative;
		background: rgba(0,0,0, 0.5);
        background-size: 100% 100%;
		border-left:1px #003933 solid; 
		border-right:1px #003933 solid; 
}

	#body {
		padding:10px;
		padding-bottom:15px;	/* Height of the footer */

	}
#table {
        width: 96%;
		table-layout:fixed;
        border: 1px solid #CCC;
        padding: 0px;
        margin: 0px;
}

#tdviews {
        color: #EEEEEE;
        background-repeat: repeat;
        background-image: url("/images/grey-bar.gif");
        background-color: #6197cf;
        border-bottom: 1px solid #000000;
        border-top: 1px solid #000000;
}

#tddetail {
    color: #eeeeee;
	background: rgba(0,0,0, 0.8);
    padding: 0px;
    margin: 0px;
}

	#footer {
		color: #eeeeee;
		position:absolute;
		bottom:0;
		width:100%;
		height:20px;			/* Height of the footer */
        	background-repeat: repeat;
        	background-image: url("/images/grey-bar.gif");
    		background-size: 100% 100%;
	}
	/* other non-essential CSS */
	#header p,
	#header h1 {
		margin:0;
		padding:10px 0 0 10px;
	}
	#footer p {
		margin:0;
		padding:2px;
		color: #eeeeee;
	}
	<!--[if lt IE 7]>
	<style media="screen" type="text/css">
	#container {
		height:100%;
	}
	<![endif]-->



.dropbtn {
    color: #000000;
    border-radius: 10px;
    border: 1px solid black;
    border-right: 2px solid black;
    border-left: 2px solid black;
    background: rgb(130,128,128);
    background: -moz-linear-gradient(90deg, rgba(130,128,128,1) 0%, rgba(157,157,157,1) 50%, rgba(130,128,128,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(130,128,128,1) 0%, rgba(157,157,157,1) 50%, rgba(130,128,128,1) 100%);
    background: linear-gradient(90deg, rgba(130,128,128,1) 0%, rgba(157,157,157,1) 50%, rgba(130,128,128,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#828080",endColorstr="#828080",GradientType=1);
    padding: 8px;
    font-size: 16px;
    font-weight: bold;
}
.dropdown { display: inline-block; position: relative; width; 100px; }
.dropdown-content { display:none; position: absolute; width: 100px; overflow: auto; box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5); background-color: #999999; }
.dropdown:hover .dropdown-content { display: block; }
.dropdown-content a { display: block; font-weight: bold; font-size 14px; background-color: #666666; color: #000000; padding 1px; text-decoration: none; }
.dropdown-content a:hover { font-weight: bold; color: #FFFFFF; background-color: #00A4DB; }

.arrow {
  border: solid #1c8277;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.theader {
background: rgb(116,116,116);
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
color: #CCCCCC;
background: -moz-linear-gradient(86deg, rgba(116,116,116,1) 0%, rgba(55,55,55,1) 50%, rgba(116,116,116,1) 100%);
background: -webkit-linear-gradient(86deg, rgba(116,116,116,1) 0%, rgba(55,55,55,1) 50%, rgba(116,116,116,1) 100%);
background: linear-gradient(86deg, rgba(116,116,116,1) 0%, rgba(55,55,55,1) 50%, rgba(116,116,116,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#747474",endColorstr="#747474",GradientType=1);
}
.blank {
background: rgb(116,116,116);
color: #CCCCCC;
background: -moz-linear-gradient(86deg, rgba(116,116,116,1) 0%, rgba(55,55,55,1) 50%, rgba(116,116,116,1) 100%);
background: -webkit-linear-gradient(86deg, rgba(116,116,116,1) 0%, rgba(55,55,55,1) 50%, rgba(116,116,116,1) 100%);
background: linear-gradient(86deg, rgba(116,116,116,1) 0%, rgba(55,55,55,1) 50%, rgba(116,116,116,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#747474",endColorstr="#747474",GradientType=1);
}
.winnerwinnerrubberchickendinner {
    font-size: 20px;
    font-weight: bold;
    color: #CCCCCC;
 background: rgb(26,31,87);
background: -moz-linear-gradient(86deg, rgba(26,31,87,1) 0%, rgba(21,34,185,1) 50%, rgba(26,31,87,1) 100%);
background: -webkit-linear-gradient(86deg, rgba(26,31,87,1) 0%, rgba(21,34,185,1) 50%, rgba(26,31,87,1) 100%);
background: linear-gradient(86deg, rgba(26,31,87,1) 0%, rgba(21,34,185,1) 50%, rgba(26,31,87,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a1f57",endColorstr="#1a1f57",GradientType=1); 
}
.gold {
    font-size: 20px;
    font-weight: bold;
 background: rgb(131,97,66);
background: -moz-linear-gradient(86deg, rgba(131,97,66,1) 0%, rgba(233,199,12,1) 50%, rgba(131,97,66,1) 100%);
background: -webkit-linear-gradient(86deg, rgba(131,97,66,1) 0%, rgba(233,199,12,1) 50%, rgba(131,97,66,1) 100%);
background: linear-gradient(86deg, rgba(131,97,66,1) 0%, rgba(233,199,12,1) 50%, rgba(131,97,66,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#836142",endColorstr="#836142",GradientType=1);
}
.silver {
    font-size: 20px;
    font-weight: bold;
 background: rgb(126,126,126);
background: -moz-linear-gradient(86deg, rgba(126,126,126,1) 0%, rgba(192,192,192,1) 50%, rgba(126,126,126,1) 100%);
background: -webkit-linear-gradient(86deg, rgba(126,126,126,1) 0%, rgba(192,192,192,1) 50%, rgba(126,126,126,1) 100%);
background: linear-gradient(86deg, rgba(126,126,126,1) 0%, rgba(192,192,192,1) 50%, rgba(126,126,126,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7e7e7e",endColorstr="#7e7e7e",GradientType=1);
}
.bronze {
    font-size: 20px;
    font-weight: bold;
 background: rgb(131,98,68);
background: -moz-linear-gradient(86deg, rgba(131,98,68,1) 0%, rgba(161,102,36,1) 50%, rgba(131,98,68,1) 100%);
background: -webkit-linear-gradient(86deg, rgba(131,98,68,1) 0%, rgba(161,102,36,1) 50%, rgba(131,98,68,1) 100%);
background: linear-gradient(86deg, rgba(131,98,68,1) 0%, rgba(161,102,36,1) 50%, rgba(131,98,68,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#836244",endColorstr="#836244",GradientType=1);
}
.dot {
    height: 13px;
    width: 13;
    background-color: #999999;
    border-radius: 50%;
    display: inline-block;
    margin: 0px 5px 0px 5px;
}
.month {
    color: #EEEEEE;
    border: 1px solid #CCCCCC;
    background: rgb(75,75,75);
    background: -moz-radial-gradient(circle, rgba(75,75,75,1) 0%, rgba(110,110,110,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(75,75,75,1) 0%, rgba(110,110,110,1) 100%);
    background: radial-gradient(circle, rgba(75,75,75,1) 0%, rgba(110,110,110,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4b4b4b",endColorstr="#6e6e6e",GradientType=1);
}
.rimfire {
background: rgb(112,132,152);
background: -moz-linear-gradient(86deg, rgba(112,132,152,1) 0%, rgba(153,164,175,1) 50%, rgba(112,132,152,1) 100%);
background: -webkit-linear-gradient(86deg, rgba(112,132,152,1) 0%, rgba(153,164,175,1) 50%, rgba(112,132,152,1) 100%);
background: linear-gradient(86deg, rgba(112,132,152,1) 0%, rgba(153,164,175,1) 50%, rgba(112,132,152,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#708498",endColorstr="#708498",GradientType=1);
}
.centerfire {
    background: rgb(94,129,100);
    background: -moz-linear-gradient(86deg, rgba(94,129,100,1) 0%, rgba(142,180,142,1) 50%, rgba(94,129,100,1) 100%);
    background: -webkit-linear-gradient(86deg, rgba(94,129,100,1) 0%, rgba(142,180,142,1) 50%, rgba(94,129,100,1) 100%);
    background: linear-gradient(86deg, rgba(94,129,100,1) 0%, rgba(142,180,142,1) 50%, rgba(94,129,100,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e8164",endColorstr="#5e8164",GradientType=1);
}
.combined {
 background: rgb(145,120,71);
background: -moz-linear-gradient(86deg, rgba(145,120,71,1) 0%, rgba(172,137,88,1) 50%, rgba(129,117,94,1) 100%);
background: -webkit-linear-gradient(86deg, rgba(145,120,71,1) 0%, rgba(172,137,88,1) 50%, rgba(129,117,94,1) 100%);
background: linear-gradient(86deg, rgba(145,120,71,1) 0%, rgba(172,137,88,1) 50%, rgba(129,117,94,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#917847",endColorstr="#81755e",GradientType=1);
}
.total {
 background: rgb(147,83,83);
background: -moz-linear-gradient(86deg, rgba(147,83,83,1) 0%, rgba(176,102,102,1) 50%, rgba(147,83,83,1) 100%);
background: -webkit-linear-gradient(86deg, rgba(147,83,83,1) 0%, rgba(176,102,102,1) 50%, rgba(147,83,83,1) 100%);
background: linear-gradient(86deg, rgba(147,83,83,1) 0%, rgba(176,102,102,1) 50%, rgba(147,83,83,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#935353",endColorstr="#935353",GradientType=1);
}
.first {
 background: rgb(71,106,200);
background: -moz-linear-gradient(86deg, rgba(71,106,200,1) 0%, rgba(33,56,102,1) 50%, rgba(71,106,200,1) 100%);
background: -webkit-linear-gradient(86deg, rgba(71,106,200,1) 0%, rgba(33,56,102,1) 50%, rgba(71,106,200,1) 100%);
background: linear-gradient(86deg, rgba(71,106,200,1) 0%, rgba(33,56,102,1) 50%, rgba(71,106,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#476ac8",endColorstr="#476ac8",GradientType=1);
color: #EEEEEE;
text-align: left;
}
.second {
    font-weight: bold;
    background: rgb(209,112,112);
    background: -moz-radial-gradient(circle, rgba(209,112,112,1) 0%, rgba(156,101,101,1) 52%);
    background: -webkit-radial-gradient(circle, rgba(209,112,112,1) 0%, rgba(156,101,101,1) 52%);
    background: radial-gradient(circle, rgba(209,112,112,1) 0%, rgba(156,101,101,1) 52%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d17070",endColorstr="#9c6565",GradientType=1);
    text-align: left;
}
.third {
    font-weight: bold;
    background: rgb(243,243,243);
    background: -moz-radial-gradient(circle, rgba(243,243,243,1) 0%, rgba(222,221,219,1) 52%);
    background: -webkit-radial-gradient(circle, rgba(243,243,243,1) 0%, rgba(222,221,219,1) 52%);
    background: radial-gradient(circle, rgba(243,243,243,1) 0%, rgba(222,221,219,1) 52%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3f3f3",endColorstr="#dedddb",GradientType=1);
    text-align: left;
}
.fourth {
    font-weight: bold;
    background: rgb(209,204,112);
    background: -moz-radial-gradient(circle, rgba(209,204,112,1) 0%, rgba(156,154,101,1) 52%);
    background: -webkit-radial-gradient(circle, rgba(209,204,112,1) 0%, rgba(156,154,101,1) 52%);
    background: radial-gradient(circle, rgba(209,204,112,1) 0%, rgba(156,154,101,1) 52%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d1cc70",endColorstr="#9c9a65",GradientType=1);
    text-align: left;
}
.fifth {
    font-weight: bold;
    background: rgb(94,129,100);
    background: -moz-linear-gradient(86deg, rgba(94,129,100,1) 0%, rgba(142,180,142,1) 50%, rgba(94,129,100,1) 100%);
    background: -webkit-linear-gradient(86deg, rgba(94,129,100,1) 0%, rgba(142,180,142,1) 50%, rgba(94,129,100,1) 100%);
    background: linear-gradient(86deg, rgba(94,129,100,1) 0%, rgba(142,180,142,1) 50%, rgba(94,129,100,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e8164",endColorstr="#5e8164",GradientType=1);
    text-align: left;
}
.rf_score {
    text-align: left;
    background: #acb9c5;
}
.cf_score {
    text-align: left;
    background: #bec6bd;
}
.combined_score {
    text-align: left;
    background: #beb6aa;
}
.ranks {
    text-align: left;
}

.topfour {
    color: darkred; 
    background: rgb(130,128,128); 
    background: -moz-linear-gradient(90deg, rgba(130,128,128,1) 0%, rgba(157,157,157,1) 50%, rgba(130,128,128,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(130,128,128,1) 0%, rgba(157,157,157,1) 50%, rgba(130,128,128,1) 100%);
    background: linear-gradient(90deg, rgba(130,128,128,1) 0%, rgba(157,157,157,1) 50%, rgba(130,128,128,1) 100%);
    filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr="#828080",endColorstr="#828080",GradientType=1);
}

table {
    border-collapse: separate;
    border-left: 0;
    border-radius: 4px;
    border-spacing: 0px;
}
thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
    border-collapse: separate;
}

tr {
    display: table-row;
    vertical-align: inherit;
    padding: 0px;
    border-color: inherit;
}


table, td  {
    padding: 0px;
    border: 1px solid #666666;
    font-size: 12pt;
    text-align: center;
    font-weight: medium;
}

td {
    padding: 0px;
    height: 5px;
}