/* CSS Document */

/******************************
Global
*******************************/
body {
	background:url(../images/bg_tile.gif) top repeat-x;
	margin-top:0px;
	margin-bottom:80px;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#666;
}
form {
	margin:0;
	padding:0;
}
#container {
	width: 825px;
	margin-left:auto;
	margin-right:auto;
}
A:link, A:visited, A:active {
	color: #0075be;
	text-decoration:none;
}
A:hover {
	text-decoration:underline;
}
img {
	border: 0;
	padding:0;
}

/******************************
Header
*******************************/
#mainnav {
	background-color: #0075BE;
	margin-top:1px;
	width:762px;
	height:28px;
}
#mainnav a {
	font-size:9px;
	color:#FFF;
	text-decoration:none;
	font-weight: bold;
	padding: 9px 9px 7px 9px;
	float:left;
}
#mainnav A:hover {
	background-color:#6699CC;
}
#MainHeader {
	padding-left: 10px;
	position:relative;
}
#FlashHeaderWrapper {
	position:absolute;
	top:118px;
	left:0;
	width:762px;
}
#HomeHeaderFeature {
	width:236px;
	height:276px;
	background-color:#113D85;
	float:left;
	color:#FFF;
}
.HomeHeaderFeatured {
	color:#FFCC33;
	font-size:12px;
	font-weight:bold;
}
.HomeHeaderFeatured img {
	vertical-align:middle;
	padding-bottom:2px;
}
#HomeHeaderBg {
	margin-bottom: 220px;
	_margin-bottom: 208px;
	position:relative;
}
#HomeFlashHeader {
	float:left;
	width:526px;
	height:276px;
}
.HomeEventTopic a {
	font-weight:bold;
	margin-bottom:3px;
	color:#FFCC33;
}
.HomeEventTopic {
	position:relative;
	top:0;
	left:15px;
	width:130px;
	_width:100px;
	margin-top:10px;
	float:left;
}
#HomeEventAvatar {
	float:left;
	width:70px;
}
#HomeEventAvatar img {
	border:2px solid #6699cc;
}
#countdown {
	position:absolute;
	top:4px;
	right:30px;
	z-index:900;
}
#the_clock {
	margin-bottom:10px;
}
#HomeDate {
	color:#CCE3F2;
	float:right;
	margin-top:10px;
	font-size:10px;
}
#HomeEventBottom {
	position:absolute;
	bottom:10px;
	right:15px;
}
.HomeEventText {
	margin:48px 15px 0 5px;
	font-size:9px;
	position:absolute;
	top:0;
}
.HomeEventText p {
	/*margin:5px;*/
}
#EventImage {
	margin-left:5px;
	margin-top:10px;
}
#HomeEventDesc {
	margin-bottom:10px;
	width:200px;
}
.HomeCal {
	text-align:right;
	margin-right:-7px;
}
.CalSponsor {
	text-align:right;
	font-size:10px;
}
.CalSponsor img {
	vertical-align:middle;
}
#SearchField {
	margin-left: 8px;
	margin-top: 3px;
	font-size:12px;
	color:#333;
	border:1px solid #AAA;
	padding:2px;
	width: 100px;
}
#SpiritDropDown, #AboutUsDropDown, #MediaDropDown {
	width: 130px;
	color: #FFF;
	font-size:11px;
	float:left;
	position:absolute;
	line-height: 170%;
	display: none;
	border:1px solid #FFF;
	z-index: 8000;
}

#SpiritDropDown { margin-left: 152px; }
#AboutUsDropDown { margin-left: 10px; }
#MediaDropDown { margin-left: 232px; }

#SpiritDropDown ul, #AboutUsDropDown ul, #MediaDropDown ul {
	list-style-type: none;
	margin: 0;
	padding: 7px 0 7px 0;
	background-color: #6699CC;
}
#SpiritDropDown ul li a, #AboutUsDropDown ul li a, #MediaDropDown ul li a {
	width:110px;
	display:block;
	color:#FFF;
	text-decoration:none;
	padding-left: 20px;
	background:url(../images/arrow_right_white.gif) -10px center no-repeat;
}
#SpiritDropDown A:hover, #AboutUsDropDown A:hover, #MediaDropDown A:hover {
	background-color:#71B2DC;
}
#spirit-article DIV.articleIMG {
	width:240px;
	top: 0px;
	left: 0px;
	margin: 0 24px 20px 0;
}
#spirit-article {
	position: relative;
	top: 0px;
	left: 0px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: normal;
}

#spirit-article STRONG {
	font-weight: normal;
}

#spirit-article FONT {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
}

/******************************
Homepage Content
*******************************/
#HomeContent {
	text-align:left;
	margin-top:15px;
}
#headlines {
	background: url(../images/headlines.png) no-repeat;
	width:762px;
	height:47px;
	margin-left:10px;
	color:#fff;
}
.headliner {
	padding:7px 0 0 60px;
	width:600px;
	float:left;
	*padding-top:18px;
}
.headline-title {
	color:#FFCC33;
	font-weight:bold;
}
.readmore {
	float:left;
	width:80px;
	padding-top:7px;
	*padding-top:18px; /* IE 6&7 */
	text-align:right;
}
.readmore a:link, .readmore a:visited, .readmore a:hover, .readmore a:active {
	color:#fff;
}
#StoryBlocks a {
	text-align:left;
	width: 235px;
	font-size:11px;
	font-weight:bold;
	color:#4e4e4e;
	text-decoration:none;
}
#StoryBlocks li {
	background-position: 3px 0;
	background-repeat:no-repeat;
	padding:8px 11px 20px 10px;
	margin:0;
	float:left;
	width: 240px;
	height: 170px;
}
#StoryBlocks {
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
	float:left;
}
.StoryDesc {
	margin-top:3px;
	margin-bottom:0;
	padding:0;
}
.StoryImg {
	margin-top:1px;
}
#StoryBlocks li#block3, #StoryBlocks li#block6 {
	padding:8px 10px 20px 10px;
}

/******************************
Partners Home page
*******************************/
#partners, #premierPartners {
	clear: both;
	width: 762px;
	padding-top:25px;
	margin-left: 10px;
}
.PartnersBanner {
	background-color:#7abdbb;
}
.PartnersTopRow {
	text-align:center;
	margin-top:4px;
}
.PartnersMidRow {
	text-align:center;
}
.PartnersBottomRow {
	text-align:center;
	margin-bottom:8px;
}
.SeeAllPartners {
	float:right;
	text-align:right;
	margin-top:7px;
	color:#FFF;
}
.SeeAllPartners a:link, .SeeAllPartners a:visited, .SeeAllPartners a:hover, .SeeAllPartners a:active {
	font-size:10px;
	color:#FFF;
	text-decoration:none;
	padding: 10px;
}
.SeeAllPartners A:hover {
	text-decoration:underline;
}

/******************************
FOOTER
*******************************/
#footer {
	background-color: #7abdbb;
	font-size:10px;
	color:#FFF;
	text-align:center;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 10px;
	width: 762px;
	clear:both;
}
#footer img {
	vertical-align:text-top;
}
#footer a {
	font-size:10px;
	color:#FFF;
	text-decoration:none;
	padding: 10px;
}
#footer A:hover {
	text-decoration:underline;
}
#copyright {
	width: 762px;
	color:#76828e;
	font-size:10px;
	text-align:left;
	margin-top:10px;
	margin-left: 10px;
}
#copyright A:link, #copyright A:visited, #copyright A:hover, #copyright A:active {
	font-size:10px;
	color:#76828e;
	text-decoration:none;
}
#copyright A:hover {
	text-decoration:underline;
}
#fcv_credits {ååååå
	text-align:right;
	margin-top:-10px;
}

/*********************************************************************
SUB PAGES
*********************************************************************/
#SubHeaderBg {
	height: 216px;
	margin-bottom: 53px;
	position:relative;
}
#AdminHeaderBg {
	height: 140px;
	margin-bottom: 43px;
	position:relative;
}
.SubHeaderAd {
	position:absolute;
	top:28px;
	right:65px;
}
.initiative {
	font-size:9px;
	font-weight:bold;
	position:absolute;
	top:92px;
	left:15px;
}
.initiative a {
	display:block;
	text-decoration:none;
	padding: 0 3px 0 3px;
}
.initiative a:hover {
	background-color:#0075BE;
	color:#FFF;
	text-decoration:none;
}
#SubBanner {
	width:762px;
	height:150px;
	position:absolute;
	top:118px;
}
#SubNav {
	width: 150px;
	color: #FFF;
	font-size:11px;
	font-weight: bold;
	float:left;
}
#SubNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #e9f3fa;
}
#SubNav ul li a {
	color:#0075be;
	text-decoration:none;
	line-height: 22px;
	padding-left: 30px;
	display:block;
	background:url(../images/arrow_right_blue.gif) -2px center no-repeat;
}
#SubNav ul li A:hover {
	background-color:#D9E5ED;
}
.SubNavAd {
	text-align:center;
	margin:25px 0 25px 0;
	width:150px;
}
.SubNavTitle {
	background-color:#0075be;
	padding: 5px 0 5px 10px;
	margin-bottom:1px;
}
#SubContent {
	text-align:left;
	padding-left:10px;
	margin-top:20px;
}
#SubContent p {
	margin-top: 0;
}
.SubRight {
	width:590px;
	float:left;
	margin: 0px 20px 35px 20px;
}
.SubRight h2 {
	color: #0075be;
	font-size:18px;
}
.SubNavActive {
	background: #6699CC url(../images/arrow_right_white.gif) -2px center no-repeat;
	line-height: 22px;
	padding-left: 30px;
	display:block;
	text-decoration:none;
}
.articleIMG {
	float:left;
}
.articleIMGtext {
	clear:both;
	float:left;
	font-weight:bold;
	width:240px;
}
#WebProfile {
	float: left;
	width: 590px;
	clear:both;
}
.WebProfileBanner {
	background-color: #0075be;
	margin: 30px 0 0 0;
	width: 590px;
	border-bottom: 1px solid #FFF;
}
.WebProfileBanner img {
	margin:0;
	padding:0;
}
.WebProfileContent {
	background-color: #e9f3fa;
	padding: 15px;

}
.WebProfileContent h2 {
	margin-top:0;
	color:#0075be;

}
img.floatRight {
    float: right;
    margin: 4px;
}
img.floatLeft {
    float: left;
    margin: 0 10px 8px 0;
}
img.partnerLogo {
	float: right;
	margin-top:-45px;
	position:relative;
}
.WebProfileContent a img {
	border: 1px solid #0075be;
}
.PastIssues {
	float:right;
	background-color: #e9f3fa;
	width: 205px;
	height: 60px;
	color: #0075be;
	margin: 0 0 10px 20px;
}
.PastIssues div {
	padding: 10px;
}
.PastIssuesSelect {
	width: 180px;
}
#sub-ad {
	width:300px;
	height:250px;
	/* clear:both; */
	float:right;
	margin:0 0 20px 24px;
	border:1px solid #E9F3FA;
}
#sub-ad DIV.ad-notice {
	width:300px;
	height:13px;
	padding:0px;
	margin:0 0 3px 0;
}
.BreadCrumb a {
	padding-right: 3px;
}
.aboutus {
	padding-bottom: 20px;
}

/*********************************************************************
CALENDAR
*********************************************************************/
#calendar-wrapper {
	width:760px;
}
#calendar-categories {
	height: 155px;
}
.calendar-search div {
	float:left;
	line-height:2em;
	margin-left:10px;
	margin-bottom:10px;
}
.calendar-sponsor {
	float:right;
	line-height:2em;
	margin-right:10px;
	font-size:12px;
	font-weight:bold;
}
#icon-selections {
	height:100px;
	clear:both;
	padding-top:10px;
	background-image:url(../images/cal_icon_bg.gif);
	background-repeat:no-repeat;
}
.outerbar {
	margin-left:25px;
	margin-top:10px;
}
#full-event-detail {
	width:200px;
	float:left;
}
#full-event-detail-border {
	border:3px solid #DCDCDC;
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
#full-event-detail h3{
	font-size:14px;
	font-weight:bold;
	color:#0075BE;
}
.featured-event-header {
	margin:15px;
}
.event-detail-title {
	font-weight:bold;
	font-size:12px;
}
.event-detail-desc {
	padding:15px;
}
.event-detail-subtitle {
	font-weight:bold;
}
.event-sponsors {
	margin:15px;
}
#calendar-days {
	width:545px;
	height:810px;
	float:right;
	padding-bottom:75px;
	position:relative;
}
.month-scroll {
	font-size: 20px;
	font-weight:bold;
	color:#6699CC;
	margin-bottom:10px;
}
.month-scroll img {
	vertical-align:text-bottom;
}
.week-days div {
	float:left;
	width:74px;
	margin-left:3px;
	margin-bottom:3px;
	font-weight:bold;
	color:#FCB134;
}
.calendar-block {
	float:left;
	width:75px;
	height:135px;
	border:1px solid #DCDCDC;
	/*background-image:url(../images/calendar_block.gif);*/
	background-position:left top;
	background-repeat:no-repeat;
	color:#FFF;
	font-size:9px;
	position:relative;
}
.event-list-block, .event-list-block2 {
	width:64px;
	display:block;
	margin-bottom:3px;
	padding:4px;
}
.event-list-block {
	background-color:#336699;
}
.event-list-block2 {
	background-color:#9933FF;
}
.day-number {
	font-size:16px;
	color:#919191;
	margin:4px 5px 0 0;
	text-align:right;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.today {
	background-color:#F0F9FF;
	/*color:#0075BE;*/
}
.cal-bottom-arrows {
	position:absolute;
	bottom:0;
	text-align:center;
	width:75px;
	height:13px;
	padding-top:2px;
	background-color:#EEEDED;
}
a.upArrow {
	margin-right:13px;
}
.inner-cal-cell {
	margin-bottom:2px;
}
.submission {
	text-align:center;
	position:absolute;
	top:5px;
	right:5px;
}
.submission a {
	color:#FFF;
	background-color:#0075BE;
	padding:6px 7px 6px 7px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
.submission A:hover {
	background-color:#6699CC;
	text-decoration:none;
}

/*********************************************************************
CALENDAR info-hover
*********************************************************************/
.cal-hover {
	width:190px;
	padding:10px;
	border: 1px dotted #CCC;
}
.cal-hover-title {
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-size:14px;
	font-weight:bold;
}
.cal-hover-subtitle, .cal-hover-date-time {
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px;
}
.cal-hover-subtitle {
	font-weight:bold;
}
.cal-hover-desc {
	margin-top: 5px;
}
.hover-more-info {
	text-align:right;
	padding-top: 10px;
}

/* Styles for scrolling layers and scrollbars  */
div#holder1 {
  position:absolute; left:10px; top:60px;
  width:250px; height:150px;
  overflow:hidden; z-index:100 }
div#wn1  {
  position:absolute; left:0; top:0;
  width:220px; height:150px;
  clip:rect(0, 220px, 150px, 0);
  overflow:hidden; z-index:1
  }
/* op7 needs width set here too (?) */
div#lyr1 { width:75px }
div.content {
  position:absolute; visibility:hidden;
  left:0; top:0; z-index:1
  }

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar1 {
  position:absolute; visibility:hidden;
  left:234px; top:0;
  width:11px; height:150px;
  font-size:1px; z-index:2
  }
div#track1 {
  position:absolute; left:0; top:12px;
  width:11px; height:126px;
  background: url("/images/nav/track.gif") #336 repeat;
  z-index:1
  }
div#dragBar1 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:1
  }
div#up1 { position:absolute; left:0; top:0; z-index:2 }
div#down1 { position:absolute; left:0; bottom:0; z-index:3 }

div#holder2	{
	position:absolute;
  left:320px; top:60px;
	width:150px; height:180px;
  overflow:hidden; z-index:101
	}
div#wn2	{
	position:absolute;
	left:0px; top:0px;
	width:130px; height:155px;
	clip:rect(0px, 130px, 155px, 0px);
	overflow:hidden; z-index:1;
	}

table#imgTbl td { vertical-align:middle; text-align:center }

/* vertical scrollbar for wn2 */
div#scrollbar2 {
  position:absolute; visibility:hidden;
  left:130px; top:0;
  width:11px; height:140px;
  font-size:1px; z-index:2
  }
div#track2 {
  position:absolute; left:0; top:12px;
  width:11px; height:116px;
  background: url("/images/nav/track.gif") #336 repeat;
  z-index:1
  }
div#dragBar2 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:1
  }
div#up2 { position:absolute; left:0; top:0; z-index:2 }
div#down2 { position:absolute; left:0; bottom:0; z-index:3 }

/* Horizontal scrollbar for wn2 */
div#scrollbar3 {
  position:absolute; visibility:hidden;
  left:0; top:150px;
  width:130px; height:11px;
  font-size:1px; z-index:3
  }
div#track3 {
  position:absolute; left:12px; top:0;
  width:106px; height:11px;
  background: url("/images/nav/track.gif") #336 repeat;
  z-index:1
  }
div#dragBar3 {
  position:absolute; left:1px; top:1px;
  width:20px; height:9px;
  background-color:#ceced6; z-index:1
  }
div#left3 { position:absolute; left:0; top:0; z-index:2 }
div#right3 { position:absolute; right:0; top:0; z-index:3 }

/*********************************************************************
 Ads
*********************************************************************/
.TowerAds {
	text-align: left;
	margin: 0 auto;
	float:left;
	position: absolute;
	top: 0px;
	left:17px;
	z-index:0;
}

/* the invisible div that hovers over the tower image / flash file to allow it to be clickable */
#hoverHack {
	width: 150px;
	height: 600px;
	position:absolute;
	top:0;
	left:0;
	background-image:url('/images/spacer.gif');
	z-index:1;
}
.CalendarAds {
	float:left;
}

/******************************
CONTACT + PARTNERS Page
*******************************/
.superscriptSM {
	vertical-align:super;
	font-size:10px;
}
.ContactAddress {
	margin-bottom: 25px;
}
.ContactAdvertise {
	color:#0075BE;
	font-weight:bold;
	font-size:1.1em;
}
.PartnersHeadline {
	color:#0075BE;
	font-weight:bold;
	font-size:1.1em;
	padding: 15px 0 35px 0;
}
#partner_search {
	padding:10px;
}

/******************************
Send to Friend & web profile tables
*******************************/
.formatted-table {
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}
.sendtofriend-img {
	margin: 0px 0 25px 10px;
}
.sendtofriend-img img {
	vertical-align:middle;
	margin-right:5px;
}
.send-to-phone {
	xmargin: 0px 0 0px 0px;
}
/**********************************
HIGHSLIDE CONTAINER STYLES
**********************************/
#hs-gallery {
	float: left;
	clear: both;
	background-color: #E9F3FA;
	position: relative;
	padding-bottom: 17px;
	width: 590px;
	margin-top: 25px;
}
#hs-gallery img {
	margin-left: 17px;
	margin-top: 17px;
	float:left;
}