/*content layout*/
#content {
  background: transparent url(bg-stripes415.gif) repeat-y scroll 417px 0;
  width: 100%;
}

#leftCol, #rightCol {background: transparent;}
#leftCol {float: left; width: 415px;}
#rightCol {float: left; width: 415px;}

#menu {clear:both; border-top: 1px dashed #ddd;  background: #f4f4f4 url(rss-grad-box.jpg) no-repeat bottom right; }
#menu .menuSection {float: left; width: 66%;}
#menu .menuSection#rssMenu {width: 33%; border-left: 1px dashed #ddd;}
#menu .sleeve {padding: 10px 20px;}

#menuLeft, #menuRight, #currentNews, #featureBoxes {float: left; width: 49%;}
html>body #menuLeft, html>body #menuRight, html>body #currentNews, html>body #featureBoxes {float: left; width: 50%;}
html>body #currentNews  {width: 50%;}
html>body #featureBoxes {width: 49%;}

#currentNews {border-left: 1px dashed #ddd; border-right: 0px dashed #ddd; margin-top: 5px;}
#featureStories {border-top: 1px dashed #ddd;}


/*content styles*/

.slug {margin: 0; padding: 0 0 .2em 0; display: block; font-size: .7em; line-height: 1; text-transform: uppercase; font-family: verdana, arial, sans-serif; letter-spacing: 1px; color: #444; font-weight: normal;}
a .slug {color: #000; line-height: 1.2;}

/*feature story styles*/
#leadStory.sleeve {padding-top: 25px; padding-bottom: 10px;}
#leadStory p {font-family: georgia, serif; font-size: 1.1em; line-height: 1.5; margin: 1em 0 0 0; text-align:justify;}
#leadStory img {border: 2px solid #fff;}
#leadStory .multimedia_icons img {border: 0;}
#leadStoryPhoto.hideBorder img {border: 0;}
#leadStory ul {margin: 0.2em 0 0; padding: 0; list-style: none;}
#leadStory ul li {line-height: 1.2; margin: 0 0 .8em 0;}

#leadStory h1 {font-size: 1.6em; line-height: 1.1; margin: 0; font-weight: normal; color:#be070c; text-decoration:none;}
#leadStory h2 {font-size: 1.6em; line-height: 1.1; margin: 0; font-weight: normal;}
#leadStory h3 {font-size: .9em; line-height: 1.1; margin: 1.4em 0 0 0; font-weight: normal; padding: .4em 0 0 0; border-top: 0px solid #fff;}
#leadStory #moreLeadStory {margin:0 0 1em 0;}



/*photo left*/
#leadStory.photoLeft #leadStoryPhoto, #leadStory.photoLeft #leadStoryText {float: left;}
#leadStory.photoLeft #leadStoryPhoto {padding: 0 0 30px 0; margin: 0 10px 0 0;}

/*photo right*/
#leadStory.photoRight #leadStoryPhoto, #leadStory.photoRight #leadStoryText {float: right;}
#leadStory.photoRight #leadStoryPhoto {padding: 0 0 30px 0; margin: 0 0 0 10px;}

/*photo left wrap*/
#leadStory.photoLeftWrap #leadStoryPhoto {float: left;}
#leadStory.photoLeftWrap #leadStoryPhoto img {margin: 0 10px 10px 0;}

/*photo right wrap*/
#leadStory.photoRightWrap #leadStoryPhoto {float: right;}
#leadStory.photoRightWrap #leadStoryPhoto img {margin: 0 0 10px 10px;}

/*photo top*/
#leadStory.photoTop #leadStoryPhoto img {margin: 0 0 10px 0;}

/*photo bleed*/
#leadStory.photoBleed a {display: block; width: 415px;}
#leadStory.photoBleed a span {position: absolute; top: -1000px; left: -1000px;}
 

/*other features*/

#featureStories ul {list-style-type: none; margin: 0; padding: 0;
}
#featureStories li {clear: both; font-size: 1.2em; line-height: 1.2; padding: 1em 0 0 0; margin: 0 0 1em 0; border-top: 1px dashed #ccc; color: #900;}
#featureStories li#moreFeatures {font-size: .9em;}
#featureStories ul li:first-child { border-top: 0; padding-top: .5em;}


#featureStories li div.feature-thumb {float: left; width: 90px;}
#featureStories li div.feature-headline {float: left; width: 300px;margin-top: 4px;}
#featureStories li .slug {font-size: .7em; margin-top: 2px;}
#featureStories li .slug a {color: #444;}

#featureStories img {margin-top: .2em; border: 1px solid #ccc;}
#featureStories img.noBorder, #featureStories li a:hover img.noBorder {border: 0;}
#featureStories .multimedia_icons img {border: 0; margin-right: 5px;}
#featureStories .multimedia_icons a:hover img {border: 0;}

#featureStories a {line-height: 1.2;}
#featureStories a:hover img {border: 1px solid #c90;}
#featureStories a:hover {border: 0; color: #c90;}

#featureStories .sleeve {padding: 5px 15px 0px 10px;}
#featureStories .sleeve h2 {font-size:1em; font-weight:normal; margin: 1em 0 0.5em 0; text-transform:uppercase; color: #3b597a;}

#featureStories .sleeve h3 {font-size:1em; font-weight:normal; color: #3b597a; margin-top:2px; margin-bottom:2px; }

#featureStories .sleeve p{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify; color:#333; font-weight:normal; line-height: 1.2;}

/*dateline*/

#dateline {width: 100%; background: #acacac url(top-grad-grey2.gif) repeat-x 0 0; height: 24px; color: #fff; font-size: 11px;}
#dateline #today, #today a {float: left; padding: 3px 0 0 7px; color:#fff; text-decoration:none;}
#dateline #today a:hover {color:#fff; text-decoration:underline;}
#dateline #temp {float: right; padding: 0px 27px 0 0; padding-right: 6px; height: 24px;}
#dateline #temp a {color: #fff; padding-top:6px;}
#dateline #temp a img {vertical-align: middle;}

/*headline and clips  lists*/

#currentNews #inTheNews li em, #leadStory ul li em {font-family: verdana, arial sans-serif; font-size: .9em; font-style: italic; color: #777; line-height: 1.3;}
#leadStory ul li em {color: #667DA1;}

#currentNews ul {padding: 0;}
#currentNews ul li {list-style-type: none; margin-bottom: 1em; font-size: .95em; font-family: verdana, sans-serif !important;}
/*#currentNews ul li#s-14175 {font-weight: bold;}*/
#currentNews ul li a {line-height: 1.2;}
#currentNews p.seealso {margin: 1.5em 0 .4em 0;}
#currentNews ul#campusPubs {margin-top: 0;}
#currentNews ul#campusPubs li {list-style-type: disc; margin: 0 0 .4em 1.2em;}

#currentNews a:hover, #leadStory ul li a:hover {color: #c90; border-bottom: 1px dotted #ababab;}
#currentNews h2 {font-size: .85em; line-height: 1; margin: 0 0 1em 0; font-weight: bold; color: #3b597a; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; }
#currentNews #inTheNews h2 {padding-top: 1.5em; border-top: 1px dashed #ddd;}
#currentNews .sleeve {padding-bottom: 0; padding-right: 10px;}


/*right col*/
#featureBoxes {font-size: .85em; margin-top: 10px;}
#featureBoxes .sleeve {padding: 0px 10px 10px 5px;}
#featureBoxes .etc {border: 2px dotted #EEE3BC; padding: 0pt .7em 0.7em 1em; margin: 0 0 1em 0; background-color: #fff;}
#featureBoxes .etc h3 {font-family: georgia, serif; font-size: 1.4em; margin: 0 0 0 0; padding: 12px 0 17px 0; color: #999; font-weight: normal; height: 1em; border-top: 0px dashed #ddd; line-height: 1.3; }

#featureBoxes .etc img {border: 1px solid #ababab;  margin: 4px 3px 3px 5px;}
#featureBoxes .etc img.noBorder {border: 0;}
#featureBoxes .etc img.thumbRight {float: right; margin: 6px 0 .74em .75em;}
#featureBoxes .etc img.thumbLeft {float: left; margin: 6px .75em .74em 0;}


#featureBoxes div.quotable h3 { background: transparent url(quoted.png) no-repeat scroll right 3px; color: #cb6688;}
#featureBoxes div.in-depth h3 { background: transparent url(icon2.png) no-repeat scroll right 3px; color: #7ac06b;}
#featureBoxes div.on-campus h3 { background: transparent url(icon3.png) no-repeat scroll right 3px; color: #e14a50;}
#featureBoxes div.recent-sightings h3 { background: transparent url(icon1.png) no-repeat scroll right 3px; color: #3180fb;}
#featureBoxes div.curiosities h3 { background: transparent url(icon.png) no-repeat scroll right 3px; color: #f19639;}
#featureBoxes div.publications h3 { background: transparent url(publications.png) no-repeat scroll right 3px; color: #d8d206;}
#featureBoxes div.watch h3 { background: transparent url(video-i.png) no-repeat scroll right 3px; color: #cc53d8;}
#featureBoxes div.listen h3 { background: transparent url(audio.png) no-repeat scroll right 3px; color: #53d8d0;}
#featureBoxes div.notable h3, #featureBoxes div.hot-subjects h3 { background: transparent url(new-courses.png) no-repeat scroll right 3px; color: #8cc63f;}

#featureBoxes div.etc p {margin: .1em 0; line-height: 1.5;}
#featureBoxes div.curiosities p.head {font-weight: bold; color: #444;}
#featureBoxes div.curiosities p.description {color: #444;}

#featureBoxes div.listen p.head, #featureBoxes div.watch p.head, #featureBoxes div.hot-subjects p.head, #featureBoxes div.notable p.head {font-weight: bold;}

#featureBoxes div.etc.new-in-class p {margin: .75em 0; line-height: 1.5;}

#featureBoxes div.recent-sightings p.head {font-weight: bold;}

#featureBoxes div.quotable p.head {font-family:georgia; font-size:1.5em; line-height:1.3; margin-bottom:0.5em;}
#featureBoxes div.quotable p.description {color: #777;}

#featureBoxes div.recent-sightings.etc img {margin: 7px 0 0 0; border: 2px solid #ababab;}

#enlarge {margin: 7px 0pt -22px 2px; padding: 0.2em 0pt 0.2em 0.4em; background: rgb(153, 0, 0) none repeat scroll 0%; display: block; position: relative; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 0.85em; width: 7.5em; letter-spacing: 1px;}
a#enlarge {border: 0; color: #fff;}

#featureBoxes div.in-depth p.head {font-weight: bold;}
#featureBoxes .etc p.more {margin-top: 1em;}
#featureBoxes div.in-depth ul {padding: 0; margin: -.5em 0 0 0;}
#featureBoxes div.in-depth ul li {font-size: 1em; border: 0; margin: 0; list-style: square;}

#featureBoxes div.on-campus p.head {display: block; margin: 0;}
#featureBoxes div.on-campus p.event-date {font-style: italic; color: #777;}
#featureBoxes div.on-campus p span.subtitle {font-style: italic;}

/*menu style*/

#menu h3 {color: #000; margin: 0; font-size: .9em; font-weight: normal; text-transform: uppercase; margin: .4em 0 0 0;}
#menu ul {margin: .4em 0 1em 0; padding: 0 0 0 0;}
#menu ul li {line-height: 1.1; margin: 0 0 .4em 1em; list-style: disc;  display:inline; padding:0 5px; border-right:1px solid #444;}

#menu  #rssMenu p {font-size: .9em; margin: 0 0 1em 0; line-height: 1.4;}
#menu  #rssMenu p img {vertical-align:bottom; margin-right: 3px;}


/*ie7 min-height contained float fixes*/
#leadStory, #menu, #featureStories li {min-height: 1px;}