/*
	
	This file allows you to make school specific changes to the template without editing the base CSS and HTML.
	Use the comments below to help you in cases where a background or background-color property is set, you may substitute any of the background properties

*/

/*  BODY AND OVERALL STYLE */
body {
	background-color:#FFEC9F	/* The background for the left and right sides that show on larger screens */
}
#outer{
	background:url('http://www.ffachapter.net/ControlPanel/Files/StyleImages/3_NavBG.gif') repeat-y;	/* This will be used for the Inverted L layout.  It should consist of a 120pixel color on the left and be 1000 pixels wide */
}

/*	HEADER INFORMATION AND LOGO */
#header {
	background:url('images/SilvertonFFA.jpg') no-repeat 0px 0px; /* The FFA logo that goes in the upper left corner.  
		You may reposition it if it does not interfere with the rest of the layout.  You may also select a different logo image */
	background-color:#DDDDDD;	/* The color for the background of the header */
	color:#000000;				/* The color of any text, with the possible exception of links, in the header */
	border:1px solid #000;		/* border around the header.  You may add additional lines to specify individual border sides */
	border-bottom:0px;
}

#header {
	color:#000000;
}

#header h1 {
	display:none;
}
#header h2 {
	
}
#SchoolLogo {
	background:url('') no-repeat top right;	/* The school's logo.  You may move it slightly.  The dimensions should not exceed 130 pixels wide and 160 pixels tall */
}

/*
	NAVIGATION SECTION
*/
#NavigationBar {
	background-color:#003366;	/* Background of the navigation bar.  This should be the same as the #NavigationBar ul li a background in most cases */
}
#NavigationBar ul li a {
	background-color:#003366;	/* Background of the navigation bar.  This should be the same as the #NavigationBar background in most cases */
	color:#FFFFFF;		/* text color for navigation items. */
	text-align:left;
}
#NavigationBar ul li a:hover {
	background-color:#FFDF5F;	/* background of navigation items when they are hovered over with the mouse.  */
	color:#003366;	/* text color of navigation items when they are hovered over with the mouse.  Make sure that this color contrasts enough with the background color.*/
}
body#Calendar #NavigationBar ul li a#NavCalendar {
	background-color:#FFDF5F;	/* Background of the navigation bar.  This should be the same as the #NavigationBar background in most cases */
	color:#003366;	/* text color for navigation items. */
}

/*
	MAIN CONTENT SECTION
*/
#centrecontent, #wrapper {
	background:#FFFFFF;			/* background color for the main content area */
}

/*
	FOOTER SECTION
*/
#footer {
	background-color:#003366;		/* Background of the footer area */
	color:#FFFFFF;				/* Text color of the footer area */
}
#footer a {
	color:#FFFFFF !important;		/* Text color of the footer area */
}

/*
	CALENDAR STYLES
*/
#CalendarArea {
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}
.calcell:hover, .calcell.calcellhover {
	background-color:#FFD21F;
	border-color:#FFD21F;
}
.calcell:hover a, .calcell.calcellhover a {
	color:black;			
}
.calbordered {
	background-color:#FFD21F;
}
.calweekdaycell {
	color:white;
}
.EventDate {
	font-weight:bold;
	background-color:#FFD21F !important;
}
.EventDate a:link, .EventDate a:visited {
	color:white !important;				
}
.AltRow {
	background-color:#FFDF5F;
}
#header{
	height:141px;
}