/* -------------------------------------------------------------------------------- */
/* GLOBAL*/
/* -------------------------------------------------------------------------------- */
div.hide {display: none;}
/* -------------------------------------------------------------------------------- */
/* BANNER */
/* -------------------------------------------------------------------------------- */
#banner div.show {display: block; float: left; width: 569px; height: 149px !important; height /**/: 150px; border-bottom: 1px #ccc solid;}
#banner h2 {float: left; margin: 110px 0 0 10px; font: 36px/36px Times, serif; color: #fff; text-shadow: #000 2px 2px 2px;}
/* -------------------------------------------------------------------------------- */
/* BANNER : HIGHLIGHT BOX */
/* -------------------------------------------------------------------------------- */
#hltbox {float: right; width: 169px !important; width /**/: 189px; height: 119px !important; height /**/: 149px; padding: 30px 10px 0; /* overflow: auto; Breaks severely in IE */}
#hltbox h3 {margin-bottom: 3px; font: 16px/18px Times, serif; color: #000;}
#hltbox p {font: 10px/13px Arial, sans-serif; color: #000;}
#hltbox span.link { color: teal; display: block; text-align: center; padding: 5px 0 10px; }
#hltbox a {font: bold 10px/13px Arial, sans-serif; color: #900;}
#hltbox a:hover {color: #c00;}
/* -------------------------------------------------------------------------------- */
/* MENU */
/* -------------------------------------------------------------------------------- */
#menu {display: block; clear: both; width: 569px; height: 66px;}
#menu h3,
#menu span {display: none;}
#menu li {display: inline; float: left; margin: 0; text-align: center; list-style: none;}
#menu a {display: block; height: 65px !important; height /**/: 66px; border-right: #ccc solid 1px; border-bottom: 1px #ccc solid; text-align: center;}
#menu .spotlight {width: 94px !important; width /**/: 95px; background: #666 url(http://www.sc.edu/img/menu/spotlight.jpg) no-repeat center center;}
#menu .spotlight:hover {background: #333 url(http://www.sc.edu/img/menu/spotlight_over.jpg) no-repeat center center;}
#menu .photos {width: 94px !important; width /**/: 95px; background: #666 url(http://www.sc.edu/img/menu/phototour.jpg) no-repeat center center;}
#menu .photos:hover {background: #333 url(http://www.sc.edu/img/menu/phototour_over.jpg) no-repeat center center;}
#menu .outreach {width: 94px !important; width /**/: 95px; background: #666 url(http://www.sc.edu/img/menu/outreach.jpg) no-repeat center center;}
#menu .outreach:hover {background: #333 url(http://www.sc.edu/img/menu/outreach_over.jpg) no-repeat center center;}
#menu .highlights {width: 94px !important; width /**/: 95px; background: #666 url(http://www.sc.edu/img/menu/highlights.jpg) no-repeat center center;}
#menu .highlights:hover {background: #333 url(http://www.sc.edu/img/menu/highlights_over.jpg) no-repeat center center;}
#menu .carolinatoday {width: 189px; background: #000 url(http://www.sc.edu/img/menu/carolinatoday.jpg) no-repeat center center; border-right: 0;}
#menu .carolinatoday:hover {background: #900 url(http://www.sc.edu/img/menu/carolinatoday_over.jpg) no-repeat center center;}
/* -------------------------------------------------------------------------------- */
/* SECTION HEAD */
/* -------------------------------------------------------------------------------- */
#sechead {display: block; width: 559px !important; width /**/: 569px; padding: 5px 0 5px 10px; border-bottom: 1px solid #ccc;}
#sechead h2 {display: inline; font: bold 17px/17px Arial, sans-serif; color: #fff; text-shadow: #000 2px 2px 2px;}
#sechead a {color: #fff;}
#sechead a:hover {color: #ddd;}
/* -------------------------------------------------------------------------------- */
/* SECTION HEAD : NEXT-PREVIOUS */
/* -------------------------------------------------------------------------------- */
#nextprev {margin-left: 10px; font: 1.01em Arial, sans-serif; color: #000;}
#nextprev a {font: bold 1.01em Arial, sans-serif; color: #000;}
#nextprev a:hover {color: #fff;}
#nextprev a.blk {color: #000;}
#nextprev a.gray {color: #666;}
/* -------------------------------------------------------------------------------- */
/* MATTER */
/* -------------------------------------------------------------------------------- */
#matter {display: block; float: left; width: 569px; padding-bottom: 10px;}
/* -------------------------------------------------------------------------------- */
/* MATTER : COLUMN */
/* -------------------------------------------------------------------------------- */
#matter #column,
#matter #sidebar {display: block; float: left;}
#matter div.three {width: 569px;}
#matter div.two {width: 380px;}
#matter div.one {width: 189px;}
/* -------------------------------------------------------------------------------- */
/* MATTER: COLUMN : ITEM */
/* -------------------------------------------------------------------------------- */
#matter div.item {display: block; margin: 0; padding: 10px 10px 0; border-bottom: 1px solid #ccc;}
#matter div.three div.item {width: 549px !important; width /**/: 569px;}
#matter div.two div.item {width: 359px !important; width /**/: 379px;}
#matter div.one div.item {width: 169px !important; width /**/: 189px;}
/* -------------------------------------------------------------------------------- */
/* MATTER: COLUMN : ITEM : WEATHER */
/* -------------------------------------------------------------------------------- */
#matter div.weather p {margin-bottom: 5px;}
#matter div.weather p.condition {padding-left: 30px; line-height: 10px; background-position: left top; background-repeat: no-repeat;}
#matter div.weather p.condition span {font: bold 14px/14px Arial, sans-serif;}
#matter div.weather.severe {background: #fc0;}
/* -------------------------------------------------------------------------------- */
/* MATTER: COLUMN : ITEM : SPECIAL */
/* -------------------------------------------------------------------------------- */
#matter div.noline {border: none;}
#matter div.related {border-top: 1px dashed #ccc; padding-top: 10px;}
#matter div.prevnxt {clear: both; border: 0; text-align:center;}
/* Necessary for containing floats */
#matter hr.clearfloat {display: block; clear: left; margin: 0; visibility: hidden;}
/* -------------------------------------------------------------------------------- */
/* MATTER : STYLE : HEAD */
/* -------------------------------------------------------------------------------- */
/* Block Heads */
#matter h2.headup { display: block; padding: 3px 5px; font: bold 1.35em Arial, sans-serif; color: #fff; text-align: left; text-shadow: #000 2px 2px 2px; }
#matter h2.headupweather {display: block; padding: 3px 5px; font: bold 1.35em Arial, sans-serif; color: #fff; text-shadow: #000 2px 2px 2px;}
#matter div.two h2.headup { text-align: left; width: 347px !important; width /**/: 359px; margin: 10px 0 0 10px !important; }
#matter div.two h2.headupweather {width: 157px !important; width /**/: 169px; margin: 10px 0 0 10px !important;}
#matter div.one h2.headup { text-align: left; width: 157px !important; width /**/: 169px; margin-bottom: 9px; }
#matter h2.teaser {display: block; font: bold 10px/10px Arial, sans-serif; color: #fff; margin: 0 0 5px; padding: 3px 0; background: #900; text-align: center; text-transform: uppercase; width: 100px; border: 1px solid #000; border-color: #d99 #600 #600 #d99;}
#matter h2 a { color: #fff; text-align: left; }
#matter h2 a:hover {color: #ddd;}
/* Major Head */
#matter h3,
#matter h3 a { font: 19px/21px Georgia, Times, serif; color: #000; text-align: left; margin: 0 0 5px; }
#matter h3 a:hover {color: #666;}
/* Headline */
#matter h4,
#matter h4 a { font: bold 1.12em Arial, sans-serif; color: #900; text-align: left; margin: 0 0 5px; }
#matter h4 a:hover {color: #c00;}
/* Subhead 1 */
#matter h5,
#matter h5 a { font: 13px/15px Georgia, Times, serif; color: #000; text-align: left; margin: 0 0 5px; }
#matter h5 a:hover {color: #666;}
/* Subhead 2 */
#matter h6,
#matter h6 a { font: bold 1.07em Arial, sans-serif; color: #900; text-align: left; margin: 0; }
#matter h6 a:hover {color: #c00;}
/* -------------------------------------------------------------------------------- */
/* MATTER : STYLE : MISC */
/* -------------------------------------------------------------------------------- */
#matter .sm { font-size: 9px; line-height:11px; text-align: left; margin: 0; }
.subscript { font-size: 7pt; font-family: Arial, helvetica, sans-serif; vertical-align: sub; }
.superscript { font-size: 8px; font-family: Arial, helvetica, sans-serif; vertical-align: super; }
#matter .red {color: #900;}
#matter .red a:hover {color: #c00;}
#matter .blk {color: #000;}
#matter .blk a:hover {color: #666;}
#matter .nomarg {margin-bottom: 0;}
/* -------------------------------------------------------------------------------- */
/* MATTER : STYLE : TEXT */
/* -------------------------------------------------------------------------------- */
/* Body Text */
#matter,
#matter p { font: 9pt Arial, sans-serif; color: #000; text-align: left; margin: 0 0 10px; }
/* Byline */
#matter p.byline { font: 1em Arial, sans-serif; color: #999; text-align: left; margin: 0 0 2px; }
/* Time Stamp */
#matter p.timestamp,
#matter p.timestamp a { font: 0.95em Arial, sans-serif; color: #999; text-align: left; margin: 0 0 2px; }
#matter p.timestamp a:hover {color: #666;}
/* Link */
#matter a { color: #009; margin: 0; border: 0; text-decoration: none; text-align: left; }
#matter a:hover {color: #06f;}
/* Decorated Link */
#matter a.link { color: #009; }
/* #matter a.link:after {content: url(img/link_up.gif);} Bad IE, bad!*/
#matter a.link:hover {color: #06f;}
/* #matter a.link:hover:after {content: url(img/link_dn.gif); Breaks in IE} */
/* -------------------------------------------------------------------------------- */
/* MATTER : STYLE : LIST */
/* -------------------------------------------------------------------------------- */
#matter ul {display: block; margin: 0; padding: 0 0 5px;}
#matter ul.arrow li { display: block; margin: 0; padding: 0 0 5px 10px; font: 1.05em Arial, sans-serif; background: url(images/objects/sm_red_arrow.gif) no-repeat left top; text-align: left; list-style: none; }
#matter ul.dash li { display: block; margin: 0 0 5px; padding: 0 0 5px; font: 1em Arial, sans-serif; text-align: left; list-style: none; border-bottom: 1px dashed #ccc; }
/* ADDED BY ERIC 4/12/06 ***************************************/
#matter ul.imgthb li {display: inline; float: left; clear: none; margin: 0; padding: 0 10px 5px 0; list-style: none;}
/****************************************/
#matter li p {font: 1.05em Arial, sans-serif; margin-bottom: 0;}
#matter li p + li {font: 1.05em Arial, sans-serif; margin-top: 5px;}
/* -------------------------------------------------------------------------------- */
/* MATTER : STYLE : IMAGE */
/* -------------------------------------------------------------------------------- */
#matter img.thumb {display: block; float: left; width: 70px; margin: 0 10px 10px 0; border: 0;}
#matter img.photo {display: block; width: 379px; margin: -10px -10px 10px -10px; border: 0;}
#matter img.spot {display: block; float: left; width: 169px; margin: -10px 10px -10px -10px; border: 0;}
#matter img.side {display: block; width: 169px; margin-bottom: 10px;}
/* -------------------------------------------------------------------------------- */
/* MATTER : STYLE : GALLERY */
/* -------------------------------------------------------------------------------- */
#matter #gallery {display: block; width: 359px; text-align: center; margin-left: -10px;}
#matter #gallery img {display: block; float: left; width: 100px; height: 100px; margin: 10px 0 10px 19px; border: 0;}
#matter #gallery p {clear: both;}
/* -------------------------------------------------------------------------------- */
/* MATTER : STYLE : EFFECT */
/* -------------------------------------------------------------------------------- */
/* Accented Background */
#matter .bkg {background: #eee url(images/objects/graydot.gif) no-repeat bottom right;}
/* Shifted Left Margin */
#matter .pad p,
#matter .pad h1,
#matter .pad h2,
#matter .pad h3,
#matter .pad h4,
#matter .pad h5,
#matter .pad h6,
#matter .pad ul,
#matter ul.pad {padding-left: 80px;}
/* Block Quote */
#matter blockquote {display: block; padding: 10px; border: 1px solid #ccc; background: #ffe; font: 13px/16px Georgia, Times, serif; -moz-border-radius: 10px;}
#matter blockquote a {color: #000;}
#matter blockquote a:hover {color: #666;}
#matter div.two blockquote {float: right; margin: 0 0 10px 10px; width: 150px !important; width /**/: 172px;}
#matter div.one blockquote {float: none; margin: 0 0 10px; width: 147px !important; width /**/: 169px;}
#matter div.pad blockquote {width: 100px !important; width /**/: 122px;}
#matter div.pad blockquote h5 {margin: 0 0 5px; padding: 0;}
/* RSS */
#matter a.rss {float:right; margin: 0; padding: 1px 3px; border: 1px solid; border-color: #fc6 #930 #930 #fc6; font: 10px/10px sans-serif; text-decoration: none; color: #fff; background: #f60;}
/* -------------------------------------------------------------------------------- */
/* CONTENT : STYLE: ACCENT COLOR */
/* -------------------------------------------------------------------------------- */
.spt {background: #c9c;}
.ctd {background: #cc9;}
.pho {background: #9cc;}
.out {background: #99c;}
.abt {background: #c99;}
.hom {background: #900;}
.hlt {background: #9c9;}
 /* Bevels for Block Heads */
h2.spt {border: 1px solid #000; border-color: #fcf #969 #969 #fcf;}
h2.ctd {border: 1px solid #000; border-color: #ffc #996 #996 #ffc;}
h2.pho {border: 1px solid #000; border-color: #cff #699 #699 #cff;}
h2.out {border: 1px solid #000; border-color: #ccf #669 #669 #ccf;}
h2.abt {border: 1px solid #000; border-color: #fcc #966 #966 #fcc;}
h2.hom {border: 1px solid #000; border-color: #d99 #600 #600 #d99;}
h2.hlt {border: 1px solid #000; border-color: #cfc #696 #696 #cfc;}
/* -------------------------------------------------------------------------------- */
/*NUMBER
*/
/* -------------------------------------------------------------------------------- */
.number { font-size: 9pt; font-family: Arial, sans-serif; text-align: left; padding-bottom: 10px; padding-left: 20px; list-style-type: decimal; list-style-position: outside; }