/* ----- UNIVERSALS ----- */

* {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
body {
	margin: 0;
	}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

li {
	position: relative;
	list-style: none;
	}
	
img {
	border: none;
	}
	
	
/* ----- IDS and DIVS ----- */
	
#header {
	position: relative;
	margin: 0 auto;
	width: 800px;
	height: 182px;
	background-image: url(../SCAimages/topBanner.jpg);
	}
	
#topLinks {
	position: absolute;
	top: 11px;
	left: 410px;
	height: 20px;
	width: 379px;
	text-align: right;
	}
	
#homeLink {
	position: absolute;
	top: 125px;
	left: 41px;
	height: 20px;
	width: 100px;
	}
	
#topLinks2 {
	position: absolute;
	top: 125px;
	left: 410px;
	height: 20px;
	width: 380px;
	text-align: right;
	}
	
#todaysDate {
	position: absolute;
	top: 158px;
	left: 17px;
	}
	
#topLinks3 {
	position: absolute;
	top: 161px;
	left: 292px;
	height: 20px;
	width: 500px;
	text-align: right;
	}
	
#newsInfo {
	position: relative;
	margin: 0 auto;
	width: 800px;
	height: 178px;
	background-image: url(../SCAimages/newsAreas.jpg);
	}
	
#newsHeaders {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 20px;
	}
	
#newsHeaders li {
	float: left;
	}

div#upcoming  {
	background: url(../SCAimages/schedulesHover.jpg) no-repeat;   /* no-repeat prevents spilling of image */
	position: absolute;
	top: 0; 
	left: 0; 
	width: 403px; 
	height: 20px;
	text-align: center;
	}

div#upcoming a {
	background-image: url(../SCAimages/schedules.jpg); 
	position: absolute;
	top: 0;
	left: 0; 
	width: 403px; 
	height: 20px;
	color: #999966; 
	font-size: 1px; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	}

div#upcoming a:hover {
	background: url(../SCAimages/schedulesHover.jpg) no-repeat;
	color: #CCCC99;
	}
	
#upcomingMonth {
	position: absolute;
	top: 30px;
	left: 17px;
	width: 75px;
	height: 140px;
	}
	
#upcomingEventsText {
	position: absolute;
	top: 30px;
	left: 102px;
	width: 289px;
	height: 140px;
	}

div#announce  {
	position: absolute; 
	top: 0; 
	left: 403px; 
	width: 285px; 
	height: 20px; 
	text-align: center;
	}

div#announce a {
	background-image: url(../SCAimages/announce.jpg); 
	position: absolute;
	top: 0;
	left: 0;   /* although the parent div has a left value, this goes to 0 because it is a child */
	color: #999966; 
	font-size: 1px; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	width: 285px; 
	height: 20px;
	}

div#announce a:hover {
	background: url(../SCAimages/announceHover.jpg) no-repeat;
	color: #CCCC99; 
	}
	
#announcementsText {
	position: absolute;
	top: 30px;
	left: 416px;
	width: 270px;
	height: 140px;
	}

div#links  {
	position: absolute; 
	top: 0; 
	left: 688px; 
	width: 112px; 
	height: 20px; 
	text-align: center;
	}

div#links a {
	background-image: url(../SCAimages/links.jpg);
	position: absolute;
	top: 0;
	left: 0; 
	color: #999966; 
	font-size: 1px; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	width: 112px; 
	height: 20px;
	}

div#links a:hover {
	background: url(../SCAimages/linksHover.jpg) no-repeat;
	color: #CCCC99; 
	}
	
#linksText {
	position: absolute;
	top: 30px;
	left: 703px;
	width: 87px;
	height: 140px;
	}
	
#search {
	background: url(../SCAimages/searchField.jpg);
	position: absolute;
	top: 30px;
	left: 575px;
	width: 144px;
	height: 23px;
	}
	
.search_textbox  {
	color: #000033; 
	font-size: 8pt; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	font-weight: bold;
	margin-left: 2px;
	padding-top: 2px; 
	width: 134px;
	height: 13px;
	}
	
.search_button {
	position: absolute;
	top: 0px;
	left: 150px;
	}	
	
#midsection {
	position: relative;
	margin: 0 auto;
	width: 800px;
	height: 610px;
	background: url(../SCAimages/logoUSATF_2.jpg) left bottom no-repeat;
	}	
	
#leftNav {
	position: absolute;
	top: 0;
	left: 17px;
	width: 173px;
	height: 600px;
	}
	
#leftNav ul li a:link, #leftNav ul li a:visited {
	display: block;
	color: #660000;
	font-size: 10pt;
	font-weight: bold;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	background: url(../SCAimages/dotBlue.jpg) bottom repeat-x;
	width: 173px;
	vertical-align: top;
	padding-top: 13px;
	padding-bottom: 3px;
	padding-left: 5px;
	}

#leftNav ul li a:hover {
	display: block;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	background: url(../SCAimages/dotBlue2.jpg) bottom repeat-x;
	background-color: #CCCC99;
	width: 173px;
	vertical-align: top;
	padding-top: 13px;
	padding-left: 5px;
	} 
	
.menuLight {
	position: absolute;
	top: 16px;
	left: 161px;
	}
	
#youthWrapper {
	position: absolute;
	top: 0;
	left: 210px;
	width: 285px;
	height: 285px;
	}
	
div#youthHeader {
	top: 0;
	left: 0;
	width: 285px;
	height: 45px;
	background: url(../SCAimages/youthHomeHover.jpg);
	text-align: center;
	}
	
div#youthHeader a {
	background-image: url(../SCAimages/youthHome.jpg);
	position: absolute;
	top: 0;
	left: 0;
	color: #999966;
	font-size: 1px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	width: 285px;
	height: 45px;
	}
	
div#youthHeader a:hover {
	background: url(../SCAimages/youthHomeHover.jpg) no-repeat;
	color: #999966;
	}
	
div#youthMain {
	position: relative;
	width: 285px;
	height: 240px;
	background: url(../SCAimages/rotationYouth/rotate.php);	
	}
	
#openWrapper {
	position: absolute;
	top: 0;
	left: 515px;
	width: 285px;
	height: 285px;
	}
	
div#openHeader {
	top: 0;
	left: 0;
	width: 285px;
	height: 45px;
	background: url(../SCAimages/openHomeHover.jpg);
	text-align: center;
	}
	
div#openHeader a {
	background-image: url(../SCAimages/openHome.jpg);
	position: absolute;
	top: 0;
	left: 0;
	color: #999966;;
	font-size: 1px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	width: 285px;
	height: 45px;
	}
	
div#openHeader a:hover {
	background: url(../SCAimages/openHomeHover.jpg) no-repeat;
	color: #999966;;
	}
	
div#openMain {
	position: relative;
	width: 285px;
	height: 240px;
	background: url(../SCAimages/rotationOpen/rotate.php);	
	}
	
#mastersWrapper {
	position: absolute;
	top: 305px;
	left: 210px;
	width: 285px;
	height: 285px;
	}
	
div#mastersHeader {
	top: 0;
	left: 0;
	width: 285px;
	height: 45px;
	background: url(../SCAimages/mastersHomeHover.jpg);
	text-align: center;
	}
	
div#mastersHeader a {
	background-image: url(../SCAimages/mastersHome.jpg);
	position: absolute;
	top: 0;
	left: 0;
	color: #CCCC99;
	font-size: 1px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	width: 285px;
	height: 45px;
	}
	
div#mastersHeader a:hover {
	background: url(../SCAimages/mastersHomeHover.jpg) no-repeat;
	color: #CCCC99;
	}
	
div#mastersMain {
	position: relative;
	width: 285px;
	height: 240px;
	background: url(../SCAimages/rotationMasters/rotate.php);	
	}
	
#eliteWrapper {
	position: absolute;
	top: 305px;
	left: 515px;
	width: 285px;
	height: 285px;
	}
	
div#eliteHeader {
	top: 0;
	left: 0;
	width: 285px;
	height: 45px;
	background: url(../SCAimages/eliteHomeHover.jpg);
	text-align: center;
	}
	
div#eliteHeader a {
	background-image: url(../SCAimages/eliteHome.jpg);
	position: absolute;
	top: 0;
	left: 0;
	color: #CCCC99;
	font-size: 1px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	width: 285px;
	height: 45px;
	}
	
div#eliteHeader a:hover {
	background: url(../SCAimages/eliteHomeHover.jpg) no-repeat;
	color: #CCCC99;
	}
	
div#eliteMain {
	position: relative;
	width: 285px;
	height: 240px;
	background: url(../SCAimages/rotationElite/rotate.php);	
	}
	
div#boxLeft {
	position: absolute;
	top: 6px;
	left: 17px;
	width: 250px;
	height: 217px;
	font-size: 7pt;
	}
	
div#boxRight {
	position: absolute;
	top: 6px;
	left: 202px;
	width: 70px;
	height: 217px;
	font-size: 7pt;
	}	
	
#footer {
	position: relative;
	margin: 0 auto;
	width: 800px;
	height: 20px;
	background-color: #CCFFCC;
	background: url(../SCAimages/footerBackground.jpg) no-repeat;
	clear: both;
	}
	
#footer_container {
	position: absolute;
	top: 0px;
	left: 536px;
	width: 234px;
	height: 20px;
	}
	
#footer_buttons {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 234px;
	height: 20px;
	}
	
#footer_buttons li {
	float: left;
	}

div#credits  {
	background: url(../SCAimages/creditsHover.jpg) no-repeat;   /* no-repeat prevents spilling of image */
	position: absolute;
	top: 0; 
	left: 0; 
	width: 52px; 
	height: 20px;
	text-align: center;
	}

div#credits a {
	background: url(../SCAimages/credits.jpg) no-repeat; 
	position: absolute;
	top: 0;
	left: 0; 
	width: 52px; 
	height: 20px;
	color: #999966; 
	font-size: 1px; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	}

div#credits a:hover {
	background: url(../SCAimages/creditsHover.jpg) no-repeat;
	color: #CCCC99;
	}

div#privacy  {
	background: url(../SCAimages/privacyHover.jpg) no-repeat;   /* no-repeat prevents spilling of image */
	position: absolute;
	top: 0; 
	left: 52px; 
	width: 50px; 
	height: 20px;
	text-align: center;
	}

div#privacy a {
	background: url(../SCAimages/privacy.jpg) no-repeat; 
	position: absolute;
	top: 0;
	left: 0; 
	width: 50px; 
	height: 20px;
	color: #999966; 
	font-size: 1px; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	}

div#privacy a:hover {
	background: url(../SCAimages/privacyHover.jpg) no-repeat;
	color: #CCCC99;
	}

div#webmail  {
	background: url(../SCAimages/webmailHover.jpg) no-repeat;   /* no-repeat prevents spilling of image */
	position: absolute;
	top: 0; 
	left: 102px; 
	width: 58px; 
	height: 20px;
	text-align: center;
	}

div#webmail a {
	background: url(../SCAimages/webmail.jpg) no-repeat; 
	position: absolute;
	top: 0;
	left: 0; 
	width: 58px; 
	height: 20px;
	color: #999966; 
	font-size: 1px; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	}

div#webmail a:hover {
	background: url(../SCAimages/webmailHover.jpg) no-repeat;
	color: #CCCC99;
	}

div#webmaster  {
	background: url(../SCAimages/webmasterHover.jpg) no-repeat;   /* no-repeat prevents spilling of image */
	position: absolute;
	top: 0; 
	left: 160px; 
	width: 74px; 
	height: 20px;
	text-align: center;
	}

div#webmaster a {
	background: url(../SCAimages/webmaster.jpg) no-repeat; 
	position: absolute;
	top: 0;
	left: 0; 
	width: 74px; 
	height: 20px;
	color: #999966; 
	font-size: 1px; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	}

div#webmaster a:hover {
	background: url(../SCAimages/webmasterHover.jpg) no-repeat;
	color: #CCCC99;
	}
	
	
/* ----- TEXT ----- */
	
h1 {
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 18pt;
	font-weight: bold; 
	color: #000033;
	padding-bottom: 10px;
	}
	
h2 {
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 14pt;
	font-weight: bold; 
	color: #000033;
	padding-bottom: 10px;
	}
	
h3 {
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000033;
	padding-bottom: 10px;
	}
h4 {
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000033;
	padding-bottom: 10px;
	}
	
p {
	color: #666633; 
	font-size: 9pt; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	padding-bottom: 10px;
	}

.homeBox {
	color: #000033; 
	font-size: 9pt; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	}

.day {
	color: #666633;
	font-size: 12pt; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

.date {
	color: #666633;
	font-size: 9pt; 
	font-family: Arial, Helvetica, sans-serif;
	}

.white_text {
	color: #FFFFFF;
	font-size: 8pt; 
	font-family: Arial, Helvetica, sans-serif;
	}
	
	
/* ----- ANCHOR LINKS ----- */
	
a {
	text-decoration: none;
	}

a:link, a:visited {
	color: #660000;
	font-size: 9pt;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: normal;
	padding: 1px;
	background: no-repeat;
	}
	
a:hover {
	color: #FFFFFF; 
	font-size: 9pt;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: normal;
	background-color: #CCCC99;
	padding: 1px;
	}

a:link.blueLink, a:visited.blueLink {
	color: #000033;
	font-size: 9pt;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: normal;
	padding: 1px;
	}
	
a:hover.blueLink {
	color: #FFFFFF; 
	font-size: 9pt;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: normal;
	background-color: #CCCC99;
	padding: 1px;
	}

a:link.smallBlueLink, a:visited.smallBlueLink {
	color: #000033;
	font-size: 8pt;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: normal;
	padding: 1px;
	}
	
a:hover.smallBlueLink {
	color: #FFFFFF; 
	font-size: 8pt;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: normal;
	background-color: #CCCC99;
	padding: 1px;
	}
	
a:link.redLinks, a:visited.redLinks {
	color: #660000;
	font-size: 10pt;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-variant: normal;
	font-weight: bold;
	padding: 1px;
	}
	
a:hover.redLinks {
	color: #FFFFFF;
	font-size: 10pt;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-variant: normal;
	font-weight: bold;
	padding: 1px;
	background-color: #CCCC99;
	}
	
a:link.smallRedLink, a:visited.smallRedLink {
	color: #660000;
	font-size: 8pt;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-variant: normal;
	font-weight: bold;
	padding: 1px;
	}
	
a:hover.smallRedLink {
	color: #FFFFFF;
	font-size: 8pt;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-variant: normal;
	font-weight: bold;
	padding: 1px;
	background-color: #CCCC99;
	}

/* ------------ MISC ------------- */

.hidden {
	visibility: hidden;
}