/* #############################################################
		allpages.css
   ############################################################# */
/***********************
 GENERAL HELPER STYLES
***********************/
.hidden {
	display: none;
	visibility: hidden;
	width: 0px;
	height: 0px;
}
.footer {
	clear: both;
}

/*********************
 GENERAL STYLES
*********************/

/* PAGE TITLE */
#mainContent .moduleHeader h2 {
	padding: 3px 14px 3px 14px;
	color: #fff;
	font-size: 2.4em;
}

/* MAIN TEXT AND HEADERS */
#mainContent {
	width: 583px;
}
#mainContent .moduleFooter{
	background: url(/images/footers.gif) no-repeat 0px 0px;
	height: 11px;
	overflow: hidden;
	clear: both;
}
#mainContent .moduleContent{
	padding: 0px 14px;
}
#mainContent .moduleContentContainer{
	background: #fff;
}
#mainContent .containerPadding{
	padding: 9px 9px 0px 9px;
	color: #333;
	font-size: 1.1em;
}
#mainContent p{
	margin-top: 10px;
}
#mainContent h3{
	font-size: 1.6em;
	color: #b7090c;
}  
#mainContent h1, #mainContent h2 {
	font-size: 1.3em;
	color: #b7090c;
} 
#mainContent h1 a, #mainContent h2 a , #mainContent h3 a , #mainContent h4 a , #mainContent h5 a , #mainContent h6 a {
	color: #b7090c;
}  
#mainContent h4, #mainContent h5, #mainContent h6 {
	font-size: 1.1em;
	color: #b7090c;
} 

/* CONTENT AREA LINKS */
#mainContent a {
	color: #333;
}

/* IMAGES */
#mainContent img { border: none 0px #fff; }

/* MISC TEXT CLASSES */
#mainContent .smallText {
	font-size: 80%;
}
#mainContent .Headline {
	font-size: 1.6em;
	color: #b7090c;
} 
#mainContent .Text { 
	font-size: 1.1em;
	color: #333;
} 

/* LISTS */
#mainContent ul.inline li {
	display: inline;
}


/*********************
 ARTICLE PAGE
*********************/
#mainContent .imageCaptionContainer{
	float: left;
	margin: 0px 10px 0px 0px;
}
#mainContent .imageCaption{
	font-weight: bold;
}
.standFirst {
	font-weight: bold;
}
.byline{
	font-weight: bold;
}

/* RELATED LINKS */
#mainContent #relatedLinksInsert {
	padding: 5px;
	float: left;
	width: 302px;
	text-align: left;
	margin: 10px 10px 10px 0px;
	padding: 0px;
}
#mainContent #relatedLinksInsert .moduleContainer{
	padding: 0px;
	margin: 0px;
}
#mainContent #relatedLinksInsert .moduleContent{
	padding: 0px;
}
#mainContent #relatedLinksInsert .moduleContentContainer{
	background: #0a1860;
	padding: 5px 8px;
}
#mainContent #relatedLinksInsert .moduleHeader{
	background: url(/images/h_headlines.gif) 0px -70px;
	width: 302px;
	height: 23px;
	overflow: hidden;
}
#mainContent #relatedLinksInsert .moduleHeader h3{
	color: #fff;
	font-size: 1.2em;
	padding: 5px 8px;
}
#mainContent #relatedLinksInsert .moduleFooter{
	background: url(/images/footers.gif) 0px -33px;
	width: 302px;
	height: 4px;
	overflow: hidden;
}
#mainContent #relatedLinksInsert li{
	list-style: none;
}
#mainContent #relatedLinksInsert li a{
	color: #fff;
	font-weight: bold;
}

/* ARTICLE IMAGE / CUBE AD STYLES */
.imageCaption {
	padding: 8px 0px 0px 0px;
	text-align: left;
}

/*********************
 FORM STYLES
*********************/
select {
	font-size: 1.1em;
} /* This style applies to all dropdown menus. */
input {
	font-size: 1.1em;
} 
.textBox {
	font-size: 1.1em;
} 
.medium {
	background: #fff !important;
	border: 1px solid #7f9db9;
} 
button, .button {
	font-size: 1.1em;
}
textarea {
	font-size: 1.1em;
} 
#mainContent .submitbutton {
	font-size: 1.1em;
}
#mainContent .warningMessage {
	font-size: 1.3em;
	color: #b7090c;
} 

/* VARIOUS SIZED TEXBOXES */
input.short { width: 70px; }
input.medium { width: 150px; }
input.long { width: 300px; }


/************************
 GENERIC TABLES
*************************/
#mainContent table {
	font-size: 1.1em;
}

/************************
 FORMATTED TABLES
*************************/
#mainContent table.formattedTable td {
	padding: 5px;
} 
#mainContent table.formattedTable tr.rowOdd {
	background: #ddd;
} 
#mainContent table.formattedTable tr.rowEven {
	background: #eee;
} 
#mainContent table.fullWidth {
	width: 537px;
} 

/*********************
 MISC BACKGROUND AND SECTIONAL STYLES
	(Styles used for default sectionals and misc colors.)
*********************/
.CellBackground0 {
	background-color: #ddd;
}
.CellBackground1 {
	background-color: #eee;
}
#mainContent .CellContent0, #mainContent .CellContent1 {
	padding: 5px;
}

/*********************
 CALENDAR STYLES
*********************/
#mainContent .calendarTable td  {
	padding: 5px;
}

/*********************
 SEPARATOR STYLES
*********************/
hr {
	color: #808080;
	height: 1px;
}
.sectSeparatorH {
	height: 10px;
} 
.sectSeparatorV {
	width: 10px;
} 


/**************************/
/**** EDITS UNECESSARY ****/
/**************************/

/*********************
 FORM LAYOUTS
*********************/
#mainContent fieldset {
	border: none 0px #fff;
}
#mainContent legend { /* Specify a Color */
	font-weight: bold;
}
#mainContent .formRow {
	clear: both;
	margin: 5px 0px;
}
#mainContent label {
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	font-weight: bold;
	margin-top: 2px;
	margin-right: 3px;
}
#mainContent label .labelDetails {
    font-weight: normal;
    font-size: 0.9em;
}
#mainContent .formRowMultiFields {
	margin-left: 153px; /* !! Should be the width of the label !! */
}
#mainContent .formRowMultiFields img { /* Used for Captcha */
	padding: 0px;
}
#mainContent label.spanWidth {
	width: auto;
	display: block;
	text-align: left;
}
#mainContent label.inline {
	float: none;
	display: inline;
	width: auto;
	text-align: auto;
}
#mainContent .formRowSubmit {
	margin-left: 153px; /* Probably the width of the label */
}
#mainContent .EmailForm label {
	width: 80px;
}

/*********************
 ALIGNMENT STYLES
*********************/
.alignLeft, .alignleft { float: left; }
.alignCenter, .aligncenter { text-align: center; }
.alignRight, .alignright { float: right; }
#articleAdInsert.aligncenter #relatedLinksInsert { margin: auto; }
#mainContent img.noFormat { border: none 0px; margin: 0px; }
/* #############################################################
		ccb-content.css
   ############################################################# */
/* All sites must have an inside page with a white content area for CCB content. If your inside content area is already white, this
does not need to be completed. This CSS file will be used to store your styles that are used on the CCB article/sectional page only.
The ID and/or class names should remain the same with the addition of "_ccb" to the end of the ID or class.

IE: contentBackground would be contentBackground_ccb. This will be done so that the devloper will not have to edit or add a bunch
of items, they will simply have to do a find and replace which will save them time.*/

/* CCB Article/Sectional */
/* #############################################################
		framework.css
   ############################################################# */
/* Framework */
* {
	margin: 0px;
	padding: 0px;
}
body {
	text-align: center;
	background: url(/images/background_01.gif) repeat-y top center #091963;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
}

#mosSite {
	width: 960px;
	margin: auto;
	background: url(/images/site_background_01.gif) repeat-y top center #fff;
}
#mosSite fieldset {
	border: 0px solid #000;
}
#framework {
	width: 960px;
	background: url(/images/framework_background_02.gif) no-repeat 0px 113px;
	text-align: left;	
}

/* Ads */
#leaderboard {
	position: absolute;
	text-align: left;
	padding: 18px 0px 0px 10px;
}
#leaderboard .contentPadding{
	padding: 130px 0px 0px 17px;
}
#leaderboardLabel {
	width: 15px;
	height: 90px;
	overflow: hidden;
	float: left;
	background: url(/images/labels_ads.gif) 0px -24px;
	text-indent: -99999px;
}
#leaderboardAd {
	float: left;
	width: 728px;
	
}
#skyscraperLabel {
	background: url(/images/labels_ads.gif) 0px -0px no-repeat;
	height: 17px;
	text-indent: -99999px;
}

/* Header */
#header {
	float: left;
	width: 748px;
	height: 114px;
	background:url(/images/bg.jpg) #ffffff;	
	overflow:hidden;
}
#header img {
	border: none;
}
#header h1 {
	display: none;
}

/* Content */
#contentBackground {
	width: 960px;
}
#contentColumns {
	padding: 0px 12px 0px 20px;
}
#contentEnclose {
	width: 747px;
	float: left;
	margin: 126px 0px 0px 0px;
	background: url(/images/content_middle_top.gif) no-repeat right top;
}
#contentMiddle {
	width: 583px;
	float: right;
} 
#contentMiddle .contentAreaPadding{
	padding-top: 12px;
}
#contentLeft {
	width: 162px;
	float: left;
}
#contentLeft .contentAreaPadding{
	padding: 12px 0px 0px 0px;
}
#contentRight {
	width: 160px;
	float: right;
}

#contentBottom {
	clear: both;
}
.storySeparator {}

/* Quadrants */
#quadrantTop {
	background: #0a1860;
	height: 241px;
	margin-bottom: 5px;
}
#quadrantTopFooter{
	display: none;
}
#quadrantA {
	float: left;
	width: 399px;
}
#quadrantB {
	float: right;
	width: 177px;
}
#quadrantBottom {
	display: none;
}

/* Footer */
#footer {
	background: url(/images/footer_01.gif) no-repeat;
	height: 155px;
	overflow: hidden;
}
#footer .contentAreaPadding{
	padding: 45px 0px 0px 268px;
}
#footerBottom {
	clear: both;
}
#siteIndex fieldset {
	border: 0px solid #000;
}
#siteIndex legend {
	display: none;
}
#siteIndex select {
	font-weight: bold;
	font-size: 1.1em;
	color: #333;
}
#copyright {
	text-transform: uppercase;
	color: #333;
	font-size: 1.1em;
	line-height: 1em;
	margin-top: 5px;
}
#copyright a{
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
#copyright a:Hover {
	color: #b7090c;
}
/* #############################################################
		modules.css
   ############################################################# */
a{
	text-decoration: underline;
}
a:Hover{
	text-decoration: none;
}

/* Weather */
#weather h3{
	display: none;
}
#weather {
	float: right;
	background: #fff;
	width: 212px;
	height: 114px;
	overflow: hidden;
	color: #333;
	
}
#weather .moduleContainer{
	padding: 4px 10px 0px 18px;
}
#weather .containerPadding{
	padding-top: 10px;
}
#weather .moduleHeader{
	background: url(/images/h_headlines.gif) no-repeat 0px -214px;
	width: 86px;
	height: 14px;
}
#weatherGraphic{
	float: left;
	margin-right: 7px;
}
#weatherGraphic img{
	border: 2px solid #9e9e9e;
	width: 41px;
}
#weatherInfo{
	float: left;
	margin-bottom: 5px;
}
#weather h4{
	font-size: 1.1em;
	font-weight: normal;
}
#weather .conditions{
	font-size: 1.1em;
	font-weight: bold;
}
#weatherToday{
	margin-bottom: 3px;
}
#weatherLink{
	clear: both;
}
#weatherLink a{
	color: #0a1960;
	font-weight: bold;
	font-size: 1.1em;
}
#weatherInfoFooter {
}

/* Date */
#date .moduleHeader, #date h4{
	display: none;
}
#date{
	border-top: 1px dotted #fff;
}
#date{
	text-align: right;
}
#date .containerPadding{
	padding: 1px 3px 0px 0px;
}
#date p {
	text-transform: uppercase;
	color: #fff;
}

/* Search */
#search {
	padding: 10px 0px 0px 0px;
}
#search h3, #searchTypeLabel, #searchType, #searchForLabel, #search legend{
	display: none;
}
#search .moduleHeader{
	background: url(/images/h_headlines.gif) no-repeat 0px -193px;
	display: block;
	width: 140px;
	height: 21px;
}
#search .containerPadding{
	padding: 10px 0px;
}
#search .formRow{
	float: left;
}
#search .textInput {
	width: 100px;
	font-size: 1.1em;
	background: #fff !important;
	border: 1px solid #7f9db9;
}
#search .button{
	font-size: 1.1em;
}
#searchTopSearches{
	clear: both;
	margin-top: 5px;
}
#searchTopSearches h4{
	font-size: 1.1em;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
}
#search li{
	font-weight: bold;
	font-size: 1.1em;
	list-style: none;
}
#search li a{
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}
#search li a:Hover{
	text-decoration: underline;
}

/* Poll */
#poll h3, #poll .sponsorLabel, #poll legend{
	display: none;
}
#poll {
	background: #fff;
}
#poll .containerPadding{
	padding: 0px 8px;
}
#poll .moduleHeader{
	background: url(/images/h_headlines.gif) no-repeat 0px -153px;
	width: 160px;
	height: 40px;
}
#poll .moduleFooter{
	background: url(/images/footers.gif) no-repeat 0px -48px;
	width: 160px;
	height: 11px;
	overflow: hidden;
}
#poll .sponsor{
	margin-bottom: 4px;
}
#poll h4, #pollQuestion{
	font-size: 1.1em;
	font-weight: bold;
	color: #0a1860;
}
#pollQuestion{
	margin-bottom: 4px;
}
#pollDescription{
	font-size: 1.1em;
	color: #333;
	margin-bottom: 10px;
}
#poll fieldset{
	border: none;
}
#poll label{
	font-weight: bold;
	color: #333;
	font-size: 1.1em;
}
#formRowSubmit{
	margin-top: 5px;
}
#formRowSubmit .button{
	font-size: 1.1em;
	padding: 2px 5px;
}
#poll dd, #poll dt{
	font-size: 1.1em;
}
#poll dd{
	font-weight: bold;
	margin-bottom: 5px;
}

/*Misc Content Entries*/
#miscOne{
	color: #fff;
	margin-top: 10px;
}
#contentRight #miscOne{
	color: #333;
}
#miscOne .storyImage{
	margin-bottom: 3px;
}
#miscOne a{
	color: #fff;
}
#contentRight #miscOne a{
	color: #333;
}
#miscOne h4{
	font-size: 1.1em;
}
#miscOne h4 a{
	text-decoration: none;
}
#miscOne h4 a:Hover{
	text-decoration: underline;
}
#miscOne p{
	font-size: 1.1em;
}
#miscOne .moduleContainer{
	padding-right: 10px;
}
#miscOne .moduleHeader, #miscOne .moduleFooter{
	display: none;
}

/*Breaking News*/
#miscTwo{
	background: #0a1860;
	height: 23px;
	width: 569px;
	overflow: hidden;
}
#miscTwo .moduleHeader{
	display: none;
}
#miscTwo .containerPadding{
	padding: 0px 0px 0px 14px;
}
#miscTwo p{
	font-size: 1.1em;
	color: #fff;
	white-space: nowrap;
}
#miscTwo p a{
	color: #fff;
}

/* Feature */
#feature {
	color: #fff;
}
#feature h2{
	display: none;
}
#feature .moduleContent{
	background: url(/images/featurestory_back.gif);
}
#feature .moduleHeader{
	background: url(/images/h_headlines.gif) no-repeat 0px -40px;
	height: 30px;
}
#feature .moduleFooter{
	display: none;
}
#feature .containerPadding{
	padding: 10px 14px 5px 14px;
	background: url(/images/featurestory_footer_01.gif) bottom left no-repeat;
}
#feature .storyImage{
	float: left;
	margin: 0px 10px 0px 0px;
}
#feature .stories{
	height: 174px;
	overflow: hidden;
}
#feature .storyImage img{
	border: 2px solid #b7090c;
}
#feature h3{
	font-size: 1.1em;
	margin-bottom: 5px;
	font-weight: bold;
}
#feature p{
	font-size: 1.1em;
}
/* For the Rotating Feature Only - If not used remove the styles below.
---------------------------------------------------------------------*/
#feature .rotator{
	clear: both;
	margin-top: 5px;
}

#feature .rotator button {
	margin: 0px 3px 0px 0px;
	border: 0px;
	color: #ff0009;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
	background: none;
	text-align: left;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
#feature .rotator .previous {
	width: 70px;
}
#feature .rotator .play {
	width: 40px;
}
#feature .rotator .pause {
	width: 50px;
}
#feature .rotator .next {
	width: 40px;
}
/*---------------------------------------------------*/

/* Now Playing */
#nowPlaying {
	background: url(/images/nowplaying_back.gif);
}
#nowPlaying h3{
	display: none;
}
#nowPlaying .moduleHeader{
	height: 30px;
	background: url(/images/h_headlines.gif) no-repeat 0px -93px;
}
#nowPlaying .containerPadding{
	padding: 7px 10px 0px 10px;
}
#nowPlaying p{
	color: #fff;
	font-size: 1.1em;
}

/* Now Playing Inside */
#nowPlayingInside {
	background: #fff;
}
#nowPlayingInside h3{
	display: none;
}
#nowPlayingInside .moduleHeader{
	background: url(/images/h_headlines.gif) no-repeat 0px -123px;
	height: 30px;
}
#nowPlayingInside .containerPadding{
	padding: 7px 10px 0px 10px;

}
#nowPlayingInside p{
	color: #333;
	font-size: 1.1em;
}

/* Listen Live */
#listenLive{
	background: url(/images/nowplaying_back.gif);
}
#listenLive .moduleHeader, #listenLive .moduleFooter{
	display: none;
}
#listenLive .containerPadding{
	background: url(/images/listenlive_footer.gif) bottom left no-repeat;
	padding: 7px 5px 5px 5px;
}
#listenLive a{
	display: block;
	text-indent: -99999px;
	background: url(/images/a_listenlive.jpg) 0px 0px;
	width: 165px;
	height: 102px;
}
#listenLive a:Hover{
	background: url(/images/a_listenlive.jpg) 0px -102px;
}

/* Listen Live Inside */
#listenLiveInside{
}
#listenLiveInside .moduleHeader{
	display: none;
}
#listenLiveInside .moduleFooter{
	clear: both;
}
#listenLiveInside .containerPadding{
	background: url(/images/listenlive_footer_inside.gif) bottom left no-repeat #fff;
	padding: 7px 5px 5px 5px;
}
#listenLiveInside a{
	display: block;
	text-indent: -99999px;
	background: url(/images/a_listenlive_inside.jpg) 0px 0px;
	width: 150px;
	height: 102px;
}
#listenLiveInside a:Hover{
	background: url(/images/a_listenlive_inside.jpg) 0px -102px;
}

/* Sponsor */
#sponsor {
	width: 583px;
}
#sponsor .moduleHeader{
	display: none;
}
#sponsor .moduleContainer {
	background: url(/images/label_sponsor.gif) 11px 8px no-repeat #808080;
	margin: 0px 2px 0px 3px;
	text-align: left;
}
#sponsor img{
	margin: 6px 0px 6px 99px;
}

/* Headline */
#headline h3{
	display: none;
}
#headline .moduleHeader{
	background: url(/images/h_headlines.gif);
	height: 40px;
}
#headline .moduleFooter{
	background: url(/images/footers.gif) no-repeat;
	height: 11px;
	overflow: hidden;
	clear: both;
}
#headline .moduleContent{
	padding: 0px 14px;
}
#headline .moduleContentContainer{
	background: #fff;
}
#headline .containerPadding{
	padding: 9px 9px 0px 9px;
}
#headline .storyImage{
	float: left;
	margin: 0px 10px 0px 0px;
}
#headline .storyImage img{
	border: 2px solid #808080;
}
#headline .story{
	width: 537px;
	border-bottom: 1px dotted #808080;
	padding: 10px 0px;
}
#headline .entry1{
	padding-top: 0px;
}
#headline .last{
	border-bottom: none;
	padding-bottom: 0px;
}
#headline h4{
	font-size: 1.1em;
	color: #0a1860;
	font-weight: bold;
	margin-bottom: 10px;
}
#headline h4 a{
	color: #0a1860;
	text-decoration: none;
}
#headline h4 a:Hover{
	text-decoration: underline;
}
#headline .abstract{
	font-size: 1.1em;
	color: #333;
}
#headline .storySeparator{
	clear: both;
}
#headline .storySeparator hr{
	display: none;
}

/*Email A Friend*/
#emailToFriend {
	text-align: center;
}
#emailToFriend .moduleHeader{
	display: none;
}
#emailToFriend .containerPadding{
	padding: 10px 0px 3px 0px;
}
#emailToFriend .storyLink{
	font-size: 1.1em;
	font-weight: bold;
}
#emailToFriend a{
	color: #fff;
}

/* Club */
#club .moduleHeader, #club .osaText, #club legend, #emailPassword, #nonMember{
	display: none;
}
#club .moduleFooter {
	height: 11px;
	clear: both;
	background: url(/images/footers.gif) no-repeat 0px -22px;
	overflow: hidden;
}
#club .moduleContainer {
	padding-top: 55px;
}
#club .moduleContent {
	background: #0a1860;
	width: 160px;
	overflow: hidden;
}
#club .containerPadding {
	padding: 0px 10px 0px 10px;
	color: #fff;
	font-size: 1.1em;
}
#club .textInput{
	width: 107px;
	font-size: 1.1em;
	margin-bottom: 4px;
	background: #fff !important;
	border: 1px solid #7f9db9;
}
#club .button{
	font-size: 1.1em;
	padding: 1px 3px;
	margin-top: 4px;
}
#loginLinks{
	margin-top: 8px;
}
#loginLinks p{
	margin-bottom: 3px;
}
#club a{
	color: #fff;
	font-weight: bold;
}
#userInfo{
	margin: 15px 0px;
}

/* Additional Framework Styles for Modules - Any styles that are used accross multiple modules go below. */
/* #############################################################
		nav.css
   ############################################################# */
/* NAV MODULE SETTINGS */
#navigation h3  {
	display:none;
}
#navigation{
	margin: 2px 0px 0px 0px;
}
#navigation .moduleFooter {
	background: #fff;
	height: 1px;
	overflow: hidden;
}
#navigation .moduleHeader {
	background: #fff;
	height: 1px;
	overflow: hidden;
}

/* MAIN NAVIGATION MENU BOX */
#navigation .containerPadding {
	background: #ff0009;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	border:0px solid yellow;
	padding: 3px;
}

#navigation ul {
	list-style: none;
	border: none;
}

/* MAIN NAV ITEMS */
#navigation li {
	text-align: left;
	padding: 2px 5px;
	background-color: #0a1860;
	margin-bottom: 3px;
}
#navigation li.last {
	margin-bottom: 0px;
}

#navigation li a, #navigation li .navNoLink {
	display: block;
	padding: 0px;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
}

#navigation li a:hover {
	color: #ff0009;
}

/*SUB NAV LIST */
#navigation li ul {
	width: 157px;
	margin-left: 120px;
	background: #ff0009;
	padding: 3px;
	margin-top: -20px;
	display: block;
	position: absolute;
	left: -9999px;
	height: auto;
}

/* SUB-NAV ITEM */
#navigation li ul li {

}


/* YOU SHOULD NOT HAVE TO EDIT ANY OF THE STYLES BELOW */
 #navigation li:hover, #navigation li.sfhover { position: static; } /* This is a fix for the IE7 Sticky menu bug */

#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
	left: -9999px;
	z-index: 501;
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {
	left: auto;
	z-index: 501;
}

/* Support for the "iehover-fix.js" */
ul.navItems iframe {
	position: absolute;
	left: -0.25em;
	top: -0.25em;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}


* html ul.navItems li { z-index: 501; }

/* this is for IE 5.0
	select.hide { visibility: hidden; }

/* End Support for the "iehover-fix.js" */

/* #############################################################
		sectional.css
   ############################################################# */
/* ALL SECTIONAL TEMPLATES */


.sectional .story {
	padding-bottom:10px;
	position:relative;
}
.sectional p.storyImage {
	display: block;
	float: left;
	margin: 3px 3px 0px 0px;
	padding: 0px;
}
.sectional p.storyImage img {
	margin: 0px;
	padding: 0px;
}
.sectional .storyLink {
	display: none;
	visibility: hidden;
	font-size: 1px;
	color: #fff;
	text-indent: -9999px;
}

.sectional hr{
	display: none;
}
.sectional .CellBackground0{
	margin-bottom: 10px;
}
.sectional .CellBackground0 .story{
	padding-bottom: 0px;
	 width: 527px;
}








.sectional .storySeparator {
	clear: both;
}

/* The Last Story Separator */
.sectional .separatorLast {
clear: both;
display:none;
}

/************************/
/* SECTIONAL TEMPLATE 2 */
/************************/

/* Top Story */
.secTemplate2 .entry1 .storySeparator hr {
	display: none;
}
.secTemplate2 .contentSeparator hr {
	visibility: hidden;
}


/************************/
/* SECTIONAL TEMPLATE 3 */
/************************/

/* Container for the Top 3 Entries */
.secTemplate3 .secTop {
margin-bottom:20px;

}

/* Container for First Half of the bottom Entries */
.secTemplate3 .secBottomFirstHalf {
	width: 260px;
	float: left;
}

/* Separator Between Bottom Halves */
.secTemplate3 .contentSeparator {
	display: block;
	width: 15px;
	float: left;
	
}

/* Container for Second Half of the bottom Entries */
.secTemplate3 .secBottomSecondHalf {
	width: 260px;
	float: right;
}
/* #############################################################
		CustomPages.css
   ############################################################# */
/***********************
 Photo Wall Styles
***********************/
#photoWallPage .searchPhotoWallForm { clear: both; display: block; margin: 10px 0px; }
#photoWallThumbs { margin: 15px 0px 0px 0px; }
#photoWallThumbs ul { list-style: none; }
#photoWallThumbs li { display: block; float: left; width: 142px; text-align: center; }
#photoWallThumbs li.newRow { clear: both; display: block; }
#photoWallThumbs li .photo-thumb { margin: 10px; }

#photoWallPhotoPage { text-align: center; }
#photoWallPhotoPage .page-menu { width: 260px; text-align: center; margin: auto; padding: 5px 0px;}
#photoWallPhotoPage .page-menu a { text-decoration: none;}
#photoWallPhotoPage .page-menu a:hover {text-decoration: underline;}
#photoWallPhotoPage .photoContainer { margin: 10px 0px; }
#photoWallPhotoPage img { margin: 0px; }
#photoWallPhotoPage .photoCaption { width: 300px; margin: 4px auto;  }

/***********************
 Goout Bar Styles
***********************/
.top-goout {background: url(/images/trans.gif); background-color:#ffffff; float: left; width: 800px; padding: 0px 0px 0px 0px; margin-left: 20px;}
.top-col-left {width: 200px; float: left; padding: 7px 0px 0px 0px; margin-left: 50px; text-size: 8px;}
.top-col-left a {text-size: 8px; color:#000; }
.top-col-left a:hover {text-decoration: none; color:#000; }
.top-col-mid {width: 200px; float: left;  padding: 2px 0px 0px 0px; text-size: 8px;}    
.top-col-mid #siteIndex {width: 100px; margin: 5px 0px 0px 50px;}
.top-col-right {width: 200px; float: right;  padding: 3px 0px 0px 0px; margin-left: 25px; text-size: 8px;}    
.top-col-right a {text-size: 8px; color:#000; }
.top-col-right a:hover {text-decoration: none; color:#000; }

/***********************
 Keword Search Results Styles
***********************/
.kewordSearch {width: 100%; text-align:left; padding: 5px 5 5px 5;}
.key-col-top {}
.key-col-top a {}
.key-col-left {width: 40%; float: left; padding: 5px; margin: 0px; }
.key-col-left a {}
.key-col-mid {width: 10%; float: left; padding: 5px 0 5px 0;}    
.key-col-right {width: 40%; float: left; padding: 5px; margin: 0px;}
.key-col-right a {}

/***********************
 Concert Calendar Styles
***********************/
.ccVenue {width: 100%; text-align:left; padding: 5px 5 5px 5;}            
.ccV-col-top {}
.ccV-col-top a {}
.ccV-col-left {width: 30 %; float: left; padding: 5px; margin: 0px; }
.ccV-col-left a {}
.ccV-col-mid {width: 40%; float: left; padding: 5px 0 5px 0;}    
.ccV-col-right {width: 20%; float: right; padding: 5px; margin: 0px;}    
.ccV-col-right a {}
.ccArtist {width: 100%; text-align:left; padding: 5px 5 5px 5;}            
.cc-col-top {}
.ccA-col-top a {}
.ccA-col-left {float: left; padding: 5px; margin: 0px; }
.ccA-col-left a {}
.ccA-col-right {float: right; padding: 5px; margin: 0px;}    
.ccA-col-right a {}

/***********************
 Staff Styles
***********************/
.staff {text-align:left; padding: 5px 5 5px 5;}
.staff-col-top {}
.staff-col-top a {}
.staff-col-left {float: left; padding: 5px; margin: 0px; }
.staff-col-left a {}
.staff-col-mid {float: left; padding: 5px 0 5px 0;}    
.staff-col-right {float: left; padding: 5px; margin: 0px;}    
.staff-col-right a {}

/***********************
 Calendar Styles
***********************/

#AddNewEventForm fieldset {
	display: block;
	clear: both;
	margin-bottom: 20px;
}

/**************************
 Community Calendar Styles
**************************/

.calendarTable {
	width: 100%;
	text-align: center;
}

/**************************
 Weather Styles
**************************/

#extendedForecast .CellBackground0
/* Controls color of temperature bar. Use to customize appearance. */
{
	vertical-align: bottom;
}
#extendedForecast .negativeTemperature
/* Background color of Negative Temperature Bars. Only change Background-Color. Do not change anything else */
{
    BACKGROUND-COLOR: #0FF;
    vertical-align: bottom;
}
#extendedForecast
/* Controls appearance of entire Extended Forecast. Only change Color, Background-Color. Do not change any other settings. */
{
    MARGIN: auto;
    TEXT-ALIGN: center;
}
#extendedForecast .smallText
/* Controls appearance of Sky Conditions, High & Low Temps For Days. Do not add margin or padding. */
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    LINE-HEIGHT: 12px;
    vertical-align: top;
}
#weatherForecast .weatherDayTop
/* Controls appearance of individual days. Do not add margin or padding. */
{
   width: 90px;	
   MARGIN: auto;
   vertical-align: top;
}
#weatherForecast .weatherDayBottom
/* Controls appearance of individual days. Do not add margin or padding. */
{
   vertical-align: bottom;
}
#weatherForecast .weatherTemperatures .weatherTempBars
{
    PADDING: 0px;
    MARGIN: auto;
    BACKGROUND-COLOR: transparent;
}
/*
*********************************************************
*** START DO NOT MAKE ANY CHANGES TO ANY STYLES BELOW ***
*********************************************************
*/
#weatherForecast
{
    TEXT-ALIGN: center;
    MARGIN: auto;
}
#weatherDetails
{
	width: 568px;
    CLEAR: both;
    TEXT-ALIGN: center
}
#weatherRegionLinks
{
    MARGIN-TOP: 10px
}
#weatherRegionLinks LI
{
    DISPLAY: inline;
    FLOAT: left;
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 5px;
    WIDTH: 150px
}
#currentObservation
{
    MARGIN: auto;
    WIDTH: 480px
}
#currentObservation .smallText
{
    FONT-SIZE: 10px;
    LINE-HEIGHT: 12px;
    vertical-align: top;
}
#currentObservation H3
{
    MARGIN-BOTTOM: 5px
}
#currentObservation .footer
{
    DISPLAY: none
}
#weatherForecast .weatherTemperatures
{
    TEXT-ALIGN: center;
    margin: auto;
    VERTICAL-ALIGN: bottom;
}
#weatherForecast .weatherTemperatures .weatherTempBars .weatherTemperatures
{
    BORDER: medium none;
    PADDING: 0px;
    MARGIN: 0px;
    BACKGROUND-COLOR: transparent
}
#weatherForecast .weatherTemperatures .weatherTempBars .weatherTemperatures .dayCondition
{
    DISPLAY: none;
    PADDING: 0px;
    MARGIN: 0px;
}
/*
*******************************************************
*** END DO NOT MAKE ANY CHANGES TO ANY STYLES BELOW ***
*******************************************************
*/