/*Version 1.0 -- Seattle Fun Version */
/* ------ Section 1 - Global Body, Font and Link Settings ------ */
body {
	background-color: #cad89a; /* #73a7d7;/* #6b8ca8;   /*#F3F7FC; *//* pale color for browser window background color */;
	margin: 0;
	padding: 0;
	font-family: Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
	color: #0D0D0D; /*#000;*/;
	font-size: 10pt;
	line-height: 18px;
}
h1, h2, h3, h4, h5, h6 {
	background-color: transparent;
	color: #002225;
	clear: both;
}
h2, h3, h4, h5, h6 {
	margin-top: 24px;
}
h1 {
	margin-top: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 18pt;
	font-weight: normal;
	font-family: Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
	border-bottom: 0 solid #8f8fb3;
	text-align: center;
}
h2 {
	font-size: 14pt;
	font-family: Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
	border-bottom: 1px solid #8f8fb3;
}
h3 {
	font-size: 12pt;
	font-family: Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
	border-bottom: 0 solid #8f8fb3;
}
h4 {
	font-size: 12pt; /*font-family: 'Times New Roman', Georgia, 'Palatino Linotype', Palatino, serif;
border-bottom: 0 solid #8f8fb3;
font-size: 150%;    */;
	font-family: Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
	border-bottom: 0 solid #8f8fb3;
}
blockquote {
	margin: 12px 56px;
	color: #006;
	font-size: 80%;
	line-height: 20px;
	font-family: Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
}
code {
	color: navy;
}
img {
	border: 0;
}
a:link img {
	border: 0;
}
/* -- General Link Styling -- */
a:link {
	color: #0054A4; /*#5e8e3f;*/;
	text-decoration: underline;
}
a:visited {
	color: purple;
	text-decoration: underline;
}
a:hover {
	color: red;
	text-decoration: underline;
}

li.square { list-style-type: square }
ul.plain  { list-style-type: none }

/* ------ Section 2 - Global Page Structure ------- */
#PageWrapper {
	width: 960px;
	border: medium solid #002225;  /* dark sea blue, headlines and borders */
}
#Header {
	position: relative;
	height: 200px;
}
#ContentWrapper {
	float: left;
	width: 100%;
	border-top-style: solid;
	border-top-width: medium;
	border-top-color: #002225;
}
#ContentColumn {
	margin: 0 180px 0 180px;
/* STEP 1: set to "0 ExtraColumnWidth 0 NavColumnWidth" */border-right: thin solid #BFC8D8;
	border-left: thin solid #BFC8D8;
}
#NavColumn {
	float: left;
	width: 179px; /* STEP 2: to set left column at 180, set 1 less than 180 here */;
	margin-left: -960px;
}
#ExtraColumn {
	float: left;
	width: 179px; /* STEP 4: to set right columns at 180, set 1 less than 180 here */;
	margin-left: -180px;        /* STEP 5: set to -(ExtraColumnWidth) */
}
#Footer {
	clear: both;
	width: 100%;
	padding: 8px 0;
	border-top: 3px solid #002225; /* dark blue border at top of footer*/
}
.Liner {
	padding: 10px;
}
#Header .Liner {
	padding: 0;
}
#Footer .Liner {
	margin: 0;
	padding: 0;
}
/* ------ Section 3 - Page Structure Details ------ */
#PageWrapper {
	margin: 24px auto;
	background-color: white; /*#f3f7fc; #f0f5fb;*/  /* pale background color */
}
/* graphic header for test page */
#Header {
	background-image: url(../image-files/graphic-header.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: top left;
}
#ContentWrapper {
	/*background-image: url('../image-files/background.gif');  /* gradient for left and right columns */
/*background-repeat: repeat-y;*/
background-color: white;
}
#NavColumn {
	background-image: url("style.css");
	background-repeat: no-repeat;
	background-color: transparent;
}
#ContentColumn {
	background-image: url("style.css");
	background-repeat: no-repeat;
	background-color: transparent;
}
#ExtraColumn {
	background-image: url("style.css");
	background-repeat: no-repeat;
	background-color: transparent;
}
#Footer {
	background-image: url("style.css");
	background-repeat: no-repeat;
	background-color: #002225; /*#6b8ca8;  blue used in left and right columns of background and for footer and horizontal text-navbar */;
	text-align: center;
	font-size: 85%;
	color: white;
}
#NavColumn {
	font-size: 90%;
	color: #172544;
}
#ExtraColumn {
	font-size: 90%;
	color: #172544;
}
#NavColumn h4 {
	font-size: 90%;
	color: #172544;
	margin-top: 0;
}
#ExtraColumn h4 {
	font-size: 90%;
	color: #172544;
	margin-top: 0;
}
/* ------ Section 4 - Left Column Navigation ------ */
.Navigation {
	width: 100%;
	font-family: Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
	background-color: transparent;
}
/* -- Nav Headers -- */
.Navigation h3 {
	padding: 0;
	font-size: 110%;
	color: #002225; /* dark blue for section headings */;
	font-weight: bold;
	border-bottom: 1px solid #002225;
	margin: 12px 0;
}
/* -- Nav List -- */
.Navigation ul {
	list-style-type: none;
	padding: 0 0 8px 5px;
	margin: -6px 0 0 0;
}
.Navigation li {
	background-color: white; /* for button and RSS box backgrounds -- */;
	border-bottom: 1px solid #8f8fb3;
	margin-bottom: 1px;
}
/* -- Navigation Link styles -- */
.Navigation a:link {
	color: #0054A4; /*#5e8e3f;/*#1d487e;*/;
	display: block; /*  this makes the whole box highlight rather than just the text */;
	padding: 2px 0 2px 4px;
	background-color: white; /* dark blue for buttons */;
	text-decoration: none;
}
.Navigation a:visited {
	color: purple; /*#c6d293;  /* light green text */;
	display: block; /*  this makes the whole box highlight rather than just the text */;
	padding: 2px 0 2px 4px;
	background-color: white;
	text-decoration: none;
}
.Navigation a:hover {
	color: #1d487e; /* blue text */;
	display: block; /*  this makes the whole box highlight rather than just the text */;
	padding: 2px 0 2px 4px;
	background-color: #ceebec; /*  light sea blue used for lit buttons both navbars and AdSenseBox bg color */;
	text-decoration: underline;
}
/* ------ Section 5 - Additional Navigation ------ */
/* -- Thumbnail-with-Caption Navigation -- */
.ThumbnailLink {
	text-align: center;
}
.ThumbnailLink a:link {
	text-decoration: none;
}
.ThumbnailLink a:hover .Caption {
	text-decoration: underline;
	color: red;
}
/* -- Horizontal Text NavBar -- */
.ExtraNav {
	font-family: Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
}
.ExtraNav ul {
	list-style-type: none;
	padding: 0;
}
.ExtraNav ul li {
	display: inline;
	background-color: white; /*#6b8ca8; /*#365177;  /* dark blue*/ /*border-style: none none none solid;
border-left-color: #002225;
border-left-width:thin;*/;
	text-align: center;
}
.ExtraNav a:link {
	color: #002225;
	background-color: white; /*#6b8ca8; /*#365177;  /* dark blue background with white text */;
	text-decoration: none;
	text-align: center;
	padding: 0 4px;
}
.ExtraNav a:visited {
	color: #002225; /* light green text */;
	text-decoration: none;
	background-color: white;/*#6b8ca8; /*#365177; */ /* dark blue */;
	padding: 0 4px;
}
.ExtraNav a:hover {
	color: #1d487e;
	background-color: #ceebec; /*  light sea blue used for lit buttons both navbars and AdSenseBox bg color */;
	text-decoration: underline;
}
#Header .ExtraNav {
	font-size: 85%;
	position: absolute;
	top: 0;
	right: 0;
}
#Header .ExtraNav ul {
	margin: 0;
	background-color: white; /*#6b8ca8; */
}
#Footer .ExtraNav ul {
	/* strip behind the buttons */
margin: 12px auto;
	background-color: #002225; /*#6b8ca8; */
}
#Footer .ExtraNav ul li {
	display: inline;
	color: white;
	background-color: #002225; /*#6b8ca8; /*#365177;  /* dark blue*/ /*border-style: none none none solid;
border-left-color: white;
border-left-width:thin;*/;
	text-align: center;
}
#Footer .ExtraNav a:link {
	color: white;
	background-color: #002225; /*#6b8ca8; /*#365177;  /* dark blue background with white text */;
	text-decoration: none;
	text-align: center;
	padding: 0 4px;
}
#Footer .ExtraNav a:visited {
	color: white; /* light green text */;
	text-decoration: none;
	background-color: #002225;/*#6b8ca8; /*#365177; */ /* dark blue */;
	padding: 0 4px;
}
#Footer .ExtraNav a:hover {
	color: white;
	background-color: #002225; /*  light sea blue used for lit buttons both navbars and AdSenseBox bg color */;
	text-decoration: underline;
}
/* ------ Section 6 - Boxes ------ */
.CalloutBox {
	background-color: #fff;
	width: 85%;
	border: 1px solid #8f8fb3;
	margin: 18px auto 24px auto;
	padding: 4px;
	color: black;
}
div.CalloutBox p {
	margin: 13px;
}
p.CalloutBox {
	padding: 13px;
}
div.CalloutBox h1, div.CalloutBox h2, div.CalloutBox h3, div.CalloutBox h4, div.CalloutBox h5, div.CalloutBox h6 {
	margin: 13px 0 0 13px;
}
.FullWidthBox {
	background-color: #b0bac5;/* #f5e489; #fff;*/;
	width: 95%;
	border: 1px solid #8f8fb3;
	margin: 18px auto 24px auto;
	padding: 4px;
	color: black;
}
.ReminderBox {
	background-color: #D7E7A9;  /*#c7e683;*/
	width: 30%;
	border: 1px solid #8f8fb3;
	margin: 0 0 12px 18px;
	float: right; /* adding float enables text to flow around it */;
	color: #006;
}
.ReminderBox h3, h4 {
	margin: 0;
	padding: 2px;
	text-align: center;
	background-color: #fff;
}
.ReminderBox h3 {
	font-size: 85%;
}
.ReminderBox p {
	font-size: 80%;
	padding: 0 4px;
	line-height: 120%;
	text-align: left;
}
.AdSenseBoxLeft, .AdSenseBoxRight, .AdSenseBoxCenter468, .AdSenseBoxExtraColumn {
	padding: 5px;
	background-color: white;
	border: 0px;
}
.AdSenseBoxLeft {
	margin: 0 18px 12px 18px;
	float: left;
}
.AdSenseBoxRight {
	margin: 0 18px 12px 18px;
	float: right;
}
.AdSenseBoxCenter468 {
	width: 468px;
	margin: 0 auto 12px auto;
	clear: both;
}
.AdSenseBoxExtraColumn {
	padding: 0;
	margin: 0 auto 12px auto;
	clear: both;
	text-align: center;
}
.ReturnToNavBox {
	background-color: #F3F7FC;
	width: 90%;
	border: 1px solid #8f8fb3;
	margin: 0 auto 12px auto;
	padding: 4px;
	font-size: 85%;
	text-align: left;
}
/* -- RSS Box -- */
#RSSbox {
	width: 148px;
	background-color: #E8F5FC;
	border: 1px solid #8f8fb3;
	margin: 8px auto 10px 3px;
	padding: 2px 2px 10px 2px;
	font-size: 100%;
	font-weight: bold;
	color: #002225;
	line-height: 120%;
	text-align: center;
}
/* ------ Section 7 - Frequently Used Styles ------ */
.Clear {
	clear: both;
}
.NoClear {
	clear: none;
}
.Caption {
	font-size: 85%;
	font-weight: bold; /*--color: #002225;--*/;
	display: block;
	line-height: 150%;
	margin-bottom: 10px;
}
.Green {
	color: #54892D;
	font-size: medium;
/*
font-weight: bold;*/
}
.Red {
	color: #CC0000;
}
.GreenTitleBar {
	background: #77c242;
}
.GreenTitleBar h3 {
	color: black;
}
.Address {
	font-size: 85%;
}
.PriceRange {
	font-size: 75%;
	font-weight: bold;
	color: #E8B900;
}
.Crumb {
	font-size: 85%;
	color: #0D0D0D;
}
/* -- floats -- */
.OverflowHidden {
	overflow: hidden;
}
.ItemRight {
	float: right;
	margin: 2px 0 12px 18px;
	text-align: center;
}
.ItemCenter {
	margin: 2px auto 12px auto;
	text-align: center;
	clear: both;
}
.ItemLeft {
	float: left;
	margin: 2px 18px 12px 0;
	text-align: center;
}
.ItemTop {
	caption-side: top;
	font-weight: bold;
}
.ParaTable {
	text-align: left;
}
p.ParaTable {
	text-align: left;
}
/* ------ Seattle teams schedule table - blue ------ */
.ScheduleTable {
	font-size: 75%;
}
.ScheduleTable th {
	font-family: Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #0C2C56;
}
.ScheduleTable td {
	line-height: 140%;
}
/* ------ UW teams schedule table - purple ------ */
.UWScheduleTable {
	font-size: 75%;
}
.UWScheduleTable th {
	font-family: Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #303368;
}
.UWScheduleTable td {
	line-height: 140%;
}
.UWGold {
	background-color: #e0ce96;
}
.UWPurple {
	color: #303368;
}
/* ------ Right column events table ------ */
.RightColTable {
	width: 120px;
}
.RightColTable td {
	font-size: 83%;
	text-align: center;
}
.h1secondline {
	font-size: 80%;
}
.Bottom {
	font-size: 70%;
}
.ExtraSpace li {
	padding-bottom: 10px;
}
.NoBorder {
	border: 0;
}
.NoUnderline {
	border-bottom: 0px;
	text-align: center;
}
.SpacedList li {
	margin-top: 10px;
	margin-bottom: 10px;
}
.NoImgBorder img {
	border: 0 white;
}
/* -- C2 -- */
#previewContainer img {
	border: 0;
}
.eventtitle{
	/*overflow: hidden;*/
	width: 100%;
	height: 18px;
	background-color: #ded;/* #EFF7E3;  /*#e3f1ce;  /*#D8EBD8;*/
	border-bottom: white 1px solid;
	font-size: 80%;
	padding-left:3px;
	font-weight: normal;

}
/*Default style for SPAN icons. Edit if desired: */
.eventtitleicon {
	float: left;
	margin: 3px;
	margin-right: 5px;
	cursor: hand;
	cursor: pointer;
	font-weight: bold;
}

/*CSS used to style the Show/Hide events */
.eventdate {
	background-color: #9c9;  /*#92C1A1;  /*#9c9;*/
	font-weight: normal;
	border-bottom: 1px solid black;
	padding-top: 3px;
	padding-bottom: 0px;
	padding-left:10px;
	height:20px;
	font-size: 1.1em;
}
div.eventdate {
	width: 570px;

}
.eventbody {
	width: 556px;
	border:thin #9c9 solid;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
	font-size:90%;
	overflow:hidden;
}

/* CSS for the Calendar at the top of the Events pages */
#calendar {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	padding-bottom: 1em;
	background-color: #fff;
	width: 40%;
	margin-left:80px;
}
#month {
	border-collapse: collapse;
	margin-left: .3em;
	font-size: .9em;

}
#month th, #month td {
	border: 1px solid #000;
}
#month thead {
	background-color: #92C1A1;
	font-size: .8em;
}
#month td {
	width: 50px;
	height: 50px;
	padding: .4em;
	vertical-align: top;
	overflow: auto;
}
td .day {
	width: 4em;
	height: 1.5em; 
	overflow: auto;
	margin-top: 0;
}
#month tbody .weekend {
	background-color: #ded;
}
#month tbody .next, #month tbody .previous {
	background-color: #adadad; /*#ddd;*/
	

}
#calendar h1 {
	margin: 0 0 .5em .5em;
	font: 2em Arial, Helvetica, sans-serif;
	color: #060;
}
#month th {
	font: 1em bold Arial, Helvetica, sans-serif;
}

.date {
	line-height: 10px;
}
.photodate a {
	color:lime;
}