/*
--------------------------------------------------
Project: Template 8
Purpose: Color - Red and Grey
Author: Katelynn O'Brien
Version: 02/14/07
-------------------------------------------------- */

	
/* LAYERS
-------------------------------------------------- */

#top
	{
	border-bottom: 4px solid #b81402;
	}

#tagline
        {
	color: #555;
        border-left: 1px solid #ccc;
        }
	
#bottom_container
	{
	border-top: 2px solid #a6a6a6;
	}

#leftcontent_container
	{
	color: #555;
	border-top: 1px solid #a6a6a6;
	}
	
#leftcontent1
	{
	border-right: 1px solid #999;
	}
	
#content /* level 2 only */
	{
	color: #333;
	}
	
#rightcontent
	{
	color: #444;
	}
	
#bottom
	{
	color: #666;
	background: url(../images/backgrounds/red_grey/bottom_bg.gif) repeat-x;
	}
	
	
/* HEADINGS
-------------------------------------------------- */

h1
	{
	color: #333;
	}
	
h2
	{
	color: #c00;
	}

h3
	{
	color: #333;
	}

#leftcontent1 h2, #leftcontent2 h2, #rightcontent h2
	{
	color: #c00;
	}
	
	
/* LISTS
-------------------------------------------------- */

ul#mainnav li
	{
	background: url(../images/backgrounds/red_grey/mainnav_bg.jpg) repeat-x left top;
	border-bottom: 1px solid #a6a6a6;
	border-left: 1px solid #a6a6a6;
	}
	
ul#mainnav li ul.level2 li
	{
	background: none;	
	border: 0;
	}


/* LINKS
-------------------------------------------------- */

a, a:visited
	{
	color: #c00;
	}
	
a:focus, a:hover, a:active
	{
	color: #333;
	}
	
#topnav a, #topnav a:visited
	{
	color: #787878;
	background: url(../images/backgrounds/red_grey/topnav_arrow.gif) no-repeat 0 0.1em;
	}
	
#topnav a:focus, #topnav a:hover, #topnav a:active
	{
	color: #c00;
	}
	
#mainnav a, #mainnav a:visited
	{
	color: #737373;
	background: url(../images/backgrounds/red_grey/mainnav_arrow.gif) no-repeat 0 1.6em;
	}
	
#mainnav a:focus, #mainnav a:hover, #mainnav a:active
	{
	color: #c00;
	background: url(../images/backgrounds/red_grey/mainnav_arrowover.gif) no-repeat 0 1.6em;
	}
	
#mainnav a.down, #mainnav a.down:visited, #mainnav a.down:focus, #mainnav a.down:hover, #mainnav a.down:active
	{
	color: #c00;
	background: url(../images/backgrounds/red_grey/mainnav_arrowdown.gif) no-repeat 0 1.6em;
	}
	
ul#mainnav li ul.level2 a, ul#mainnav li ul.level2 a:visited
	{
	color: #777;
	background: url(../images/backgrounds/red_grey/level2_arrow.gif) no-repeat 0 0.2em;
	}
	
ul#mainnav li ul.level2 a:focus, ul#mainnav li ul.level2 a:hover, ul#mainnav li ul.level2 a:active
	{
	color: #333;
	background: url(../images/backgrounds/red_grey/level2_arrow.gif) no-repeat 0 0.2em;
	}

ul#mainnav li ul.level2 li ul li a, ul#mainnav li ul.level2 li ul li a:visited, ul#mainnav li ul.level2 li ul li a:focus, ul#mainnav li ul.level2 li ul li a:hover, ul#mainnav li ul.level2 li ul li a:active
	{
	text-transform: none;
	background: url(../images/backgrounds/red_grey/level2_sub_arrow.gif) no-repeat 0 0.2em;
	}

ul#mainnav li ul.level2 li ul li a.down, ul#mainnav li ul.level2 li ul li a.down:visited, ul#mainnav li ul.level2 li ul li a.down:focus, ul#mainnav li ul.level2 li ul li a.down:hover, ul#mainnav li ul.level2 li ul li a.down:active
	{
	background: url(../images/backgrounds/red_grey/level2_sub_arrowdown.gif) no-repeat 0 0.2em;
	}

#topnav a.down, #topnav a.down:visited, #topnav a.down:focus, #topnav a.down:hover, #topnav a.down:active,
ul#mainnav li ul.level2 a.down, ul#mainnav li ul.level2 a.down:visited, ul#mainnav li ul.level2 a.down:focus, ul#mainnav li ul.level2 a.down:hover, ul#mainnav li ul.level2 a.down:active
	{
	color: #c00;
	background: url(../images/backgrounds/red_grey/level2_arrowdown.gif) no-repeat 0 0.2em;
	}
	
/*
#rightcontent h2 a, #rightcontent h2 a:visited
	{
	color: #c00;
	}
	
#calendar_container h3 a, #calendar_container h3 a:visited
	{
	color: #666;
	}

#calendar_container h3 a:focus, #calendar_container h3 a:hover, #calendar_container h3 a:active
	{
	color: #343434;
	}
*/

	
/* TABLES
-------------------------------------------------- */

table
	{
	border: 1px solid #ccc;
	}
	
th, td
	{
	border: 1px solid #ccc;
	}

/*
table.noborder, table.noborder th, table.noborder td
	{
	border: 0;
	}
	
#calendar_container th
	{
	color: #777;
	}
	
#calendar_container td
	{
	color: #555;
	border: 1px solid #ccc;
	}
*/

