/*CSS PAGE FOR GRANITE CITY SCHOOL DISTRICT #9 HOME PAGE*/
/*CREATED MARCH 2008 BY JASON VAUGHN*/

body							/*SET BACKGROUND AND TEXT FOR WHOLE PAGE*/
{
	background-color:#CCCCCC;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align: left;
}

img						/*REMOVES THE BLUE BOX THAT WOULD APPEAR AROUND BUTTON LINKS*/
{
	border:none;											
}

#BannerBack						/*PLACE THE BANNER BACKGROUND AND MAKE BOX BLUE*/
{
	position:absolute;
	background-color:#003366;
	top:5px;
	left:5px;
	height:170px;
	width:740px;
	z-index:2;
}

#ImageRotate					/*PLACE THE AREA FOR ROTATING BANNER*/
{
	position:absolute;
	top:55px;
	left:245px;
	height:110px;
	width:475px;
	z-index:3;
}

#LinkBack						/*PLACE THE AREA FOR THE BACKGROUND OF THE NAVIGATION BUTTONS*/
{
	position:absolute;
	top:105px;
	left:25px;
	height:300px;
	width:190px;
	z-index:3;
}

#FlashNews						/*PLACE THE AREA FOR THE FLASH NEWS ROTATER*/
{
	position:absolute;
	top:190px;
	left:235px;
	height:210px;
	width:510px;
	z-index:3;
}

#QuickLinks						/*SET AREA FOR THE QUICK LINKS DROP-DOWN NAVIGATION BOX*/
{
	position:absolute;
	text-align:center;
	top:459px;
	left:245px;
	height:160px;
	width:255px;
}

#BottomSeperatorOne				/*CREATE A COLORED SEPERATOR FOR EVENTS-QUICK LINKS*/
{
	position:absolute;
	background-color:#990000;
	top:460px;
	left:240px;
	height:160px;
	width:4px;
}

#BottomSeperatorTwo				/*CREATE A COLORED SEPERATOR FOR QUICK LINKS-HEADLINES*/
{
	position:absolute;
	background-color:#990000;
	top:460px;
	left:500px;
	height:160px;
	width:4px;
}

#Seperator						/*PLACE AN AREA FOR THE SEPERATOR BETWEEN THE UPPER/LOWER HALVES*/
{
	position:absolute;
	top:420px;
	left:7px;
}

#Copyright						/*DESIGNATE WHERE TO PUT INCLUDED COPYRIGHT PAGE*/
{
	position:absolute;
	top:625px;
	left:5px;
}

#EventsTitle, #QuickLinksTitle, #HeadlinesTitle	/*PLACE TITLES FOR BOTTOM THREE SECTIONS*/
{
	position:absolute;
	top:440px;
	width:238px;
	text-align:center;
	font-size:14px;
	font-style:italic;
}

#EventsBox, #QuickLinksBox	/*PLACE BOXES FOR BOTTOM THREE SECTIONS*/
{
	position:absolute;
	top:476px;
	width:240px;
	text-align:center;
	font-size:11px;
}

#HeadlinesBox		/*PLACE BOXES FOR BOTTOM THREE SECTIONS*/
{
	position:absolute;
	top:440px;
	width:250px;
	text-align:center;
	font-size:11px;
}

#EventsTitle, #EventsBox
{
	left:5px;
	top:450px;
	text-align: center;
}

.eventTitle{font-style:italic; font-weight:bolder;}

#QuickLinksTitle, #QuickLinksBox
{
	left:251px;
}

#HeadlinesTitle, #HeadlinesBox
{
	left:510px;
}

#HeadlinesBox
{
	text-align:left;
}
#HeadlinesTitle
{
	text-align: center;
}