/*CSS PAGE FOR GRANITE CITY SCHOOL DISTRICT #9 COMMUNITY PAGE*/
/*CONTAINS CODE FOR THE DROP DOWN MENUS*/
/*CREATED MARCH 2009 BY JASON VAUGHN*/

.Menu, .MenuTitle		/*COMMON TRAITS BETWEEN THE DROP DOWNS*/
{
	background-color:#990000; 
    font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:10pt;
	text-align:center;
	font-variant:small-caps;
}
	
.Menu 		/*TRAITS FOR DROP-DOWN BOX ONLY*/
{
	border: 1px solid gray;
	text-align: left; 
	background:#333333;
}

hr
{	
	size:100%;
	color:#CCCCCC;
}

#DistrictHome, #BOE, #ContactUs, #Departments, #Finance, #HR
{			/*TRAITS FOR MAIN MENU BOXES*/
	position:absolute;
	border-left:2px solid gray;
	border-bottom:2px solid gray;
	border-top:2px solid gray;
	border-right:2px solid gray;
	width:124px;
	height:32px;
	top:140px;
}

#DistrictHomeMenu, #DepartmentsMenu, #FinanceMenu, #HRMenu
{			/*TRAITS FOR DROP-DOWN BOX ONLY*/
	position:absolute;
	border-left:1px #000000;
	border-bottom:1px #000000;
	border-top:1px #000000;
	border-right:1px #000000;
	top:175px;
	width:150px;
}


#DistrictHome 
{
	left:5px; 
}
#ContactUs
{
	left:124px;
}
#Departments
{
	left:248px;
}
#BOE
{
	left:372px;
}
#Finance
{
	left:496px;
}
#HR
{
	left:619px;
}
#DistrictHomeMenu
{
	left:35px;
}
#DepartmentsMenu
{	
	left:278px;
	width:255px;
}
#FinanceMenu
{	
	left:490px;
	width:235px;
}
#HRMenu
{	
	left:560px;
	width:180px;
}
.MenuTitle a 
{
	color:#FFFFFF; 
	display: block; 
	padding-left: 2px; 
	text-decoration:none; 
	font-weight:bold;
}

.MenuTitle a:hover 
{
	color: white; 
	background-color:#666666; 
	font-style:italic; 
	font-weight:bold;
}

.Menu a 
{
	text-decoration: none; 
	background-color:#333333; 
	color: white; 
	padding-left: 2px; 
	font-size:12px;
}

.Menu a:hover 
{
	color: white; 
	background-color:#666666; 
	font-style:italic; 
	font-weight:bold;
}

#contacts
{
	position:absolute;
	top:200px;
}

#CopyrightIndex2
{
	position:absolute;
	top:650px;
}