/* homepage styles */
div#DefaultPageCenter { float: left; width: 340px; margin-bottom: 10px; padding: 0; }
div#DefaultPageRight { float: left; width: 284px; background-color: White; margin-left: 13px; }
body#DefaultPage div#HeaderContainer { height: 105px; background-image: url(../Images/DefaultPageHeader.jpg); background-repeat: no-repeat; }
body#DefaultPage div#WestSide { top: 130px; }

/* Upcoming Events */
div#HomepageCalendar { margin-top: 10px; width: 282px; background-color: #ddd; background-image: url(../Images/homepage-calendar-backgroun.jpg); background-repeat: no-repeat; background-position: bottom center; }
div#HomepageCalendar h1 { margin: 0;  background: url(../Images/homepage-calendar-head.gif); height: 32px; padding: 4px 0 0 7px; background-repeat: no-repeat; color: #333; }
div#HomepageCalendar ul { list-style-type: none; padding: 0; margin: 7px; }
div#HomepageCalendar ul li { padding: 0; margin: 5px 3px 3px 5px; text-indent: -5px; }

/* Articles */
img.ArtLeadImg { border: 1px solid black; width: 338px; height: 254px; }
img.ArtMedImg { border: 1px solid black; width: 118px; height: 86px; }

div.ArtLeadDesc { padding: 2px; margin: 3px 0; background-color: #ddd; }
div.ArtLeadDesc h1 { font-size: 110%; margin: 0; padding: 0; }
div.ArtLeadDesc p { margin: 0; }

table#ArtMedTbl { table-layout: fixed; border-collapse: collapse; margin: 9px 0; }
table#ArtMedTbl tr { vertical-align: top;}
table#ArtMedTbl td { margin: 0; padding: 0 0 9px 0; border-style: none; }
col#ArtMedTblCol1 { width: 120px; }
col#ArtMedTblCol2 { width: 218px; }

table#ArtMedTbl h2 { font-size: 100%; font-weight: normal; font-style: normal; padding: 0; margin: 1px; }
table#ArtMedTbl p { margin: 1px; }

div#ArtSmlDiv { margin: 9px 0; padding: 2px; background-color: #ddd; }
div#ArtSmlDiv h3 { font-size: 90%; font-weight: bold; font-style: normal; padding: 0; margin: 0 0 5px 0; }
div#ArtSmlDiv h3 a { text-decoration: none; }
div#ArtSmlDiv h4 { font-weight: normal; font-style: normal; margin: 0; padding: 0; font-size: 100%; }
div#ArtSmlDiv p { margin: 0 0 5px 0; }

div#KfpMainDiv { background-color: White; border: solid 2px #900; margin: 5px 0; padding: 0; }
div#KfpMainDiv h1 { margin: 0; padding: 3px; background-color: #900; color: White; font-weight: bold; font-style: normal; font-size: 80%; }
div#KfpMainDiv h1 a { text-decoration: none; color: White; }
div#KfpMainDiv h2 { font-weight: normal; font-style: normal; padding: 0; margin: 2px; font-size: 90%; }
div#KfpMainDiv p { margin: 2px 2px 5px 2px; }

h6.ArchiveLink { margin: 3px; font-weight: normal; font-style: normal; text-align: right; font-size: 110%; }

/* Marketing */
h1#AvailTeamsButton { margin: 0; padding: 0; }
h1#AvailTeamsButton a { display: block; padding: 0; margin: 0; background-image: url(../Images/AvailTeamsButton-combo.jpg); background-repeat: no-repeat; width: 279px; height: 63px; }
h1#AvailTeamsButton span { position: relative; z-index: -1; }
h1.AvailTeamsButton-hover a { background-position: center -63px; }

a#TourPromo:link img, a#TourPromo:visited img { border: solid 1px black; margin: 0 0 9px 0; }
a#TourPromo:hover img { border-color: #c00; }

a.ImageLink:link img, a.ImageLink:visited img { border: solid 1px black; }
a.ImageLink:hover img { border-color: #c00; }

blockquote.testimonial { margin: 9px 0; padding: 0; background: white url(../Images/quote-up.gif) no-repeat top left; }
blockquote.testimonial p.thequote { margin: 0 10px 0 15px; padding: 8px 0; background: url(../Images/quote-dn.gif) no-repeat bottom right; }
blockquote.testimonial p.citation { text-align: right; margin: 0; padding: 0; margin-right: 8px;  }

/* message board posts */
div.TopPost { width: 280px; padding: 0; margin: 5px 0; border: solid 1px #777; background-color: #eee; overflow: auto; max-height: 210px;
	scrollbar-base-color: #888;
	scrollbar-face-color: #777;
	scrollbar-highlight-color: #aaa;
	scrollbar-3dlight-color: #999;
	scrollbar-arrow-color: #333;
	scrollbar-track-color: #444;
	scrollbar-darkshadow-color #666;
	scrollbar-shadow-color #777; }

div.TopPost h1 { font-size: 100%; font-weight: normal; font-style: normal; padding: 2px; margin: 0; background-color: #ccc; }
div.TopPost h1 span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 272px; }
div.TopPost h2 { font-size: 100%; font-weight: normal; font-style: normal; padding: 2px; margin: 0; background-color: #ddd; }
div.TopPost p { margin: 2px; padding: 2px; }

div.TopPost table { width: auto; }
div.TopPost td { width: auto; }
div.TopPost blockquote { margin: 0; padding: 0; }

div#homepageblog h2 { font-size: 90%; padding: 0 0 0 0; }