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


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

#banner
    	{
	background: url(../images/backgrounds/red_grey/banner_bg.gif) repeat-x left bottom;
    	border: 1px solid #000;
    	}

#leftcontent
	{
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	}
	
#copyright
	{
	color: #333;
	}
    
#center
	{
	color: #333;
	}
	
#right
	{
	color: #333;
	border-right: 1px solid #000;
	}


/* IMAGES
-------------------------------------------------- */

img.faculty
	{
	border: 1px solid #000;
	}

	
/* HEADINGS
-------------------------------------------------- */

h1
	{
	color: #333;
	}
	
h2 
	{
	color: #c00;
	}
	
h3
	{
	color: #333;
	}
	
#leftcontent h1 /* left column heading */
   	{
   	color: #c00;
   	}
   
#leftcontent h2 /* left column sub-heading */
	{
	color: #c00;
	}
	

/* LISTS
-------------------------------------------------- */

ul#mainnav
	{
	/* IE5/Mac Backslash Hack \*/
	background: #c00 url(../images/backgrounds/red_grey/mainnav_bg.gif) repeat-x bottom;
	/* End Hack */
    	border-top: 1px solid #000;
    	border-right: 1px solid #000;
    	border-left: 1px solid #000;
	}

ul#mainnav li.down
        {
	/* IE5/Mac Backslash Hack \*/
        background: url(../images/backgrounds/red_grey/mainnav_down_bg.gif) no-repeat center bottom;
	/* End Hack */
        }
	
ul#subnav
	{
	border-bottom: 1px dotted #999;
	}
	
	
/* LINKS
-------------------------------------------------- */

a, a:visited
	{
	color: #333;
	}
	
a:focus, a:hover, a:active
	{
	color: #c00;
	}

ul#mainnav li a, ul#mainnav li a:visited
	{
	color: #fff;
	}	

ul#mainnav li a:focus, ul#mainnav li a:hover, ul#mainnav li a:active
	{
	color: #fff;
	}	

ul#mainnav li a.down, ul#mainnav li a.down:visited, ul#mainnav li a.down:focus, ul#mainnav li a.down:hover, ul#mainnav li a.down:active
	{
	color: #fff;
	}	

#left a, #left a:visited
	{
	color: #444;
	}	
	
#left a:focus, #left a:hover, #left a:active
	{
	color: #000;
	}	
	
#left h1 a, #left h1 a:visited, #left h1 a:hover, #left h1 a:active
	{
	color: #c00;
	}
	
ul#subnav li a, ul#subnav li a:visited
	{
	background: url(../images/backgrounds/red_grey/subnav_bg.gif) no-repeat 0 0.1em;
	color: #444;
	}
	
ul#subnav li a:focus, ul#subnav li a:hover, ul#subnav li a:active,
ul#subnav li a.down, ul#subnav li a.down:visited, ul#subnav li a:focus, ul#subnav li a.down:hover, ul#subnav li a.down:active
	{
	color: #c00;
	background: url(../images/backgrounds/red_grey/rightnav_bg.gif) no-repeat 0 0.1em;
	}
	
ul#rightnav li a, ul#rightnav li a:visited
	{
	background: url(../images/backgrounds/red_grey/rightnav_bg.gif) no-repeat 0 0.1em;
	color: #c00;
	}
	
ul#rightnav li a:focus, ul#rightnav li a:hover, ul#rightnav li a:active
	{
	background: url(../images/backgrounds/red_grey/rightnav_over_bg.gif) no-repeat 0 0.1em;
	color: #c00;
	}
	
ul#rightnav li a.down, ul#rightnav li a.down:visited, ul#rightnav li a:focus, ul#rightnav li a.down:hover, ul#rightnav li a.down:active
	{
	background: url(../images/backgrounds/red_grey/rightnav_down_bg.gif) no-repeat 0 0.1em;
	color: #454545;
	}

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

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