/* BASIC */
	body, html {
	height:100%;
	margin:0px;
	padding:0px;
	background: #7f7f7f url(/images/skyline/bg_site.jpg) repeat-x;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	color: #776666;
	min-height:101%;
		}
		
	h3 {
	margin:10px 0px 10px 0px;
	padding:0px;
	}
	
	h4 {
	color: #333;
	margin:10px 0px 2px 0px;
	padding:0px;
	font: 12px bold Verdana, Arial, Helvetica, sans-serif;
	}
	
/* LINKS */
	a {text-decoration:none; color:#d2232a;}
	a:hover {color:#d2232a; text-decoration: underline;}
	a:visited {color:#dd7766;}

	
/* PAGE */
	#container {
	background: #333333 url(/images/skyline/bg_page.jpg) repeat-x left top;
	position: absolute;
	width: 816px;
	left: 50%;
	padding: 0px;
	margin-left: -408px;
	border-left: 1px solid #7F7F7F;
	border-right: 1px solid #818181;
	}
	
	#topbar {
	margin: 0;
	padding: 0;
	width:816px;
	height:170px;
	voice-family: "\"}\"";
	voice-family:inherit;
	}

/* logo position */
	h1 {
	position: absolute;
	top: 15px;
	left: 20px;
	padding: 0px;
	margin: 0px; 
	width: 776px; 
	height: 123px;
	overflow:hidden;
		}
		

/* logo display */	
	h1 a {
	display:block;
	width: 776px; 
	height: 123px;
	margin: 0;
	padding: 130px 0px 0px 0px;
	background: url(/images/skyline/Skyline_Home_Header.jpg) no-repeat; 
	overflow:hidden;
/*	text-indent:-5000px; */

		}

		
/* CONTENT */
	.content {
	margin:15px 20px 15px 20px;
	padding:0px;
	}
	
	#featured-content {
		float: left;
		width: 630px;
	}
	
	#featured-content .featured-content-row {
		float: left;
		width: 630px;
		margin-bottom: 15px;
	}
	
	#featured-content .featured-content-image {
		float: left;
		width: 190px;
		height: 190px;
		border: 1px solid #fff;
		margin-right: 20px;
	}
	
	#featured-content .featured-content-image img {
		width: 190px;
		height: 190px;
		padding: 0px;
		margin: 0px;
	}
	#featured-content .featured-content-double-column {
		float: left;
		height: 146px;
	}
	
	#featured-content .featured-content-double-column img {
		display: block;
	}
	
	#featured-content .featured-content-column {
		float: left;
		margin-right: 20px;
		height: 160px;
	}
	
/* Alert */
	.alert {
	float:left;
	width: 776px;
	height:30px;
	margin:0px 0px 15px 0px;
	padding:5px 0px 4px 0px;
	text-align: center;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#d2232a;
	background: url(/images/index/alert.gif) no-repeat;
	}
	
/* Left Side */
	#side{
	float:left;
	width:120px;
	margin: 0px 23px 15px 0px;
	padding: 0px;
	}
	
	/* Home */
	#homecolumn {
	float:left;
	width:600px;
	margin:0px 0px 15px 0px;
	padding:0px;
	}
	#homecolumn td{
	vertical-align: top;
	}
		
	img.home {
	width: 190px;
	margin:0px;
	padding:0px
	}
	.space {
	width: 30px;
	height: 15px;
	margin:0px;
	padding: 0px;
	}
	
	.welcome {
	width:380px;
	margin:0px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 35px 9px 10px 9px;
	border: 1px solid #1b429a;
	background: #f3f1ef url(/images/index/header_welcome_soca.gif) no-repeat left top;
	line-height: 1.6em;
	}
	
	.store {
	width:170px;
	margin:0px;
	padding: 105px 9px 10px 9px;
	border: 1px solid #d2232a;
	background: #f3f1ef url(/images/index/header_soca_store.jpg) no-repeat left top;
	}
	
	.headline {
	width:170px;
	margin:0px;
	padding: 105px 9px 10px 9px;
	border: 1px solid #d2232a;
	background: #f3f1ef url(/images/index/header_headline_news.jpg) no-repeat left top;
	}
	
	.upcoming {
	width:170px;
	margin:0px;
	padding: 105px 9px 10px 9px;
	border: 1px solid #d2232a;
	background: #f3f1ef url(/images/index/header_upcoming.jpg) no-repeat left top;
	}
	
	.headline a:link, .headline  a:visited, .upcoming a:link, .upcoming  a:visited {color:#786d6c; text-decoration:none;}
.headline a:active, .headline a:hover, .upcoming a:active, .upcoming a:hover {color: #d2232a; text-decoration:underline;}

.headline hr, .upcoming hr {
		height:0px; 
        border:0px; 
        border-top:1px solid #d2d2d2;
		margin:8px 0px 8px 0px;
		padding:0px;}
	
/* Columns */
	#twocolumn {
	float:left;
	width:630px;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	border: 1px solid #d2232a;
	background: #f3f1ef url(/images/shared/bg_column.gif) repeat-y;
	}
	
	.columnone {
	float:left;
	width:460px;
	min-height:300px;
	margin:0px;
	padding:14px 10px 20px 10px;
	}
	
	img.rightside {
	position: absolute;
	top: 209px;
	right: 10px;
	}
	
	#onecolumn {
	float:left;
	width:630px;
	margin:0px 0px 15px 0px;
	padding:0px;
	border: 1px solid #5B5859;
	background: #f3f1ef;
	}
	
	.columnsingle {
	float:left;
	width:600px;
	min-height:300px;
	margin:0px;
	padding:14px 10px 20px 10px;
	}
	
/* Headers */				
	#about { 
	background: url(/images/secondary/header_about.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	#about span { display:none }

	#youth { 
	background: url(/images/secondary/header_youth_prog.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	#youth span { display:none }

	#tryout { 
	background: url(/images/secondary/header_tryout_info.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	#tryout span { display:none }
	
	#adult { 
	background: url(/images/secondary/header_adult_prog.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	#adult span { display:none }

	#directions { 
	background: url(/images/secondary/header_field_dir.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	#directions span { display:none }

	#calendar { 
	background: url(/images/secondary/header_calendar.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	#calendar span { display:none }

	#contact { 
	background: url(/images/secondary/header_contact.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	#contact span { display:none }

	#vccl { 
	background: url(/images/secondary/header_vccl.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	#vccl span { display:none }

	#skyline { 
	background: url(/images/skyline/skylinehometitle.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	
	#skylinestandings { 
	background: url(/images/skyline/skylinestandingstitle.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	
	#skylinesschedules { 
	background: url(/images/skyline/skylinesschedulestitle.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	
	#skylinechampions { 
	background: url(/images/skyline/skylinechampionstitle.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	
	#skylinepolicies { 
	background: url(/images/skyline/skylinepoliciestitle.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	
	#skylinelinks { 
	background: url(/images/skyline/skylinelinkstitle.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	
	#skylinenews { 
	background: url(/images/skyline/skylinenewstitle.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	
	#skylineregistration { 
	background: url(/images/skyline/skylineregistrationtitle.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	
	#skylineabout { 
	background: url(/images/skyline/skylineabouttitle.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	
	#skylinemembers { 
	background: url(/images/skyline/skylinememberstitle.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	
	#skylinevccl { 
	background: url(/images/skyline/skylinevccltitle.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	
	#skylinedirections { 
	background: url(/images/skyline/skylinedirectionstitle.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	
	#skylinecalendar { 
	background: url(/images/skyline/skylinecalendartitle.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	
	#skylinecontact { 
	background: url(/images/skyline/skylinecontacttitle.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	
	
	
	
	
	
	#skyline span { display:none }
	
	#team { 
	background: url(/images/secondary/header_team_stand.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	#team span { display:none }

	#schedule { 
	background: url(/images/secondary/header_schedules.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	#schedule span { display:none }

	#college { 
	background: url(/images/secondary/header_college.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	#college span { display:none }
	
	#coaching { 
	background: url(/images/secondary/header_coaching.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	#coaching span { display:none }
	
	#tournament { 
	background: url(/images/secondary/header_tournaments.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	#tournament span { display:none }

	#referees { 
	background: url(/images/secondary/header_referees.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	#referees span { display:none }

	#download { 
	background: url(/images/secondary/header_download.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	#download span { display:none }
	
	#sponsor { 
	background: url(/images/secondary/header_sponsors.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	#sponsor span { display:none }

	#links { 
	background: url(/images/secondary/header_links.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	#links span { display:none }
	
	#mysoca { 
	background: url(/images/secondary/header_my_soca.gif) no-repeat left top;
	height:23px;
	margin:0px;
	padding:0px;
	}
	#mysoca span { display:none }


/* MAIN NAVIGATION */
	#mainnav {
	position: absolute;
	top: 148px;
	left: 0px;
	width:816px;
	margin: 0px;
	padding: 0px;
}

#mainnav ul {
text-align: center;
	margin: 0;
	padding: 0;
	}

#mainnav li {
	display: inline;
	height: 15px;
	margin: 0;
	padding-left: 15px; /* the width reserved for the background image */
	background: url(/images/shared/nav_star.gif) no-repeat 0px 2px; /* the "bullet"... adjust these numbers to taste */
	font-weight: bold;
	font-size: 11px;
}

#mainnav ul li a:link, #mainnav  ul li a:visited {color:#FFFFFF; text-decoration:none;}
#mainnav ul li  a:active, #mainnav ul li a:hover {color: #fffd00; text-decoration:none;}

#mainnav li#first {
	background: none;
	padding-left: 0px;
	}

/* SIDE NAVIGATION */
#sidenavint {
	float:left;
	width:120px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	}

#sidenavint ul {
	margin: 0;
	padding: 0;
	}

#sidenavint li {
	font-weight: bold;
	font-size: 11px;
	padding: 7px 0px 8px 0px;
	border-top: 1px dotted #7A1132;
	list-style:none;
}

#sidenavint ul li a:link, #sidenavint  ul li a:visited {color:#7a1132; text-decoration:none;}
#sidenavint ul li  a:active, #sidenavint ul li a:hover {color: #fff; text-decoration:none;}


#sidenavint li#last {
	border-bottom: 1px dotted #7A1132;
	}
		
/* FOOTER */	

#footer {
	float:left;
	text-align: center;
	width:776px;
	height:90px;
	margin: 15px 0px 20px 0px;
	padding: 0px; 
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;	
	background: url(/images/skyline/skyline_footer.jpg) no-repeat;
	}
	
.copyright a {text-decoration:none; color:#fff;font-weight: bold;}
.copyright a:hover {color:#fff; text-decoration: underline;}
.copyright a:visited {color:#333;}

.copyright {
	float:left;
	margin: 7px 13px 0px 0px !important;
	margin: 7px 8px 0px 0px;
	padding-left: 15px;
	text-align: left;
	}
	
.cat4 {
	float:right;
	display:block;
	width:60px;
	height:27px;
	text-indent:-5000px;
	overflow:hidden;
	margin-top:7px;
	background:url(/images/skyline/cat4logo.gif) no-repeat center;
	}

/* Sponsors */

#sponsors {
	clear: both;
	width:776px;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #557baa;
	border-bottom: 1px solid #557baa;
	}

#sponsors ul {
text-align: center;
margin: 0px;
padding: 3px 0px 2px 0px;
}

#sponsors li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#sponsors ul li a {
	text-decoration:none;
	border: 0px;
		margin: 0px;
	padding: 0px;
}

/* Login Box */

#loginbox {
	float:left;
	width:120px;
	height: 130px;
	margin: 0px;
	font: 11px/1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-image:  url(/images/index/mysocabutton3.jpg);
	background-repeat: no-repeat;
}

#loginboxtext {
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 46px 0 0 5px;
line-height: 12px;
}

/*
#loginbox td{
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 7px 0px;
}
*/
	
#loginbox a:link, #loginbox  a:visited {
color:blue;
text-decoration:none;
}
#loginbox a:active, #loginbox a:hover {
color: red; 
text-decoration:none;
}

.special {
letter-spacing: -.5px;
}

/* MEMBERS */
#memberid { 
	float:left;
	width:120px;
	margin: 0px;
	padding: 0px;
	color: #fff;
}
#memberid a:link, #memberid a:visited {color:#fffd00; text-decoration:none;}
#memberid a:active, #memberid a:hover {color: #fff; text-decoration:none;}
.button {
	background:#fff;
	color:#1b429a;
	font-size:11px;
	font-weight:bold;
	padding: 1px 3px 1px 3px;
	border-color:#1b429a;
	}
#mysocaheader { 
	color:red;
        font-size:18px;
        font-weight:bold;
}

table.datatable {
  clear: both;
  width: 100%;
  border-color: #000;
  border-style: solid;
  border-width: 1px;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px;
}

table.datatable th, table.datatable td {
  border-color: #000;
  border-style: solid;
  border-width: 1px;
  border-spacing: 1px;
  margin: 2px;
  padding: 5px;
}

table.datatable th {
  background: gray;
  color: #FFFFFF;
}

#skyline-schedule h3 { clear:both;}

.anchors { float: left; }

.anchorlinks { padding-bottom: 15px; float: left; }

.anchors li { float:left; width: 280px;}

.schedule-score { color: red; }

.center { text-align: center; }