﻿/* General formats */
/* All links are dark royal blue unless otherwise specified */
a:active,
a:link,
a:visited
			{
				color: #000066;
			}

body		{
				font-family: Verdana, sans-serif;
				font-size: 12pt;
			}

h1          { 
				color: #000066; 
				font-family: Verdana, sans-serif; 
				font-size: 14pt; 
				font-weight: bold;
				text-align: center;
			}
			 
h2          {
				clear: left;
				color: #000066; 
				font-family: Verdana, sans-serif; 
				font-size: 12pt; 
				font-style: italic; 
                font-weight: bold;
            }
             
h3          { 
				clear: left;
				color: #000066; 
				font-family: Verdana, sans-serif; 
				font-size: 12pt; 
				font-weight: bold; 
				margin-bottom:2px; 
				margin-top:5px; 
			}
			 
h4          { 
				color: #000066; 
				font-family: Verdana, sans-serif; 
				font-size: 12pt;  
				font-style: italic; 
				font-weight: normal;
				margin-bottom:2px; 
				margin-top:5px; 
			}

/* Layout formats */

/* Banner layouts */
/* Need the borders to get the formatting correct. Just color them to match the background */
.BANNER
			{
				border: thick solid;
				border-color: transparent;
				background-color: #000066;
			/*	background-image: url('../images/0000_Colors_and_Logos/tartanImagePrototype.aspx.jpg'); */
				position: relative;
				z-index: 2;
			}

.BANNER_KIRKIN
			{
				border: thick solid #000066;
				position: relative;
				z-index: 2;
			}
.BANNER_LOGO_LEFT
			{
				border: thick solid;
				border-color: transparent;
				top: 5px;
				left: 5px;
				float: left;
				background-color: transparent;
				position: relative;
				z-index: 4;
			}

/* Need this in order to make the title center. Can't figure out why, but there it is */
.BANNER_LOGO_RIGHT
			{
				border: thick solid;
				border-color: transparent;
				top: 5px;
				left: -5px;
				float: right;
				background-color: transparent;
				position: relative;
				z-index: 4;
			}

.BANNER_MENU	
			{
				border-left: thick solid #666666;
				border-top: thick solid red;
				border-right: thick solid #222222;
				border-bottom: thick solid #222222; 
				position: relative; 
				z-index: 5;
			}

.BANNER_TEXT_AREA
			{
				border: thick solid;
				border-color: transparent;
				position: relative;
				text-align: center;
				z-index: 4;
			}
			
.BANNER_TEXT_H1
			{
				color: #FFFFFF; 
				font-family: Verdana, sans-serif; 
				font-size: 12pt; 
				font-weight: bold;
			}	
			
.BANNER_TEXT_H2          
			{
				color: #FFFFFF; 
				font-family: Verdana, sans-serif; 
				font-size: 10pt; 
				font-style: italic; 
                font-weight: bold;
            }			

.BANNER_TEXT          
			{
				color: #FFFFFF; 
				font-family: Verdana, sans-serif; 
				font-size: 10pt; 
            }			

/* Format for the calendar summary on the "upcoming events" page */			
.CAL_SUMM	{
				font-size: 10pt;
/*				text-indent: -1em; */
			}
			
/* Table format for data tables: the salient feature is the border */
.DATA_TABLE	{
				border: 1px;
				table-layout: fixed;
				width: 100%; 
			}

/* Overall page - contains everything else and specifies size to prevent menu from wrapping */
.ENVELOPE	
			{
				border: thick solid white;
				width: 960px;
				background-color: white;
				z-index: 1;
			}

/* Used for "table of contents" on selected pages */
.FORMAT_TABLE
			{	
				background-color: white;
				border: 0;
				width: 100%;
			}

.NOTICE BOARD
			{
				background-color: white;
				border: thick solid red;
				position: relative;
				z-index: 4;
			}

/* Search engine box */
.SEARCH		{
				clear: right;
				position: relative;
			}

/* Labels for tables */			
.TABLE_HEAD
	        {
				clear: left;
				clear: right;
				color: #000066;
				font-family: Verdana, sans-serif; 
				font-size: 12pt; 
				font-style: italic; 
                font-weight: bold;
				text-align: center;
				width: 100%;
            }

/* Non-banner area */
.TEXT_BLOCK
			{
				background-color: #FFFFFF;
				border: thick solid white;
				z-index: 1;
			}

/* Text columns - gets rid of formatting tables */
.TEXT_LEFT
			{
				border: thick solid #FFFFFF;
				left: 10px;
				position: absolute;
				width: 265px;
				z-index: 4;
}

.TEXT_CENTER
			{
				border: thick solid #FFFFFF;
				left: 300px;
				position: absolute;
				width: 355px;
				z-index: 4;
	
			}

.TEXT_RIGHT
			{
				border: thick solid #FFFFFF;
				left: 680px;
				position: absolute; 
				width: 275px;
				z-index: 4;
			}

						
/* Section dividers */
.TEXT_H2
			{
				border-top-color: red;
				border-top-style: solid;
				clear: left;
				clear: right;
				color: #000066; 
				font-family: Verdana, sans-serif; 
				font-size: 12pt; 
				font-style: italic; 
                font-weight: bold;
			}

.TEXT_H3    { 
				border-top-color: red;
				border-top-style: solid;
				clear: left;
				clear: right;
				color: #000066; 
				font-family: Verdana, sans-serif; 
				font-size: 12pt; 
				font-weight: bold; 
			}

/* Top of page reference format */
.TOP		{
				font-style: italic;
			}
