/* This version December 19 2004 by Mike Medley */

/*
NOTE: About selecting background and border colors:
          If using same colors - make sure SAME COLORS for backgrounds and borders
          use different naming conventions or there may be a CSS validation error. Use
          color names for background and hex values for border.

USE THE FOLLOWING FOR SEARCH AND REPLACE TO CHANGE COLORS:
         -COLOR- -USED FOR-
         #eeeeee page border
         #00238b body background
         #0045ad content background
         #f0f0f0 all text
         #ffffff you_are_here text (navbar, page heading, page description)

         #00efef link
         #00efef visited
         #ffce00 hover
         #ffce00 active

*/

/* This first section is all about the page layout and positioning using CSS - only 1 table for centered logo. */
body              {
                    background: #7a7a7a;
                    color: #666666;
                    margin: 0px;
                    border: none;
                    padding: 0px;
                  }

.page_container   {
                    width: 100%;
                    height: 100%;
					padding: 0px;
					margin: 0px;
					text-align:center;
					border-collapse:collapse;
                  }


.content_wrapper  {
                    width: 690px;
                    background: #ffffff;
					border-collapse:collapse;
					border-left: solid 2px #ffffff;
					border-right: solid 2px #ffffff;					
					padding: 0px;
					margin: 0px;
				
                  }
				  
.main_container   {
                    color: #eeeeee;
					padding: 0px;
					margin: 0px;				
					text-align:center;
					border-collapse:collapse;												
                  }				  

.layout_table	  {
					width: 100%;
					border: 0px;
					padding: 0px;
					margin: 0px;
					border-collapse:collapse;
				  }

.logo_table       {
                    background-color: #0045AD;
                    width: 100%;
                  }

.menu_bar		  {
					width:100%;
					height:35px;
					color: #0045AD;
					background-image:url(../graphics/header/menu/menu_bg.gif);
					background-repeat:repeat-x;
					vertical-align:middle;
					/*margin-top: 2px;
					margin-bottom: 1px;
					padding-top: 6px;
					padding-bottom: 6px;*/
					border-collapse:collapse;
				  }
				  
.footer_bar		  {
					width:100%;
					height:8px;
					color: #0045AD;
					background-color:#E2EAF8;
					vertical-align:middle;
					margin-top: 2px;
					margin-bottom: 1px;
					padding-top: 2px;
					padding-bottom: 2px;
					border-collapse:collapse;
				  }				  

.content_container {
					border: solid 1px #92B0DD;
					margin-top: 0px;	
					margin-left: 0px;
					margin-right: 0px;
					margin-bottom: 2px;
					padding: 4px;				
					border-collapse:collapse;
					text-align: left;					
				   }
				   
.label_container
{

	line-height: 15px;
	border-bottom: solid 1px #cccccc;
	width: 450px;

}				   

.status_message 
{
	border: solid 1px #000000;
	padding: 4px;
	margin-top: 10px;
	margin-bottom: 10px;	
	background-color:#FFFFCC;
	color:#339933;
	font-size: 10px;
	font-weight: bold;
}

.error_message
{
	border: solid 1px #000000;
	padding: 4px;
	margin-top: 10px;
	margin-bottom: 10px;	
	background-color:#FFFFCC;
	color:#FF0000;
	font-size: 10px;
	font-weight: bold;
}

table.data_table
{
	width: 100%;
	background-color: #FFFFFF;
	padding: 2px;
	margin: 0px;
	font-size: 70%;
}

th.table_header
{
	background-color: #E2EAF8;
	color: #07519A;
	border: solid 1px #92B0DD;	
	text-align: left;
	font-weight: bold;
}

td.data_grid
{
	background-color: #ffffff;
	color: #07519A;
	border: solid 1px #92B0DD;	
}

.required
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#666666;
}

.optional
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#666666;
}

.left_pane		  {
					width: 25%;
					margin: 0px;
					padding-left: 0px;
					padding-right: 4px;
					border-collapse:collapse;
					vertical-align: top;					
				  }
				  
.middle_pane	  {
					width: 50%;
					margin: 0px;
					padding-left: 2px;
					padding-right: 2px;
					border-collapse:collapse;	
					vertical-align: top;
				  }
				  
.right_pane		  {
					width: 25%;
					margin: 0px;
					padding-left: 4px;
					padding-right: 0px;	
					border-collapse:collapse;							
					vertical-align: top;
				  }				  				  

.small_section_title	  {

					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: xx-small;
					font-weight: bold;
					color: #0045AD;
					vertical-align: middle;
					background-image: url(/graphics/global/blue_arrow_right.gif);
					background-repeat: no-repeat;
					background-position: left;
					padding-left: 5px;

				  }
				  
.section_title	  {

					font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
					font-size: small;
					font-weight: bold;
					color: #0045AD;
					vertical-align: middle;
				  }			
				  
.event_title	  {

					font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
					font-size:smaller;
					font-weight: bold;
					color: #666666;
					vertical-align: middle;
					margin-left: 2px;
					margin-bottom: 8px;
					margin-top: 5px;
				  }							  	  
				  
.today, .weekend, .weekday	
{
					border: solid 1px #cccccc;
					margin-top: 0px;	
					margin-left: 0px;
					margin-right: 0px;
					margin-bottom: 2px;
					padding: 4px;				
					border-collapse:collapse;
					text-align:center;	
					vertical-align: middle;
					font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
					font-size: xx-small;
					font-weight: bold;
}

.eventday
{
					border: solid 1px #cccccc;
					margin-top: 0px;	
					margin-left: 0px;
					margin-right: 0px;
					margin-bottom: 2px;
					padding: 4px;				
					border-collapse:collapse;
					text-align: center;	
					vertical-align: middle;
					font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
					font-size: xx-small;
					font-weight: bold;
					background-color:#FFFFCC;
}

.day_of_week		{
					font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
					font-size: xx-small;
					font-weight: bold;
					text-align: center;
					color: #92B0DD;
					padding-bottom: 4px;
					}

.calendar			{
					margin-top: 10px;
					width: 100%;
					display: table;

					}

.photo_list			{
					text-align:center;
					}
					
.photo				{
					padding: 10px;
					}
					
.image				{
					border: solid 1px #000000;
					}
					
.body_line			{
 					border: solid 1px #cccccc;
					}
															  

/* THIS SECTION IS ALL THE OTHER CSS STUFF FROM HERE TO EOF MARKER. */
/* BACKGROUNDS AND COLORS */
p                 {
                    background: transparent;
                    color: #666666;
                  }
p.navbar         {
                    background: transparent;
                    color: #666666;
                  }
.you_are_here     {
                    background: transparent;
                    color: #ffffff;
                  }
ul                {
                    background: transparent;
                    color: #666666;
                  }
ol                {
                    background: transparent;
                    color: #666666;
                  }
li                {
                    background: transparent;
                    color: #666666;
                  }
td                {
                    background: transparent;
                    color: #666666;
                  }
th                {
                    background: transparent;
                    color: #666666;
                  }
h1                {
                    background: transparent;
                    color: #666666;
                  }
h2                {
                    background: transparent;
                    color: #666666;
                  }
h3                {
                    background: transparent;
                    color: #666666;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 14px;
					font-weight:bold;
                  }
h4                {
                    background: transparent;
                    color: #666666;
                  }
h5                {
                    background: transparent;
                    color: #666666;
                  }
h6                {
                    background: transparent;
                    color: #666666;
                  }
hr                {
                    background: transparent;
                    color: #999999;
                  }
a:link, a:link.mainlink
                  {
                    background: transparent;
                    color: #0045AD;
                  }
a:visited, a:visited.mainlink
                  {
                    background: transparent;
                    color: #0045AD;
                  }
a:hover, a:hover.mainlink
                  {
                    background: transparent;
                    color: #0045AD;
                  }
a:active, a:active.mainlink
                  {
                    background: transparent;
                    color: #0045AD;
                  }
.link_86          {
                    background: transparent;
                    color: #999999;
                  }
input, select, textarea             {
                    background-color: #ffffff;
                    color: #666666;
					font-size: x-small;
                    border-width: 1px;
                    border-color: #aaaaaa;
					padding: 2px;
                  }
				  
INPUT.newsletter_email_input	{
								background-color: #ffffff;
								color: #666666;
								font-size: x-small;
								border-width: 1px;
								border-color: #aaaaaa;
								padding: 2px;
								width: 125px;
								}	
							
INPUT.noborder	  {
					border-color: #ffffff;
				  }			  
				  
textarea          {
                    background-color: #ffffff;
                    color: #000000;
                    border-width: 2px;
                    border-color: #0099ff;
                  }

/* TEXT DECORATIONS */
a
                  { text-decoration: underline; }
a:link, a:link.mainlink
                  { text-decoration: underline; }
a:visited, a:visited.mainlink
                  { text-decoration: underline; }
a:hover, a:hover.mainlink
                  { text-decoration: underline; }
a:active, a:active.mainlink
                  { text-decoration: underline; }


A.menu_item,A.menu_item:visited, A.menu_item:hover {
					font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
					font-size: smaller;
					font-weight: bold;
					color: #0045AD;
					vertical-align: middle;
					background-image: url(/graphics/global/blue_arrow_right.gif);
					background-repeat: no-repeat;
					background-position: left;
					padding-left: 5px;
					text-decoration: none;
				  }	
				  
A.eventday			{
					color: #666666;
					}

/* ELEMENT ALIGNMENT */
body              { text-align: left; }
p                 { text-align: left; }
.left             { text-align: left; }
.centered         { text-align: center; }
.right            { text-align: right; }
p.navbar          { text-align: left; }
ul                { text-align: left; }
ol                { text-align: left; }
th                { text-align: left; }
h1                { text-align: left; }
h2                { text-align: left; }
h3                { text-align: left; }
h4                { text-align: left; }
h5                { text-align: left; }
h6                { text-align: left; }
img.fleft         { float: left; }
img.fright        { float: right; }
.clearleft        { clear: left; }
.clearright       { clear: right; }
.clearboth        { clear: both; }


/* FONT STUFF */

/* FONT FAMILY */
/* THIS FOR SINGLE TYPEFACE SPECIFICATION */
body              { font-family: Arial, Helvetica, sans-serif; }
/* THIS FOR MIXED TYPEFACE SPECIFICATION
body, p, p.navbar, ul, ol, td
                  { font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, th
                  { font-family: "Times New Roman", "Times Roman", Times, serif; } */

/* FONT STYLES */
body              { font-style: normal; }
p                 { font-style: normal; }
p.navbar          { font-style: normal; }
p.menuhead        { font-style: normal; }
p.menup           { font-style: normal; }
ul                { font-style: normal; }
ol                { font-style: normal; }
td                { font-style: normal; }
th                { font-style: normal; }
h1                { font-style: normal; }
h2                { font-style: normal; }
h3                { font-style: normal; }
h4                { font-style: normal; }
h5                { font-style: normal; }
h6                { font-style: normal; }

/* FONT WEIGHTS */
body, p, ul, ol, td
                  { font-weight: normal; }
p.navbar
                  { font-weight: bold; }
				  
.b                { font-weight: bold; }				  
h1, h2, h3, th
                  { font-weight: bolder; }
h4, h5, h6, .important
                  { font-weight: bold; }
a:link, a:visited, a:hover, a:active, .mainlink, .link_86, b
                  { font-weight: bold; }

/* FONT VARIANTS */
body              { font-variant: normal; }
p                 { font-variant: normal; }
p.navbar          { font-variant: normal; }
ul                { font-variant: normal; }
ol                { font-variant: normal; }
td                { font-variant: normal; }
th                { font-variant: normal; }
h1                { font-variant: normal; }
h2                { font-variant: normal; }
h3                { font-variant: normal; }
h4                { font-variant: normal; }
h5                { font-variant: normal; }
h6                { font-variant: normal; }

/* FONT SIZES */
/* To change entire layout just change the body's font-size size up or down,
   everything else inherits and scales font-size from the body. */
body              { font-size: 90%; }
p                 { font-size: 100%; }
p.navbar          { font-size: 100%; }
.mainlink         { font-size: 100%; }
ul                { font-size: 100%; }
ol                { font-size: 100%; }
td                { font-size: 100%; }
form.email        { font-size: 100%; }
th                { font-size: 125%; }
h1                { font-size: 160%; }
h2                { font-size: 140%; }
h3                { font-size: 115%; }
h4                { font-size: 100%; }
h5                { font-size: 95%; }
h6                { font-size: 85%; }
.xxl              { font-size: 140%; }
.xl               { font-size: 130%; }
.l                { font-size: 110%; }
.m                { font-size: 100%; }
.s                { font-size: 95%; }
.xs               { font-size: 90%; }
.xxs              { font-size: 85%; }
.tiny             { font-size: 75%; }
.verytiny         { font-size: 40%; }

/* COLORS */
.background_lightgrey  { background-color: #eeeeee; }

/* PADDING */
.p4				  { padding: 4px; }

/* HORIZONTAL RULE SIZES */
hr.wide           {
                    width: 100%;
                    height: 4px;
                  }
hr.medium         {
                    width: 55%;
                    height: 3px;
                  }
hr.narrow         {
                    width: 27%;
                    height: 2px;
                  }


/* MARGIN, BORDER, PADDING */
/* BORDERS (to hide use border: none; to show use border: 1px solid blue; ) */
p                 {
                    margin-top: 0em;
                    margin-right: 2em;
                    margin-bottom: 1em;
                    margin-left: 1em;
                    border: none;
                    padding: 0em;
                  }
p.listhead        {
                    margin-top: 0em;
                    margin-right: 0em;
                    margin-bottom: 0em;
                    margin-left: 0em;
                    border: none;
                    padding: 0em;
                  }
p.navbar          {
                    margin-top: 0em;
                    margin-right: 0em;
                    margin-bottom: 0em;
                    margin-left: 0em;
                    border: none;
                    padding: 0em;
                  }
ul                {
                    margin: 0em 2em 1em 0em;
                    border: none;
                    padding: 0em 0em 0em 2em;
                  }
ol                {
                    margin: 0em 2em 1em 0em;
                    border: none;
                    padding: 0em 0em 0em 2em;
                  }
ul ol             {
                    margin: 0em 2em 0em 0em;
                    border: none;
                    padding: 0em 0em 0em 2em;
                  }
ol ul             {
                    margin: 0em 2em 0em 0em;
                    border: none;
                    padding: 0em 0em 0em 2em;
                  }
h1                {
                    margin-top: 0em;
                    margin-right: 2em;
                    margin-bottom: 0em;
                    margin-left: 0em;
                    border: none;
                    padding: 0em;
                  }
h2                {
                    margin-top: 1.75em;
                    margin-right: 2em;
                    margin-bottom: 0em;
                    margin-left: 0em;
                    border: none;
                    padding: 0em;
                  }
h3                {
                    margin-top: 1.75em;
                    margin-right: 2em;
                    margin-bottom: 0em;
                    margin-left: .75em;
                    border: none;
                    padding: 0em;
                  }
h4                {
                    margin-top: 1.75em;
                    margin-right: 2em;
                    margin-bottom: 0em;
                    margin-left: .75em;
                    border: none;
                    padding: 0em;
                  }
h5                {
                    margin-top: 1.75em;
                    margin-right: 2em;
                    margin-bottom: 0em;
                    margin-left: .75em;
                    border: none;
                    padding: 0em;
                  }
h6                {
                    margin-top: 1.75em;
                    margin-right: 2em;
                    margin-bottom: 0em;
                    margin-left: .75em;
                    border: none;
                    padding: 0em;
                  }
hr                {
                    margin-top: .5em;
                    margin-right: 0em;
                    margin-bottom: .5em;
                    margin-left: 0em;
                    border: none;
                    padding: 0em;
                  }
img               {
                    margin-top: 0em;
                    margin-right: 0em;
                    margin-bottom: 0em;
                    margin-left: 0em;
                    border: none;
                    padding: 0em;
                  }
img.fleft         {
                    margin-top: 0em;
                    margin-right: 1em;
                    margin-bottom: .5em;
                    margin-left: 0em;
                    border: none;
                    padding: 0em;
                  }
img.fright        {
                    margin-top: 0em;
                    margin-right: 0em;
                    margin-bottom: .5em;
                    margin-left: 1em;
                    border: none;
                    padding: 0em;
                  }


/* FORM STUFF */
form.email        {
                    width: auto;
                    height: auto;
                    background: transparent;
                    margin-top: 0em;
                    margin-right: 0em;
                    margin-bottom: 1em;
                    margin-left: 1em;
                    border: none;
                    padding: 0em;
                  }


/* LIST STUFF */
ul                {
                    list-style: disc;
                    list-style-position: outside;
                  }
ol                {
                    list-style-position: outside;
                    list-style-type: decimal;
                  }


/* TEXT ALIGN */
.tal			{ text-align:left;}
.tac			{ text-align:center;}
.tar			{ text-align:right;}


div.dotted_line
{
	border-top: dotted 1px #aaaaaa;
	margin-top:5px;
	margin-bottom: 5px;
}

/* EOF */