/*
 * SSC District
 * http://www.ssccardinals.org
 * Version 2.1
 * 
 * Revised 08/07/09
 * 
 */

html, 
body 		{ background:#000; margin:0; padding:0; }

#wrapper 	{ width:850px; position:relative; top:35px; margin:0 auto; }

#plate 		{ width:850px; height:500px; margin:0 auto; background:url(../images/homepage/plate.jpg) no-repeat; }
#mainBar 	{ width:700px; height:300px; margin:0 auto; position:relative; top:73px; background:url(../images/homepage/main-bar.png) no-repeat; }

#accordionContainer { width:575px; height:240px; overflow:hidden; margin:0 auto; position:relative; top:28px; background:url(../images/thirty-five%25grey.png) repeat; }
#subBar 	{ width:700px; height:119px; margin:0 auto; position:relative; top:70px; }

.title 		{ position:absolute; top:52px; left:123px; }
.button 	{ position:absolute; top:244px; left:654px; z-index:1000; }
.parentLink { padding:0 20px 0 20px; }
.column {
	float:left;
	width:150px;
	display:block;
}
.rightColumn {
	width:150px;
	float:right;
	display:block;
}
#files, #superintendent {
	display:none;
}
#filesContent {
	background:url(../images/homepage/files-bg.jpg) no-repeat top left;
	height:300px;
	width:400px;
}
#superintendentContent {
	background:url(../images/homepage/superintendent-bg.jpg) no-repeat top left;
	height:500px;
	width:450px;
}
#news {
	width:340px;
	height:149px;
	overflow:hidden;
	border-bottom:1px dotted #2B2B2B;
	padding:0 0 4px 0;
	margin:0 0 4px 0;
}
#rss {
	width:320px;
}
#weather {
	width:100%;
	height:25px;
	background:#080808;
}
#monthlyCalendar {
	min-height:110px;
	max-height:125px;
	overflow:hidden;
	border-bottom:1px dotted #2B2B2B;
	padding:0 0 10px 0;
	
}

/* Athletics Page */

#athleticsNews {
	float:left;
	width:225px;
	height:240px;
	display:block;
}
#generalContent {
	width:726px;
	height:675px;
	margin:0 auto;
}
.square {
	width:230px;
	height:120px;
	margin:5px;
	float:left;
	display:block;
	overflow:hidden;
	border:1px dotted #303030; 
}
#stateChamp {
	background:url(../images/state-champs.png) no-repeat top right;
}

/* Accordion */

.horizontal_accordion_toggle {
	/* REQUIRED */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */

	display:block;
	height:240px;
	width:45px;
	background:url(../images/homepage/accordion-toggle.png) repeat;
	color:#ffffff;
	text-decoration:none;		
	border-right:1px solid #1A1A1A;
	cursor:pointer;
	margin:0 0 0 0;
}
		
.horizontal_accordion_toggle_active {
	background:url(../images/homepage/accordion-toggle-active.jpg);
	border-right:1px solid #313131;
}
		
.horizontal_accordion_content {
	/* REQUIRED */
	height:240px;	/* We need to define a height for the accordion as it stretches the width */
	float:left;	/* This make sure it stays horizontal */
	/* REQUIRED */
		
	overflow: hidden;
	color:#444444;
}
.accordionThumb {
	float:left;
	position:relative;
	padding:10px 10px 0 20px;
}