/*
--------------------------------------------------
Project: Template 2
Purpose: Color - Blue and Grey
Author: Katelynn O'Brien
Version: 02/15/07
-------------------------------------------------- */

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

#top
	{
	background: #ccc url(../images/backgrounds/blue_grey/top_blue.gif) repeat-x;
        color: #232323;
	}
	
#left
	{
	border-top: 4px solid #1974a4;
        color: #333;
	}
	
#center
	{
	border-top: 4px solid #458fb6;
	}
	
#box1
	{
	background: #458fb6 url(../images/backgrounds/blue_grey/box1_blue.gif) no-repeat left top;
        color: #fff;
	}
	
#more_top
	{
	background: #000 url(../images/backgrounds/blue_grey/blacktab_blue.gif) no-repeat left top;
	}
	
#box2
	{
	background: #fff url(../images/backgrounds/blue_grey/box2_grey.gif) no-repeat left bottom;
        border: 1px solid #999;
        color: #232323;
	}
	
#more_bottom
	{
	background: #fff url(../images/backgrounds/blue_grey/greytab.gif) no-repeat left bottom;
	}

#right
	{
        color: #333;
	border-top: 4px solid #458fb6;
	}

#content
	{
	border-top: 4px solid #458fb6;
        color: #333;
	}
	
	
/* HEADINGS
-------------------------------------------------- */

#left h1
	{
	border-right: 2px solid #fff;
        background-color: #d1d1d1;
        color: #006599;
	}
	
#right h1
	{
	background-color: #d1d1d1;
	color: #006599;
	}
	
#box1 h1
	{
	color: #fff;
	}
	
#box2 h1
	{
	color: #006599;
	background: none;
	}

#left h2
	{
	color: #000;
	}

#content h1
	{
        color: #333;
	}

#content h2
	{
	color: #006599;
	}

#eventslist h1
	{
	background-color: #888;
	}

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

#box1 img, #box2 img
	{
	border: 1px solid #666;
	}

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

ul#mainnav
	{
	background: url(../images/backgrounds/blue_grey/mainnav_blue.gif) repeat-y;
	}
	
#left ul li.down
        {
        background: url(../images/backgrounds/blue_grey/bluearrow_big.gif) no-repeat 0 0.4em;
        }

#left ul li ul li
	{
	background: url(../images/backgrounds/blue_grey/bullet.gif) no-repeat 0 0.4em;
	}

#eventslist h1 /* CALENDAR */ 
	{
	background-color: #888;
	color: #fff;
	}

#eventslist ul li /* APPLIES TO MONTH, DATE, TITLE/DESCRIPTION */
	{
	color: #333;
	}

#eventslist ul li ul li b /* APPLIES TO TITLE */
	{
	color: #006599;
	}
	
	
/* LINKS
-------------------------------------------------- */

a, a:visited
        {
        color: #006599;
        }

a:focus, a:hover, a:active
	{
	color: #666;
	}

ul#topnav a, ul#topnav a:visited
        {
        color: #444;
        }

ul#topnav a:focus, ul#topnav a:hover, ul#topnav a:active
        {
        color: #000;
        }

ul#topnav a.down, ul#topnav a.down:visited, ul#topnav a.down:focus, ul#topnav a.down:hover, ul#to
pnav a.down:active
        {
        color: #000;
        }

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

ul#mainnav a:focus, ul#mainnav a:hover, ul#mainnav a:active
        {
        border-top: 1px dotted #fff;
        border-bottom: 1px dotted #fff;
        }

ul#mainnav a.down, ul#mainnav a.down:visited, ul#mainnav a.down:focus, ul#mainnav a.down:hover, u
l#mainnav a.down:active
        {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        }

#left ul a, #left ul a:visited
        {
        color: #555;
        }

#left ul a:focus, #left ul a:hover, #left ul a:active,
#left a.down, #left a.down:visited, #left a.down:focus, #left a.down:hover, #left a.down:active
        {
        color: #006599;
        }

#more_top a, #more_top a:visited
        {
        color: #fff;
        }

#more_bottom a, #more_bottom a:visited
        {
        color: #333;
        }
	

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

table
        {
        border: 1px solid #ccc;
        }

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

th
        {
        background-color: #ececec;
        }