/* -------------------------------------------------------------------------------- */
/* GLOBAL*/
/* -------------------------------------------------------------------------------- */
div.hide {display: none;}
/* -------------------------------------------------------------------------------- */
/* 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,
#matter p {font: 1.05em Arial, sans-serif; color: #000000; margin: 0 0 10px;}
matter {display: block; float: left; width: 800px; 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 : SPECIAL */
/* -------------------------------------------------------------------------------- */
#matter div.noline {border: none;}
#matter div.related {border-top: 1px dashed #cccccc; 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-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 {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 {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;}
#matter h2 a:hover {color: #ddd;}
/* Major Head */
#matter h3,
#matter h3 a {font: 19px/21px Georgia, Times, serif; color: #000; margin: 0 0 5px;}
#matter h3 a:hover {color: #666;}
/* Headline */
#matter h4,
#matter h4 a {font: bold 1.12em Arial, sans-serif; color: #000000; 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; 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; margin: 0;}
#matter h6 a:hover {color: #c00;}
/* -------------------------------------------------------------------------------- */
/* MATTER : STYLE : MISC */
/* -------------------------------------------------------------------------------- */
#matter .sm {font-size: 12px; line-height:14px; margin: 0;}
#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: 1.05em Arial, sans-serif; color: #000; margin: 0 0 10px;}
/* Byline */
#matter p.byline {font: 1em Arial, sans-serif; color: #999; margin: 0 0 2px;}
/* Time Stamp */
#matter p.timestamp,
#matter p.timestamp a {font: 0.95em Arial, sans-serif; color: #999; margin: 0 0 2px;}
#matter p.timestamp a:hover {color: #666;}
/* Link */
#matter a {color: #007; margin: 0; border: 0; text-decoration: none;}
#matter a:hover {color: #00c;}
/* Decorated Link */
#matter a.link {color: #900;}
/* #matter a.link:after {content: url(http://www.sc.edu/portal/content/img/link_up.gif);} Bad IE, bad!*/
#matter a.link:hover {color: #c00;}
/*JGF COE added 01/14/08*/ #matter textarea {font-size:13px;}
/* #matter a.link:hover:after {content: url(http://www.sc.edu/portal/content/img/link_dn.gif); Breaks in IE} */
/* -------------------------------------------------------------------------------- */
/* MATTER : STYLE : LIST */
/* -------------------------------------------------------------------------------- */
#matter ul {display: block; margin-left: 20px; padding: 0 0 5px;list-style: square outside url('../arrow.gif');}
#matter ul.arrow li {display: block; margin: 0; padding: 0 0 5px 10px; font: 1.05em Arial, sans-serif; }
#matter ul.dash li {display: block; margin: 0 0 5px; padding: 0 0 5px; font: 1.00em Arial, sans-serif; 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(../../../www.sc.edu/portal/content/img/graybkg.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 -moz-border-radius: 10px;}
#matter blockquote a {color: #007;}
#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;}
/* -------------------------------------------------------------------------------- */
.tableinput0 {text-align:left;background-color:#ffffaf;font-family:Arial, helvetica, sans-serif;font-size:9.5pt;color:#000080;font-weight:normal;text-decoration:none;}
.tableinput1 {text-align:left;background-color:#f2f2E1;font-family:Arial, helvetica, sans-serif;font-size:9.5pt;color:#000080;font-weight:normal;text-decoration:none;}
.tableinput1I {text-align:left;background-color:#ffffaf;font-family:Arial, helvetica, sans-serif;font-size:9.5pt;color:#000080;font-weight:normal;text-decoration:none;}
.tableinput3 {text-align:left;background-color:#ffffff;font-family:Arial, helvetica, sans-serif;font-size:9.5pt;color:#000080;font-weight:normal;text-decoration:none;}
.tableinput1R {text-align:right;background-color:#f2f2E1;font-family:Arial, helvetica, sans-serif;font-size:9.5pt;color:#000080;font-weight:normal;text-decoration:none;}
.tableinput1C {text-align:center;background-color:#f2f2E1;font-family:Arial, helvetica, sans-serif;font-size:9.5pt;color:#000080;font-weight:normal;text-decoration:none;}
.tableinput2 {text-align:left;background-color:#F2F2E1;font-family:Arial, helvetica, sans-serif;font-size:9.5pt;color:#000080;font-weight:normal;text-decoration:none;}
.tablequestion {text-align:left;background-color:#EEEECC;font-family:Arial, helvetica, sans-serif;font-size:9.5pt;color:#000080;font-weight:normal;text-decoration:none;}
.tablequest1 {text-align:left;background-color:#FFFFCC;font-family:Arial, helvetica, sans-serif;font-size:9.5pt;color:#000080;font-weight:normal;text-decoration:none;}
.tablequest2 {text-align:left;background-color:#DDFFFF;font-family:Arial, helvetica, sans-serif;font-size:9.5pt;color:#000080;font-weight:normal;text-decoration:none;}
