/* This stylesheet (cof_style.css) is used to control colors and other design elements that are specific to the City of Festivals Alumni site. It is used to insure a consistent look and feel to the site.
 */


.colortop
	{
	background-color: #003366;
	margin: 0px;
	}

.colorsidenav
	{
	background-color: #003366;
	}

.wordmark
	{
	padding-left: 20px;
	padding-right: 0px;
	}

.bannerImage
	{
	text-align: left;
	padding-left: 0px;
	}


/* These declarations change the color and text-decoration properties of navtop (initially defined in depts_global_style.css) to achieve the mouseover effect. */

.navtop
	{
	color: #FFCC00;
	text-decoration: none;
	}

A.navtop:hover
	{
	color: #FFFFFF;
	text-decoration: underline;
	}

/* This sets the properties for the black global nav bar.  */
.blacknav
	{
	background-color: #000000;
	font-size: 70%;
	color: #FFFFFF;
	padding-top: .5ex;
	padding-bottom: .5ex;
	padding-right: 1em;
	}

/* This declaration changes the color and text-decoration properties of navside (initially defined in depts_global_style.css) to achieve the mouseover effect. */

.navside
	{
	color: #FFCC00;
	text-decoration: none;
	}

A.navside:hover
	{
	color: #FFFFFF;
	text-decoration: underline;
	}

/* This special navigation declaration changes the color and text-decoration properties of the Events Photo item. Due to the potential length of a subnav section for this item, none will be created; just the main level nav link. */

.navsidephotos
	{
	color: #FFFFFF;
	font-size: 115%;
	text-decoration: none;
	}

/* Use the URhere class on plain text in the left nav to indicate that you are on the page that is named. Use the URhere class on a link to indicate that you are on a lower level page in the section indicated. */

#sidenavMargin
	{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	}

.URhere
	{
	color: #FFFFFF;
	font-size: 115%;
	}

a.URhere:hover
	{
	color: #003366;
	text-decoration: underline;
	}

.subnavURhere
	{
	color: #ffffff;
	font-size: 85%;
	margin-top: 0px;
	margin-left: 1.5em;
	margin-bottom: 0px;
    }

.subnavlink
	{
	color: #FFCC00;
	font-size: 85%;
	margin-top: 0px;
	margin-left: 1.5em;
	margin-bottom: 0px;
	text-decoration: none;
    }

a.subnavlink:hover
	{
	color: #FFFFFF;
	text-decoration: underline;
	}

.subnavminutes
	{
	color: #ffffff;
	font-size: 85%;
	margin-top: 0px;
	margin-left: 1.5em;
	margin-bottom: 0px;
    }

/* These selectors change the placement of the links in the site map. */
.level1
	{
	font-size: 100%;
	}

.level2
	{
	font-size: 90%;
	margin-left: 1.5em;
	}

.level3
	{
	font-size: 80%;
	margin-left: 3em;
	}

/* These selectors change the color of the headings throughout the site. */
.heading1
	{
	color: #FFCC00;
	font-size: 155%;
	}

/* These selectors change the color of the headings on the printer friendly pages throughout the site. */
.heading1pr
	{
	color: #003366;
	font-size: 155%;
	font-weight: bold;
	}

.contentheading
	{
	color: #003366;
	font-size: 140%;
	font-weight: bold;
	}

.subheading
	{
	color: #FFCC00;
	font-size: 125%;
	}

#contentMargin
	{
	padding: 1em;
	}

.calendarMonth
            {
            color: #FFCC00;
            font-size: 130%;
            font-weight: bold;
            }

.calendarDetail
            {
	color: #003366;
	font-size: 100%;
	font-weight: italics;

            }
.footer
	{
	font-size: 70%;
	font-style: italic;
	}

*/ This controls the contact info. */
#contactMargin
	{
	padding: 1em;
	}

.contact
	{
	font-size: 70%;
	font-style: italic;
	}
.quote
	{
	color: #FFCC00;
	font-style: italic;
	}