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

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

/* PAGE TITLE */
#mainContent .moduleHeader h2 { 
	font-size: 1.8em;
	font-weight: bold;
	color: #000;
	padding: 20px 0px 0px 18px;
}

/* MAIN TEXT AND HEADERS */
#mainContent {
	width: 620px;
}
#mainContent .moduleHeader {
	background: url(/images/article-header.gif);
	height: 51px;
}
#mainContent .moduleContent {
	background: url(/images/headlines-repeat-bg.gif) repeat-y;
	padding-left: 6px;
}
#mainContent .moduleContentContainer {
	background: url(/images/content-yellowgrd-bg.gif) repeat-x bottom;
	width: 608px;
}
#mainContent .moduleFooter {
	background: url(/images/footers.gif) left -124px;
	height: 15px;
}
#mainContent .containerPadding {
	padding: 8px 15px 0px 15px;
}
#mainContent h1, #mainContent h2, #mainContent h3 {
	color: #112369;
	font-size: 1.4em;
}  
#mainContent h4, #mainContent h5, #mainContent h6 {
	color: #112369;
	font-size: 1.2em;
}
#mainContent p {
	font-size: 1.1em;
	padding: 5px 0px 5px 0px;
}


/* CONTENT AREA LINKS */
#mainContent a {
	color: #112369;
}
#mainContent a:hover {
	text-decoration: none;
}

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

/* MISC TEXT CLASSES */
#mainContent .smallText { font-size: 80%; }
#mainContent .Headline {
	color: #112369;
	font-size: 1.4em;
} /* SAME AS H3 - Legacy Inside Pages Code */
#mainContent .Text {
	font-size: 1.1em;
	color: #656565;
} /* SAME AS BODY - Legacy Inside Pages Code */

/* LISTS */
#mainContent ul.inline li {
	display: inline;
}
#mainContent ul { } /* Optional for Custom List Styles */
#mainContent li { } /* Optional for Custom List Styles */

/* Cube */

#cubeAd {
     margin-top: 10px;
     zoom: 1;
     width: 300px;
     float: none;
}
#cubeAd h3 {
     display: none;
}

/*********************
 ARTICLE PAGE
*********************/

.standFirst {
	color: #112369;
	font-weight: bold;
}

/* RELATED LINKS */
#relatedLinksInsert {
	float: left;
	width: 300px;
}
#relatedLinksInsert h3 {
	display: none;
}
#relatedLinksInsert .moduleHeader {
	background: url(/images/headers.gif) left -430px;
	height: 41px;
}
#relatedLinksInsert .moduleContent {
	background: url(/images/feature-repeat-bg.gif) repeat-y;
	padding-left: 6px;
}
#relatedLinksInsert .moduleContentContainer {
	background: url(/images/content-yellowgrd-bg.gif) repeat-x bottom;
	width: 288px;
}
#relatedLinksInsert .moduleFooter {
	background: url(/images/footers.gif) left -32px;
	height: 15px;
}
#relatedLinksInsert li {
	list-style: none;
	padding: 0px 10px 3px 10px;
}
#relatedLinksInsert li a {
	font-weight: bold;
	font-size: 1.1em;
	color: #112369;
	text-decoration: none;
}
#relatedLinksInsert li a:hover {
	text-decoration: underline;
}

/* ARTICLE IMAGE STYLES */
#articleAdInsert #cubeAd .moduleHeader {
	display: none
}
#articleAdInsert #cubeAd .moduleContent {
	background: none;
	padding: 0px;
}
#articleAdInsert #cubeAd .moduleContentContainer {
	background: none;
	width: 300px;
}
#articleAdInsert #cubeAd .moduleFooter {
	display: none;
}
#articleAdInsert #cubeAd .containerPadding {
	padding: 0px;
}

#articleAdInsert {
	padding: 0px 10px 5px 0px;
	width: auto;
	position: relative;
	float: none;
	zoom: 1;
	text-align: center;
	clear: left;
}

html>body #articleAdInsert {
	margin: 0px 120px 5px 140px;
	width: auto;
	position: relative;
	float: none;
	zoom: 1;
	text-align: center;
	clear: left;
}

.imageCaptionContainer { padding: 0px 8px 8px 0px; }

.imageCaption { 
	font-size: 1em;
}


/*********************
 FORM STYLES
*********************/
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #ffd200;
	background: #112369;
	border: 1px solid #ffd200;
} /* This style applies to all dropdown menus. */
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
} /* Only specify font face, size and color. This applies to all buttons, single line text boxes (input fields), checkboxes, and radio buttons. */
.textBox {
	background: #112369 !important;
	border: 1px solid #ffd200;
	color: #ffd200 !important;
}
input.medium { 
	background: #112369 !important;
	border: 1px solid #ffd200;
}
button, .button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #ffd200;
	background: #112369;
	border: 1px solid #ffd200;
} /* This style applies to all multi-line comment areas. */
#mainContent .submitbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}
#mainContent .warningMessage {
	font-size: 1.2m;
	color: #112369;
	text-transform: uppercase;
} /* Text displayed warning of Form problems/errors */

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


/************************
 GENERIC TABLES
*************************/
#mainContent table { color: #656565; font-size: 11px; } /* Just set a default text color and size */

/************************
 FORMATTED TABLES
*************************/

} /* Background color or borders */
#mainContent table.formattedTable {}
#mainContent table.formattedTable th {
	background: #112369;
	padding: 4px;
	color: #fff;
}
#mainContent table.formattedTable th a {
	color: #ffd200;
	text-decoration: none;
} /* Header cells and Header Font Info */
#mainContent table.formattedTable th a:hover {
	text-decoration: underline;
} /* Header cells and Header Font Info */
#mainContent table.formattedTable td {
	padding: 4px;
} /* Table body cells and body font info */
#mainContent table.formattedTable td a {
	font-weight: bold;
	text-decoration: none;
} /* Table body links */
#mainContent table.formattedTable td a:hover {
	text-decoration: underline;
} /* Table body links */
#mainContent table.formattedTable tr.rowOdd {
	background: #eff3fa;
} /* Table Odd Row for a separate background-color for every other row */
#mainContent table.formattedTable tr.rowEven {
	background: #fffccb;
} /* Table Even Row for a separate background-color for every other row */
/* You may need to specify a specific link color for each row depending on the background colors */

#mainContent table.fullWidth {
	width: 570px;
} /* specify the width to span the full content area */

/*********************
 MISC BACKGROUND AND SECTIONAL STYLES
	(Styles used for default sectionals and misc colors.)
*********************/
.CellBackground0 { background-color: #000; color: #FFF; } /* Background, Border, and Text color only */
.CellBackground1 { background-color: #333; color: #FFF; } /* Background, Border, and Text color only */
#mainContent .CellContent0, #mainContent .CellContent1 { padding: 5px; } /* Define padding so running copy doesn't hit edge of background. */

/*********************
 CALENDAR STYLES
*********************/
#mainContent .calendarTable { }
#mainContent .calendarTable td {
	color: #112369;
	font-weight: bold;
	padding: 2px;
}
 #mainContent .calendarTable td a  {
	color: #112369;
	text-decoration: none;
}
 #mainContent .calendarTable td a:hover  {
	text-decoration: underline;
}
#mainContent .calendarTable td.calendarDayCell {
		background: #c5d7ed;
} /* Specify something to overwrite CellBackground0 */
#mainContent .calendarTable td.calendarEmptyDay { }
#mainContent .calendarTable td.calendarDayViewed {
	background: #eff3fa;
} /* Specify something to overwrite CellBackground1 */
#mainContent .calendarTable td.calendarCurrentDate {
	background: #fffccb;
}

/*********************
 SEPARATOR STYLES
*********************/
hr {
	height: 1px;
	color: #112369;
}
.sectSeparatorH { width:15px; } /* Horizontal gaps between sections. */
.sectSeparatorV { height:15px; } /* Vertical gaps between sections. */


/**************************/
/**** 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 .formRowJS {
	clear: both;
	margin: 5px 0px;
}
#mainContent .formRowJS label{
	text-align: left;
}
#mainContent label {
	display: inline;
	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 { float: left; }
.alignCenter { text-align: center; }
.alignRight { float: right; }
#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 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #656565;
	text-align: center;
	background: url(/images/bg.jpg) repeat-x #c5d7ed;
	margin: 10px 0px 20px 0px;
}
#mosSite {
	width: 960px;
	margin: auto;
	text-align: left;
}
#mosSite fieldset {
	border: 0px solid #000;
}
#framework {
	width: 960px;
}


/* Ads */
/* Skyscraper */
#skyscraper {}
#skyscraperLabel {
	display: none;
}
#skyscraperAd {
	width: 160px;
	float: right;
}
#printlogo
{
	display:none;
}

/* Header */
#header {
background: url(/images/header-bg.gif); 
width: 960px; 
height: 170px; 

}
#header h1 {}

/* Content */
#contentBackground {}
#contentColumns {}
#contentColumns A {} /* All Content Links */
#contentEnclose {
	width: 795px;
	float: left;
}
#contentMiddle {
	width: 620px;
	float: right;
}
#contentLeft {
	width: 175px;
	float: left;
}
#contentRight {
	width: 165px;
	float: right;
}
#contentLeft .contentAreaPadding {
	padding: 10px 0px 0px 0px;
}
#contentRight .contentAreaPadding {
	padding: 10px 0px 0px 0px;
}

#contentBottom {
	height: 10px;
	clear: both;
}
.storySeparator {}

/* Quadrants */
#quadrantTop {}
#quadrantA {
	float: left;
	width: 305px;
}
#quadrantB {
	float: left;
	width: 315px;
}
#quadrantTopFooter {
	clear: both;
}
#quadrantBottom {}
#quadrantC {
	float: left;
	width: 305px;
}
#quadrantD {
	float: left;
	width: 315px;
}
#quadrantBottomFooter {
	clear: both;
}

/* Footer */
#footer {
	background: url(/images/footer.gif);
	width: 960px;
	height: 111px;
}
#footer .contentAreaPadding {
	padding: 0px 10px 0px 340px;
}
#footerTop {}
#footerBottom {
	clear: both;
}
#siteIndex {
	float: right;
	text-align: right;
	width: 315px;
	margin-top:50px;
}
#siteIndex fieldset {
	border: 0px solid #000;
}
#siteIndex legend {
	display: none;
}
#siteIndex select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #ffd200;
	background: #112369;
	border: 1px solid #ffd200;
}
#copyright {
	text-transform: uppercase;
	color: #656565;
	float: left;
	text-align: center;
	margin-top:40px;
}
#copyright a {
	color: #656565;
}
#copyright a:hover {
	text-decoration: none;
}
/* #############################################################
		modules.css
   ############################################################# */
.textInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #ffd200;
	background: #112369 !important;
	border: 1px solid #ffd200;
} /* Applies to modules with text fields only. */
.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
} /* Applies to modules with text fields only. */


/* On Air */
#onAir {
	position: absolute;
	width: 250px;
	margin: 10px 0px 0px 700px;
}
#onAir h3 {
	display: none;
}
#onAir .moduleHeader {
	background: url(/images/headers.gif);
	height: 41px;
}
#onAir .moduleContent {
	background: url(/images/onair-repeat-bg.gif) repeat-y;
	padding-left: 6px;
}
#onAir .moduleContentContainer {
	background: url(/images/content-bluegrd-bg.gif) repeat-x bottom;
	width: 238px;
}
#onAir .moduleFooter {
	background: url(/images/footers.gif);
	height: 16px;
}
#onAir .containerPadding {
	padding: 7px 15px 0px 9px;
}
#onAir .textMessage {
	display: none;
}
#onAir img {
	width: 44px;
	height: 54px;
	border: 3px solid #112369;
	float: left;
	margin: 0px 8px 0px 0px;
}
#onAir a:hover {
	text-decoration: underline;
}
#onAir h4 {
	font-size: 1.2em;
}
#onAir h4 a {
	color: #112369;
	text-decoration: none;
}
#onAir .hostTime {
	font-size: 1.1em;
}
#hostInfo {
	font-size: 1.1em;
}
#hostInfo .hostLink a {
	color: #112369;
	text-decoration: none;
	font-weight: bold;
}
#nextHost {
	float: right;
	width: 155px;
}
#nextHost h5 {
	font-size: 1.1em;
	font-weight: bold;
}
#nextHost a {
	font-size: 1.1em;
	font-weight: bold;
	color: #112369;
	text-decoration: none;
}


/* Date Email Marquee */
#dateEmailMarquee {
	width: 960px;
	height: 29px;
	background: url(/images/date-email-marquee-bg.gif) no-repeat top;
}
#dateEmailMarquee .containerPaddingGroup {
	padding: 6px 20px 0px 20px;
}
#dateEmailMarquee a:hover {
	color: #fff;
}
#date {
	float: left;
	width: 155px;
}
#date h4 {
	display: none;
}
#date p {
	color: #ffd200;
	font-weight: bold;
	font-size: 1.1em;
}
#marquee {
	overflow: hidden;
	float: left;
	width: 610px;
	height: 17px;
}
#marquee h3 {
	display: none;
}
#marquee p {
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
}
#marquee a {
	color: #ffd200;
	font-weight: bold;
	text-decoration: none;
}
#emailToFriend {
	float: right;
	text-align: right;
}
#emailToFriend h3 {
	display: none;
}
#emailToFriend a {
	color: #ffd200;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
}


/* Feature */
#feature {
	width: 300px;
}
#feature h2 {
	display: none;
}
#feature .moduleHeader {
	background: url(/images/headers.gif) left -41px;
	height: 51px;
}
#feature .moduleContent {
	background: url(/images/feature-repeat-bg.gif) repeat-y;
	padding-left: 6px;
}
#feature .moduleContentContainer {
	background: url(/images/content-yellowgrd-bg.gif) repeat-x bottom;
	width: 288px;
}
#feature .moduleFooter {
	background: url(/images/footers.gif) left -32px;
	height: 15px;
}
#feature .containerPadding {
	padding: 5px 0px 0px 9px;
}
#feature  h3 {
	font-size: 1.5em;
	font-weight: bold;
	color: #112369;
	padding-bottom: 4px;
}
#feature .abstract {
	line-height: 1.8em;
	font-size: 1.1em;
	color: #000;
}
#feature  img {
	border: 3px solid #112369;
	float: left;
	margin-right: 8px;
}
#feature .story {
	clear: both;
	float: left;
	width: 272px;
}


/* For the Rotating Feature Only - If not used remove the styles below.
---------------------------------------------------------------------*/
#feature .rotator {
	width: 270px;
	float: left;
	padding-top: 28px;
}
#feature .rotator button {
  height: 20px;
  padding: 17px 0px 0px;
  margin: 0px 3px 0px 0px;
  border: 0px;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
#feature .rotator .previous {
	background-image: url(/images/feature-previous.gif);
	background-repeat: no-repeat;
	width: 61px;
}
#feature .rotator .play {
	background:url(/images/feature-play.gif);
	width: 61px;
}
#feature .rotator .pause {
	background-image: url(/images/feature-pause.gif);
	background-repeat: no-repeat;
	width: 61px;
}
#feature .rotator .next {
	background-image: url(/images/feature-next.gif);
	background-repeat: no-repeat;
	width: 61px;
}
/*---------------------------------------------------*/


/* Club */
#club {
	width: 155px;
	margin: 10px 0px 10px 0px;
	float: left;
}
#club h3 {
	display: none;
}
#club .osaText, #club legend {
	display: none;
}
#club .textInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #ffd200;
	background: #112369 !important;
	border: 1px solid #ffd200;
	width: 120px;
	margin-bottom: 5px;
}
#club .button {
	margin: 7px 0px 7px 0px;
}
#club .moduleHeader {
	background: url(/images/headers.gif) left -92px;
	height: 54px;
}
#club .moduleContent {
	background: url(/images/club-weather-repeat-bg.gif) repeat-y;
	padding-left: 6px;
}
#club .moduleContentContainer {
	background: url(/images/content-bluegrd-bg.gif) repeat-x bottom;
	width: 143px;
	height: 200px;
}
#club .moduleFooter {
	background: url(/images/footers.gif) left -62px;
	height: 16px;
}
#club .containerPadding {
	padding: 5px 10px 0px 9px;
}
#club .emailAddress, #club .password, #club .save {
	font-size: 1.1em;
	font-weight: bold;
}
#club a {
	font-weight: bold;
	font-size: 1.1em;
	color: #112369;
	text-decoration: none;
}
#club a:hover {
	text-decoration: underline;
}
#nonMember {
	font-size: 1.1em;
}
#club h4 {
	font-size: 1.2em;
}
#club .userMessage {
	font-size: 1.1em;
}
#club li {
	list-style: none;
}


/* Weather */
#weather {
	width: 155px;
	margin: 10px 0px 10px 0px;
	float: right;
}
#weatherInfoFooter {
	clear: both;
}
#weather h3 {
	display: none;
}
#weather .moduleHeader {
	background: url(/images/headers.gif) left -146px;
	height: 55px;
}
#weather .moduleContent {
	background: url(/images/club-weather-repeat-bg.gif) repeat-y;
	padding-left: 6px;
}
#weather .moduleContentContainer {
	background: url(/images/content-yellowgrd-bg.gif) repeat-x bottom;
	width: 143px;
	height: 200px;
}
#weather .moduleFooter {
	background: url(/images/footers.gif) left -78px;
	height: 15px;
}
#weather .containerPadding {
	padding: 7px 10px 0px 9px;
}
#weather img {
	border: 3px solid #112369;
}
#weather h4 {
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}
#weather .conditions {
	font-size: 1.1em;
	color: #000;
}
#weather a {
	font-weight: bold;
	font-size: 1.1em;
	color: #112369;
	text-decoration: none;
}
#weather a:hover {
	text-decoration: underline;
}
#weatherTomorrow {
	padding: 5px 0px 5px 0px;
}
#weatherLink {
	padding: 0px 0px 5px 0px;
}
#weather li {
	list-style: none;
}


/* Sponsor */
#sponsor {
	width: 315px;
	float: left;
	text-align: center;
}
#sponsor h3 {
	display: none;
}
#sponsor .moduleContentContainer {
	background: #fffcca;
	border: 1px solid #cbc0b7;
}
#sponsor img {
	margin: 5px 0px 5px 0px;
}


/* Search */
#search {
	width: 170px;
	margin-bottom: 10px;
}
#search .textInput {
	width: 130px;
}
#search #searchTypeLabel, #searchType, #searchForLabel {
	display: none;
}
#search h3 {
	display: none;
}
#search h4 {
	display: none;
}
#search legend {
	display: none;
}
#search .moduleHeader {
	background: url(/images/headers.gif) left -201px;
	height: 41px;
}
#search .moduleContent {
	background: url(/images/search-poll-repeat-bg.gif) repeat-y;
	padding-left: 6px;
}
#search .moduleContentContainer {
	background: url(/images/content-yellowgrd-bg.gif) repeat-x bottom;
	width: 158px;
}
#search .moduleFooter {
	background: url(/images/footers.gif) left -93px;
	height: 15px;
}
#search .containerPadding {
	padding: 5px 10px 0px 9px;
}
#search .button {
	margin: 3px 0px 0px 0px;
}


/* Poll */
#poll {
	width: 170px;
	margin-bottom: 10px;
}
#poll h3 {
	display: none;
}
#poll legend {
	display: none;
}
#poll .sponsorLabel {
	display: none;
}
#poll .moduleHeader {
	background: url(/images/headers.gif) left -242px;
	height: 41px;
	background-repeat:no-repeat;
}
#poll .moduleContent {
	background: url(/images/search-poll-repeat-bg.gif) repeat-y;
	padding-left: 6px;
}
#poll  .moduleContentContainer {
	background: url(/images/content-bluegrd-bg.gif) repeat-x bottom;
	width: 158px;
}
#poll .moduleFooter {
	background: url(/images/footers.gif) left -108px;
	height: 16px;
}
#poll .containerPadding {
	padding: 5px 10px 0px 9px;
}
#poll h4 {
	font-size: 1.1em;
	font-weight: bold;
	color: #112369;
}
#poll #pollQuestion {
	font-size: 1.1em;
	font-weight: bold;
	color: #112369;
	padding: 5px 0px 5px 0px;
}
#poll p {
	font-size: 1.1em;
}
#poll label {
	font-size: 1.1em;
}
#poll .sponsor {
	margin-bottom: 5px;
}
#poll .button {
	margin: 8px 0px 0px 0px;
}
#poll dd{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 1.1em;
	color: #112369;
}
#poll dt{
	font-weight: bold;
	padding-top: 5px;
	font-size: 1.1em;
}


/* What's Going On */
#articleShowcase {
	width: 315px;
	margin-top: 10px;
}
#articleShowcase h3 {
	display: none;
}
#articleShowcase hr {
	display: none;
}
#articleShowcase .moduleHeader {
	background: url(/images/headers.gif) left -283px;
	height: 41px;
}
#articleShowcase .moduleContent {
	background: url(/images/artshow-repeat-bg.gif) repeat-y;
	padding-left: 6px;

}
#articleShowcase .moduleContentContainer {
	background: url(/images/content-yellowgrd-bg.gif) repeat-x bottom;
	width: 303px;
	overflow: auto;
	height: 194px;
}
#articleShowcase .moduleFooter {
	background: url(/images/footers.gif) left -47px;
	height: 15px;
}
#articleShowcase .containerPadding {
	padding: 5px 15px 0px 10px;
}
#articleShowcase p {
	font-size: 1.1em;
}
#articleShowcase h4 {
	font-size: 1.1em;
	font-weight: bold;
}
#articleShowcase h4 a {
	color: #112369;
	text-decoration: none;
}
#articleShowcase h4 a:hover {
	text-decoration: underline;
}
#articleShowcase .storySeparator {
	height: 15px;
}



/* Headline */
#headline {
	width: 620px;
}
#headline h3 {
	display: none;
}
#headline hr {
	display: none;
}
#headline .moduleHeader {
	background: url(/images/headers.gif) left -324px;
	height: 51px;
}
#headline .moduleContent {
	background: url(/images/headlines-repeat-bg.gif) repeat-y;
	padding-left: 6px;
}
#headline .moduleContentContainer {
	background: url(/images/content-yellowgrd-bg.gif) repeat-x bottom;
	width: 608px;
}
#headline .moduleFooter {
	background: url(/images/footers.gif) left -124px;
	height: 15px;
}
#headline .containerPadding {
	padding: 5px 0px 0px 10px;
}
#headline  h4 {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 4px;
}
#headline h4 a {
	color: #112369;
	text-decoration: none;
}
#headline h4 a:hover {
	text-decoration: underline;
}
#headline  img {
	border: 3px solid #112369;
	float: left;
	margin-right: 8px;
}
#headline .story {
	width: 585px;
	padding-bottom: 15px;
}
#headline p {
	font-size: 1.1em;
}



/* WOGB 60 Second Survey */
#survey {
	width: 160px;
	margin-top: 10px;
	float: right;
}
#survey h3 {
	display: none;
}
#survey h4 {
	display: none;
}
#survey .moduleHeader {
	background: url(/images/headers.gif) left -375px;
	height: 55px;
}
#survey .moduleContent {
	background: url(/images/survey-bg.gif) no-repeat top;
	padding-left: 6px;
}
#survey .moduleContentContainer {
	background: url(/images/content-yellowgrd-bg.gif) repeat-x bottom;
	width: 148px;
}
#survey .moduleFooter {
	background: url(/images/footers.gif) left -139px;
	height: 15px;
}
#survey .containerPadding {
	padding: 55px 10px 0px 10px;
}
#survey p {
	font-size: 1.1em;
}
#survey a {
	color: #656565;
}
#survey a:hover {
    text-decoration: none;
}


/* Sponsor Inside */
#sponsorInside {
	width: 620px;
	text-align: center;
}
#sponsorInside h3 {
	display: none;
}
#sponsorInside .moduleContentContainer {
	background: #fffcca;
	border: 1px solid #cbc0b7;
	margin-top: 10px;
}
#sponsorInside img {
	margin: 5px 0px 5px 0px;
}


/* Tile Ads */
#tileAds {
	width: 160px;
	text-align: center;
	margin-top: 5px;
	float: right;
}
#tileAds h3 {
	display: none;
}
#tileAds p {
	padding: 5px 0px 0px 0px;
}


/* Club Inside */
#clubInside {
	width: 170px;
	float: left;
}
#clubInside h3 {
	display: none;
}
#clubInside .osaText, #clubInside legend {
	display: none;
}
#clubInside .textInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #ffd200;
	background: #112369 !important;
	border: 1px solid #ffd200;
	width: 120px;
	margin-bottom: 5px;
}
#clubInside .button {
	margin: 7px 0px 7px 0px;
}
#clubInside .moduleHeader {
	background: url(/images/headers.gif) left -471px;
	height: 54px;
}
#clubInside .moduleContent {
	background: url(/images/search-poll-repeat-bg.gif) repeat-y;
	padding-left: 6px;
}
#clubInside .moduleContentContainer {
	background: url(/images/content-bluegrd-bg.gif) repeat-x bottom;
	width: 158px;
}
#clubInside .moduleFooter {
	background: url(/images/footers.gif) left -108px;
	height: 16px;
}
#clubInside .containerPadding {
	padding: 5px 10px 0px 9px;
}
#clubInside .emailAddress, #clubInside .password, #clubInside .save {
	font-size: 1.1em;
	font-weight: bold;
}
#clubInside a {
	font-weight: bold;
	font-size: 1.1em;
	color: #112369;
	text-decoration: none;
}
#clubInside a:hover {
	text-decoration: underline;
}
#nonMember {
	font-size: 1.1em;
}
#clubInside h4 {
	font-size: 1.2em;
}
#clubInside .userMessage {
	font-size: 1.1em;
}
#clubInside li {
	list-style: none;
}


/* Additional Framework Styles for Modules - Any styles that are used accross multiple modules go below. */
/* #############################################################
		nav.css
   ############################################################# */
/* NAV MODULE SETTINGS */
#navigation  {
	width: 170px;
	margin-bottom: 10px;
}
#navigation .moduleFooter {
	clear:both;
	background: url(/images/footers.gif) left -16px;
	height:16px;
}
#navigation .moduleHeader {
	background: url(/images/headers.gif) left -525px;
	height:13px;
}
#navigation .moduleContent {
	width: 170px;
}
#navigation .moduleContentContainer {
	background: #112369;
	border-left: 5px solid #000;
	border-right: 3px solid #000;
}
#navigation h3  {
	display:none;
}

/* MAIN NAVIGATION MENU BOX */
#navigation .containerPadding {
	padding: 0px 5px 0px 5px;
}
#navigation ul {
	list-style: none;
	border: none;
}


/* MAIN NAV ITEMS */
#navigation li {
	text-align: left;
	padding: 3px 0px 3px 0px;
	background: url(/images/nav-div.gif) repeat-x;
}

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


/*
SUB NAV LIST 
	Set the width, background, and/or border
*/
#navigation li ul {
	width: 140px;
	margin-left: 120px;
	background: #112369;
	border: 2px solid #000;
	margin-top: -15px;
	display: block;
	position: absolute;
	left: -9999px;
	height: auto;
	padding: 6px;
}
#navigation li ul a {
	text-transform: none;
} 
/* SUB-NAV ITEM */
#navigation li ul li {
	background: none;
	padding: 0px;
}


/* 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" */

/* #############################################################
		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 {float: left; width: 800px; padding: 0px 0px 0px 0px; margin-left: 50px;}
.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: #ffd200; }
.top-col-left a:hover {text-decoration: none; color: #fff;}
.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: #ffd200;}
.top-col-right a:hover {text-decoration: none; color: #fff;}

/***********************
 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 ***
*******************************************************
*/
/* #############################################################
		sectional.css
   ############################################################# */
/* ALL SECTIONAL TEMPLATES */
#mainContent .sectional .storySeparator{
	height: 1px;
	background: #ccdecd;
	margin: 10px 0px;
}
#mainContent .sectional .storySeparator hr{
	display: none;
}
#mainContent .sectional .moduleContent {
	background: none;
}
.sectional{
	
}
.sectional p{
	margin: 0px 0px 5px 0px;
}
#mainContent .sectional .cellBackground0{
	padding: 10px;
	margin-bottom: 10px;
}
#mainContent .sectional .cellBackground0 .storySeparator{
	display: none;
}
.sectional .story {

}
.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 .storySeparator {
	clear: both;
}

/* The Last Story Separator */
.sectional .separatorLast {
	visibility: hidden;
}

/************************/
/* 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 {

}

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

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

/* Container for Second Half of the bottom Entries */
.secTemplate3 .secBottomSecondHalf {
	display: block;
	width: 359px;
	float: right;
}