@charset "utf-8";
/* CSS Document */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.xtwoColHybLtHdr #container {
	width: 90%;  /* this will create a container 80% of the browser width */
	height: 800px;
	background: #339933;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left;
	background-image: url(Images/grass.jpg); 
	
} 

#banner {
	background-image: url(Images/grassfull.jpg);
	background-repeat: repeat;
	height: 155px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px 0 0 5px;
}
#banner h1 {
	margin: 0;
/*	background:url(images/balllogo.gif) no-repeat;  */
	/*	background: #CC9; */
	width: 900px;
	color: #FFFFFF;
	font-size: 3em;
	float: left;
	text-align: left;
	padding-top: 1em;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px; 
	/* height: 150px; */
}
#logos {
	float: right;/*	margin-left: -100px; */
	margin-top: -60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -5px;

}
#logos img{border: none; padding: 0 5px;}

#pagecontent {
	height: auto;
	width: 1200px;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	background-image: url(Images/grass.jpg);
	background-repeat: repeat-y;
	overflow: auto;
}

#sidebar1{
	float: left;
	width: 200px;
	padding: 0px;
	color: #FFF;
	margin: 0px;
	height: auto;
}
#mainContent {
	float: left;
	background: white;
	width: auto;
	text-align: left;
}
#xsidebar ul {font-size:larger;}
#sponsors2 {
	width: auto;
	background-image: url(Images/rhc_sponsorBlock1.gif);
	background-repeat: no-repeat;
	margin: 0.5em;
	padding: 0 0.5em 0.5em 0.5em;
}
#sponsors {
	width: auto;
	background: white;
	border: 4px dashed #336736;
	margin: 0.5em;
	padding: 0 0.5em 0.5em 0.5em;
}
#sponsors h3 {
	margin-top: 0;
	background: white;
}

.fleft {
	float: left;
}
.lside {
	padding: 0;
	margin: 10px auto 10px 5px;
	width: 150px;
	font-size: small;
	text-align: left;
}
#intouch {
	padding: 0;
	margin: 10px auto 10px 15px;
	width: 150px;
	font-size:x-small;
	text-align: left;
	xbackground-color: #9FFF7F;
}
#intouch a img{
	text-decoration: none;
	border: none;
	padding-left: 20px;
}
	
#nletter {
	padding: 0;
	margin: 10px auto 10px 15px;
	width: 150px;
	font-size:x-small;
	text-align: left;
	background-color: #9FFF7F;
}
#nletter h3 {
	background: #417D2D;
	color: black;
	font-size: x-small;
	padding: 0.5em;
	margin-bottom: 0;
}
#nletter p { font-size:x-small; color: black;
	padding: 5px 2px 5px 2px;
	margin: 0 0 0 0;
	text-align:left;
	border-bottom:dotted thin white;
}
#nletter img {margin: 5px 0 0 0; padding: 0; background-color:#9FFF7F; display:block;}
#nletter a:visited { color: black;}
#nletter a { color: black;}


#vnav {
	padding: 0;
	margin: 10px auto 10px 15px;
	width: 150px;
	font-size: small;
	text-align: left;
}
#vnav ul {
	padding: 0 0 1em 0;
	margin: 0;
	font-weight: bold;
}
#vnav li {
	list-style: none;
}
#vnav a {
	text-decoration: none;
	color: darkgreen;
	display:block;
	padding-left: 2em;
	border-bottom: 2px solid white;
	padding: 5px 0 5px 2em;
}
#vnav a:visited { color: darkgreen;}
#vnav a:hover { color: brown; background: lightblue; }
#vnav h3 {
	background: black;
	color: white;
	font-size: small;
	padding: 0.5em;
	margin-bottom: 0;
}
.menu {
	background: #9ea;
	padding: 1em 0;
	margin: 2px 0 0 0;
	width: 148px;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	
}

#news {float: left; font-size: smaller; width: 830px; text-align: justify; padding-right: 10px;}
#topnews {float: left; font-size: smaller; width: 830px; text-align: justify;}
#topnews h3, #news h3 {
	background: green;
	color: white;
	font-size: small;
	padding: 0.5em;
	margin: 5px 0 0 0;
}
.newsfirst { padding-right: 250px;}

#sponsorlink {float:left; xbackground-color:#99F; width:150px; height:220px; margin:0; padding:0;}
#sponsorlink img {margin: -10px 0 0 -90px; padding: 0px; xbackground-color:#99F; xdisplay:block;}
#sponsorlink h3 {
	xbackground: #516FCA;
	xcolor: #F90; 
	color: #90F;
	font-size: medium;
	padding: 0.5em;
	margin: -215px 0 0 -75px;
}
#sponsorlink p {
	background-color:#99F;
	xbackground: #5F6FFF;
	color: white;
	font-size: x-small;
	padding: 5px 2px 5px 2px;
	margin: 0 0 0 0;
	text-align:left;
	border-bottom:dotted thin white;
}
#sponsorlink a img { text-decoration:none; border:none; margin:0; padding:0; }
#sponsorin {margin: 25px 0 0 -70px; padding:0; width:150px; height:125px; xborder: 1px solid black; vertical-align:middle; min-height:0;
}
#rellink {float:left; xbackground-color:#99F; width:150px;}
#rellink img {margin: 5px 0 0 0; padding: 2px; background-color:#99F; display:block;}
#rellink h3 {
	background: #516FCA;
	color: white;
	font-size: x-small;
	padding: 0.5em;
	margin: 5px 0 0 0;
}
#rellink p {
	background-color:#99F;
	xbackground: #5F6FFF;
	color: white;
	font-size: x-small;
	padding: 5px 2px 5px 2px;
	margin: 0 0 0 0;
	text-align:left;
	border-bottom:dotted thin white;
}
#rellink a img { text-decoration:none; border:none; margin:0; padding:0; }

#intlink {float:left; xbackground-color:#99F; width:150px;}
#intlink img {margin: 5px 0 0 0; padding: 2px; background-color:#CA516F; display:block;}
#intlink h3 {
	background: #7D1932;
	color: white;
	font-size: x-small;
	padding: 0.5em;
	margin: 5px 0 0 0;
}
#intlink p {
	background-color:#CA516F;
	xbackground: #5F6FFF;
	color: white;
	font-size: x-small;
	padding: 5px 2px 5px 2px;
	margin: 0 0 0 0;
	text-align:left;
	border-bottom:dotted thin white;
}
#intlink a img { text-decoration:none; border:none; margin:0; padding:0; }


#sponlink {float:left; xbackground-color:#99F; width:150px;}
#sponlink img {margin: 5px 0 0 5px; padding: 2px; background-color:#CA916F; display:block;}
#sponlink h3 {
	background: #9A613F;
	color: white;
	font-size: x-small;
	padding: 0.5em;
	margin: 5px 0 0 0;
}
#sponlink p {
	background-color:#CA916F;
	xbackground: #5F6FFF;
	color: white;
	font-size: x-small;
	padding: 5px 2px 5px 2px;
	margin: 0 0 0 0;
	text-align:left;
	border-bottom:dotted thin white;
}
#sponlink a img { text-decoration:none; border:none; margin:0 0 0 8px; padding:0; }

#sponlinkg {float:left; xbackground-color:#99F; width:150px;}
#sponlinkg img {margin: 5px 0 0 5px; padding: 2px; background-color: #FDD017; display:block;}
#sponlinkg h3 {
	background: #EAC117;
	color: #101010;
	font-size: x-small;
	padding: 0.5em;
	margin: 5px 0 0 0;
}
#sponlinkg p {
	background-color: #FDD017;
	color: #101010;
	font-size: x-small;
	padding: 5px 2px 5px 2px;
	margin: 0 0 0 0;
	text-align:left;
	border-bottom:dotted thin white;
}
#sponlinkg a img { text-decoration:none; border:none; margin:0 0 0 8px; padding:0; }

#sponlinks {float:left; xbackground-color:#99F; width:150px;}
#sponlinks img {margin: 5px 0 0 5px; padding: 2px; background-color:#C0C0C0; display:block;}
#sponlinks h3 {
	background: #b0b0b0;
	color: #101010;
	font-size: x-small;
	padding: 0.5em;
	margin: 5px 0 0 0;
}
#sponlinks p {
	background-color:#C0C0C0;
	xbackground: #5F6FFF;
	color: #101010;
	font-size: x-small;
	padding: 5px 2px 5px 2px;
	margin: 0 0 0 0;
	text-align:left;
	border-bottom:dotted thin white;
}
#sponlinks a img { text-decoration:none; border:none; margin:0 0 0 8px; padding:0; }




#news .NewsList h3 {
	background: black;
	color: white;
	font-size: small;
	padding: 0.5em;
	margin: 0 0 0 0;
}

.NewsHead0 {margin: 1em; padding: 0 0.5em 1em 0.5em;  background:#FFC; border: solid 1px #D0C9EB; overflow: auto;}
.NewsHead0 img {float: left; padding-right: 5px; width: 150px; height: 150px;}
.NewsHead2 {float: left; width: 386px; padding: 0 0.5em 1em 0.5em;}
.NewsHead2 img, .NewsList img {float: left; padding-right: 5px; width: 100px; height: 100px;}
.News2 {float: left; background:#FFC; border: solid 1px #D0C9EB;  margin: 1em;}
.NewsList {margin: 1em 0 1em 0; padding: 0;  background: #CF9; border: solid 1px #000; overflow: auto;}
.NewsList p {padding: 0 0.5em 1em 0.5em;}


#fl {width: 850px; height: auto; padding-left: auto; padding-right: auto; }
#foto {width: 850px; height: auto; padding-left: auto; padding-right: auto; }

#tgroups {float: left; background: white; padding: 0.5em; width: 850px; overflow:auto;}
#tgroupst {float: left; padding: 0.5em; width: 380px; font-size: smaller;}
.tgroupsg {float: left; height: auto; overflow: auto;}
#xtgroups h3 {background: lightgreen; color: black; padding: 0.5em; border-bottom: solid 2px brown;}
#tgroups h3 {
	background: green;
	color: white;
	font-size: small;
	padding: 0.5em;
	margin: 5px 0 0 0;
}

#tgroups h4 {background: #f0ffe0; color: brown; margin: 1em 60% 0 2em; padding: 0.25em 0 0.25em 0.5em; border-top: solid 1px lightgreen; border-left: solid 1px lightgreen; border-right: solid 1px lightgreen;}
#tgroups ul {margin: 0 2em 0 2em; padding: 0.5em; border:  solid 1px lightgreen;
  background: #f0ffe0;
}
#tgroups li {list-style: none; margin-right: 0.5em; padding: 0 0 0.25em 0; border-bottoms: 1px solid blue; font-weight: bold;}
#tgroups a {text-decoration: none; background: lightyellow; color: green; padding: 0.25em 2em 0.25em 4.5em; margin: 0; display: block;}
#tgroups a:visited {color: green;}
#tgroups a:hover { color: brown; background: #e0f5ff; text-decoration: underline;}
.xtmenu {background: #9ea; padding: 1em 0; margin: 2px 0 0 0; width: 148px; border-left: solid 1px #0f0; border-right: solid 1px #0f0; border-bottom: solid 1px #0f0;}
.fleft {float: left;}

#teamsum, #teamdet {height: auto; background: lightyellow; border: 1px solid lightblue; margin: 1em; padding: 1em 2em 1em 2em; overflow: auto; font-size: smaller; color: #333;}
#teamdet h4 {background: white; color: brown; margin: 3em 1em 0 4em; padding: 1em auto 1em 1em; border-top: 1px solid green; border-left: 1px solid green; border-right: 1px solid green;}
#teamdet p {margin: 0 1em 1em 4em; padding: 1em 1em 1em 1em; backgrounds: #cfe; background: #eee; color: #333; border: 1px solid green; border-top: 1px solid lightgreen;}
.tnotes {float: left; width: 45%; height: auto; overflow: auto;}

#download {float: left; background: white; padding: 0.5em; width: 830px;}
#download h3 {background: green; color: white; font-size: small; padding: 0.5em; margin: 5px 0 0 0;}
#download h4 {color: #111; margin: 1em 0 0 1em; padding: 0.25em 25em 0.25em 0; border-bottom: 2px solid #369;}
#download ul {margin: 0 2em 0 2em; padding: 0.5em 0.5em 2em 0.5em; font-size: smaller;}
#download li { list-style: none; margin-right: 0.5em; padding: 0 0 0 0; border-bottom: 1px dotted #9cf; }
#download a { text-decoration: none; color: #333; padding: 0.25em 2em 0.25em 4.5em; margin:0; display: block;}
#download a:visited {color: #333;}
#download a:hover { background: #def; color: #666; text-decoration: underline;}
#download a img { border: none; padding-right: 10px;}

* html .outer p{height:1px;position:relative;}

#calcontainer {	font: small "Lucida Grande", Arial, sans-serif;
 background: white; float: left; width: 830px; padding: 0px; margin: 0px; height: 310px overflow: auto;}
#caldiary {xfloat: left; xbackground: white; margin: 0px auto 0px auto; padding: 0.5em; width: 600px; height: 300px; background: url(Images/Calendar_Layout.gif) no-repeat; }
#caldiaryml {overflow: auto; float: left; xbackground: white; margin: 25px 0px 0px 45px; padding: 0; width: 30px; height: 30px; display: block;}
#caldiaryml a {text-decoration: none; display: block; height: 30px;}
#caldiarym {float: left; xbackground: red; margin: 25px 5px 0px 15px; padding: 0px 5px 0px 5px; width: 100px; height: 30px; }
#caldiarym h3 {margin: 0; margin-top: 5px; padding: 0; color: #333; background: none; }
#caldiarymr {overflow: auto; float: left; xbackground: white; margin: 25px 0px 0px 0px; padding: 0; width: 30px; height: 30px; display: block;}
#caldiarymr a {text-decoration: none; display: block; height: 30px;}
#caltable {overflow: auto; float: left; xbackground: white; margin: 20px 0px 0px 48px; padding: 0; width: 187px; height: 160px; }
#caltable th {font-weight: normal;}
#caltable .event {background:#DABAA5;}
#caltable .event a {display: block; text-decoration: none;}
#caltable tr td {text-align: center;}
#calentries {overflow: auto; float: left; xbackground: yellow; margin: 0px 0px 0px 46px; padding: 0; width: 265px; height: 190px; }
#calentries h4 {color: #333; margin: 0px; padding: 0px 1px 3px 1px; margin: 0px; border-top: thin solid #8080FF; font-size: 1em;}
#calentries p {color: #333; margin: 0px; padding: 0px 1px 3px 1px; border-bottom: dotted thin #8080FF;}
#caldiary .clear {clear: both;}

