.footer {clear:both;}
body {text-align:center;}
#mosSiteContainer {width:980px; margin:auto; text-align:left;}
#mosSiteContainer #mosSitePadding {padding:0px 10px; background-color:whitesmoke;}
#mosSiteContainer #mosFramework {width:960px;}



/*###############
advertisements on all pages
###############*/
/* leaderboard */
.leaderboard .adLabel {display:none;}
.leaderboard {text-align:center;}
.leaderboard .advert {padding-left:90px; margin-top:20px;}
/* cube */
.cubeAd .adLabel {display:none;}
.cubeAd .advert {background-color:white; padding:0px 10px;}
.cubeAd img {margin:0px;}
.cubeAd {margin-bottom:12px;}
/* skyscraper */
.skyscraper .adLabel {display:none;}
.skyscraper .advert {
color: white; background-color:navy; margin-right:5px; padding-left:12px; padding-right:5px; padding-top:10px; padding-bottom:10px; 
}
.skyscraper img {margin-top:5px; margin-bottom:10px; border-style:solid; border-width:thin;}
.skyscraper {margin-bottom: 12px; text-align:center;}
/* full banner */
.fullbanner .adLabel {display:none;}
.fullbanner .advert {padding:0px;}
.fullbanner img {margin:0px;}
.fullbanner {margin-bottom:12px;}




/*###############
header area
###############*/
/* row one */
#mosSiteHeader .rowOne {font-size:1.1em; padding:6px 0px; height:20px;}
#mosSiteHeader .rowOne a {text-decoration:none;}
#mosSiteHeader .rowOne a:hover {text-decoration:underline;}
#todaysDate {float:left; width:180px; text-align:center; font-size:20px; font-weight:bold;}
#todaysDate p {display:inline; padding-right:5px; color:black;}
#mosweather {width: 100px; float: left;}
#mosweather #mosweatherGraphic {float:left; width:24px;}
#mosweather #mosweatherGraphic img {width:19px;}
#quicklinks {float:left; width:620px; font-size: 12px; font-weight:bolder;}
#quicklinks ul {list-style-type:none; background-color:navy; border:medium solid; color:navy;}
#quicklinks ul li {display:inline; padding:0px 2px 0 40px; color:white;}
#quicklinks ul li.last {padding:0px 20px 0px 6px; border-right:none;}
#quicklinks ul li.rss {padding-left:27px;background-image: url(/images/mos-alt2-week-level1/framework/tool-icons.gif);
background-repeat: no-repeat;background-position: 8px 0px;}
#search {float:right; padding-right:60px; padding-top:0px;}
#search input {font-size:1.0em;}
#search input.search {width:125px; margin-right:3px;}


/* row two */
#masthead {float:left; width:150px; margin-left:10px;}


/* row three - navigation */
#mosSiteHeader .rowThree {margin:7px 0px 9px 0px;}
#navigation {font-size:1.2em;font-weight:bold;width:100%;font-family: Tahoma, Arial, sans-serif;}
#navigation h3 {display:none;}
#navigation ul {list-style-type:none;}
#navigation .footer {clear:both;}
/* main nav items */
#navigation ul li {float:left; text-align:left; font-weight:bold; display:block; text-transform:uppercase; background-image:url(/images/mos-alt2-week-level1/framework/nav-li-bg.gif); background-repeat:no-repeat; background-position:top right;}
#navigation ul li a, #navigation ul li .navNoLink {display:block; text-decoration:none; padding:10px 16px 10px 16px; background-image:url(/images/mos-alt2-week-level1/framework/nav-li-bg.gif); background-repeat:no-repeat; background-position:top right; /*width:100%;*/}
#navigation .navNoLink {cursor:default;}

/* SUB NAV LIST 
Set the width, background, and/or border */
#navigation ul li ul {width:120px; margin:0px 0px 0px 0px; display:block; position:absolute; left:-9999px; height:auto; padding:8px 0px; border-bottom:1px solid #fff;}
#navigation li ul li {text-align:left; font-weight:bold; display:block; padding:2px 12px 2px 10px; text-transform:none; background-image:none;}
#navigation li ul li a {padding:0px; background-image:none;}
#navigation li ul li a:hover {text-decoration:underline;}

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



/*###############
content structure area
###############*/
#contentContainer #leftColumn {float:left; width: 650px;}
#contentContainer #leftColumn .contentRow .leftColumn {float:left; width:480px;}
#contentContainer #leftColumn .contentRow .rightColumn {float:right; width:160px; text-align:center;}
#contentContainer #leftColumn .contentRow .columnOne {float:left; width:235px;}
#contentContainer #leftColumn .contentRow .columnTwo {float:right; width:235px;}
#contentContainer #leftColumn .contentRow .columnPadding {padding-right:12px;}
#contentContainer #leftColumn .contentRow .twoColumnRow {padding-top:6px;clear:both;}
#contentContainer #rightColumn {float:right; width:300px;}
#contentContainer #rightColumn .contentInsert .leftColumn {float:left; width:128px;}
#contentContainer #rightColumn .contentInsert .rightColumn {float:right; width:160px;}

#contentContainer #insideleftColumn {float:left; width:600px;}
#contentContainer #insiderightColumn {float:right; width:300px; margin-right: 25px; }
/*###############
footer area
###############*/
#mosSiteFooter {padding-bottom:20px; font-size:1em; line-height:1.3em;}
#mosSiteFooter .footertop {margin-top: 6px; clear:both; height:2px; overflow:hidden;}
#mosSiteFooter .rowOne {padding:6px; background-color:dd171e; border:solid;}
#mosSiteFooter .rowOne .leftside {float:left; width:480px;}
#mosSiteFooter .rowOne .rightside {float:right; width:400px; text-align:right;}
#mosSiteFooter a {text-decoration:none;}
#mosSiteFooter a:hover {text-decoration:underline;}
#mosSiteFooter #siteindex select {margin-bottom:4px; font-size: 1em;}



/*###############
content modules
###############*/
/* story commenting feature */
.storyCommenting {padding-top:8px;}
.storyCommenting li {display:inline;}
.storyCommenting li.readerComments {background:url(/images/mos-alt2-week-level1/framework/commenting-icons.gif) no-repeat 0px 3px; padding-left:13px;}
.storyCommenting li.readerRecommends {background:url(/images/mos-alt2-week-level1/framework/commenting-icons.gif) no-repeat 0px -30px; padding-left:13px;}
.storyCommenting li.printPage {background:url(/images/mos-alt2-week-level1/framework/commenting-icons.gif) no-repeat 1px -57px; padding-left:15px;}
.storyCommenting li.emailPage {background:url(/images/mos-alt2-week-level1/framework/commenting-icons.gif) no-repeat 1px -87px; padding-left:15px;}
.storyCommenting li a {text-decoration:none;}
.storyCommenting li a:hover {text-decoration:underline;}
/* for inside pages only */
.articleContainer .storyCommenting {padding:0px 0px 10px 0px; font-size:.9em;}

/* main story */
#mainStory .story {font-size:1.1em;}
#mainStory h2 {font-size:1.5em; font-weight:normal; padding-bottom:3px;}
#mainStory .story img {float:left; margin: 0px 5px 5px 0px;}
#mainStory .moduleHeader{display:none;}
/* top stories */
#topStories .story img {margin-bottom:3px;}


/* most popular */
#popularNav {padding-bottom:9px;}
#popularNav ul {list-style-type:none; list-style-position:outside;}
#popularNav ul li {display:inline;}
#popularNav ul li.on {font-weight:bold;}

/* current issue */
#currentIssue .moduleContentContainer {text-align: center;}
#currentIssue ul {list-style-type:none; list-style-position:outside;}
#currentIssue .downloadPDF {margin-top:4px;}
#currentIssue .downloadPDF a {background:url(/images/mos-alt2-week-level1/framework/pdf-download-icon.gif) no-repeat; padding:0px 0px 0px 18px;}

/* classified categories */
#classifiedCategories ul {padding-top:0px;}
#classifiedCategories ul li {list-style-type:none; list-style-position:outside;}
#classifiedCategories ul li a {text-decoration:underline;}

/* related stories */
#relatedStories img {margin-bottom:4px;}

/* related story links plugin */
.relatedStoryLinks h4 {font-size:1.4em; padding-bottom:1px;}
.relatedStoryLinks li {font-size:1.1em; padding:1px 0px;}
.relatedStoryLinks ul {list-style-type:none;}


/* events calendar */
#calendarContainer .top { float:left; padding-left: 20px;}
#calendarContainer .bottom {float:left; width:250px; margin-top: 9px;}
#eventsCalendar ul {list-style-type:none; list-style-position:outside;}
#eventsCalendar ul li {padding:4px 0px 1px 0px; list-style-type:none; list-style-position:outside;}
#calendarContainer .calendarTableContainer table {background:#fff; }
#calendarContainer .calendarTableContainer table th, #calendarContainer .calendarTableContainer table td {padding: 3px;text-align:center; font-weight:normal;}
#calendarContainer input, #calendarContainer select {font-size:1.0em; width:250px; margin-top:6px;}
#calendarContainer .calendarTableContainer .monthControls {text-align:center; width:250px; padding-bottom:3px; font-weight:bold;}
#calendarContainer .calendarTableContainer .monthControls ul {margin-top:-4px;}
#calendarContainer .calendarTableContainer .monthControls li {display:inline; list-style-type:none; list-style-position:outside; padding-top:0px;}
#calendarContainer .calendarTableContainer .monthControls li.month {padding:0px 6px;}
#calendarContainer .calendarTableContainer .monthControls li.arrows {font-size:1.5em;}

/* events calendar ads */
#calendarAds {text-align:center;}
#calendarAds p {display:inline; padding:0px 12px;}


/*###############
inside article/sectional styles
###############*/
#articlePageTitle {height: 38px; text-align: left; margin-bottom: 10px;}
#articlePageTitle h2 {font-size:1.4em; font-weight:bold;}
.articleContainer .articleContent {font-size:1.2em; line-height: 1.3em;}
.articleContainer .articleContent h2 {font-size:1.8em; padding-bottom:6px;}
.articleContainer .articleContent p {padding-bottom:9px;}
.articleContainer .articleContent a:hover {text-decoration:none;}
.articleContainer .imageCaption {font-size:.85em;}
.articleContainer .articleContent img {border-style:solid; border-width:1px; margin-top:4px; margin-bottom:6px;}

/* breadcrumbing */
#mosbreadcrumbing { padding:0px 0px 10px 0px;  }
#mosbreadcrumbing li { font-size:1em; font-weight:bold; display:inline; }


/* social networking tools */
.socialNetworkingTools {padding:6px 0px;}
.socialNetworkingTools a {text-decoration:none;}
.socialNetworkingTools a:hover {text-decoration:underline;}
.socialNetworkingTools p.headline {float:left; padding:3px 12px 0px 0px; font-size:1.1em;}
.socialNetworkingTools .hrLine {height:1px; clear:both; margin:3px 0px 3px 0px;}
.socialNetworkingTools .iconContainer {float:left;}
.socialNetworkingTools .iconContainer p.image {float:left; padding-right:5px; height:18px;}
.socialNetworkingTools .iconContainer p.link {float:left; padding:4px 15px 0px 0px; height:18px;}

/* story comments */
#storyComments {margin-top:15px;}
#storyComments .readerComment {font-size:1.2em; line-height: 1.3em; }
#storyComments .commentContent {padding:8px 0px 4px 0px;}
#storyComments .reportContent {font-size:.9em;}
#storyComments .reportContent a:hover {text-decoration:none;}
#storyComments label {display:block; padding-bottom:2px; font-weight:bold; margin-top:7px;}
#storyComments #readerCommentForm {font-size:1.1em;}
#storyComments .hrLine {height:1px; clear:both; margin:6px 0px 16px 0px;}
#storyComments #readerCommentForm input, #storyComments #readerCommentForm img, #storyComments #readerCommentForm textarea {font-size:1.0em; margin-bottom:10px;}
#storyComments #readerCommentForm .formRow input {width:35%}
#storyComments #readerCommentForm .formRow textarea {width:70%}
#storyComments #readerCommentForm .formRow img {border-style:none;}