/* layout.css */
@import url(default.css);




#bkg-image{
	width: 970px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/page_bg_white.jpg) repeat-y center top;
}

#wrapper {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}

#wrapper1 {
	width: 950px;
	display: block;
}

#wrapper2 {
	width: 770px;
	display: block;
	float: left;	
	overflow: hidden;
}



/*BRANDING */
#branding{
	width: 950px;
	height: 80px;
	display: block;
	background-color: #000000;
	overflow: hidden;
}

#branding img{
	float: left;
	margin:0;
	padding: 0;
	border: 0;
	background: none;
}

#leftsideUSC{
	width: 950px;
	height: 15px;
	display: block;
	background-color: #000000;
	overflow: hidden;
}

#leftsideUSC img{
	float: left;
	margin:0;
	padding: 0;
	border: 0;
	background: none;
}


/*--------------------This is the left side nav bar-------------------*/

#nav {
	float: left;
	display: block;
	width: 180px;
	padding-bottom: 20px;
	background-color: #333333;
	color: #FFFFFF;
	margin:0;
	padding: 0;
}


#navTOP {
	background-color: #333333;
	padding: 65px 0 5px 15px;

}

#navTOP li a {
	color: #FFFF99;
		border-bottom: 0;	
}

#navBOTTOM li a {
	color: #FFFFFF;
		border-bottom: 0;	
}

#navBOTTOM {
	background-color: #333333;
	padding: 6px 0 14px 0;
}

#nav ul{
	margin: 0px;
	padding: 0px 2px 0px 0px;
	list-style-image: none;
}


#nav ul li {
	margin: 0;
	padding: 0px 0 5px 0;
}

#nav ul li a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .95em;
	text-decoration: none;
	padding-left: 15px;	

	
}
#nav li a:hover {
	text-decoration: none;
	background-image: url(http://www.sc.edu/template/images/lnav_arrow_white.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#nav img {
	padding: 0;
	border: 0;
	background: none;
}




/*---------------This is the Search Box DIV---------- */

#searchbox {
	background-color: #000000;
	display: block;
	float: right;
	width: 150px;
	margin-top: 19px;
	padding-right: 10px;
}

#searchbox label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .70em;
	color: #FFFFFF;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
#searchbox input {
	display: block;
	float: left;
	margin-right: 5px;
}

#searchbox input#searchSubmit {
	width: 16px; 
	height: 16px;
}
#searchbox input#qp {
	display: none;
	font: .80em Arial, sans-serif;
	padding: 0;
	margin: 0;
}

#searchbox a {
	display: block;
	clear: both;
	font: .85em Arial, sans-serif;
	text-decoration: none;
	color: #fff; /*padding: 5px 0; Breaks in IE*/

}
#searchbox a:hover {
	background: none; 
	color: #ccc;
}


/*----------------This ends the SearchBox DIV---------------------*/

/*------------------Main content------*/
#main-content-wide {
	display: block;
	float: left;
	width: 760px;
	padding: 0 5px;
	margin: 0;
}


#main-content {
	display: block;
	float: left;
	width: 520px;
	padding: 0 5px;
	margin: 0;
}

#main-content img{
	padding: 5px;
}

#main-content .imgNoBorder{
	margin:0;
	padding: 0;
	border: 0;
	background: none;
}

.hearder-img{
	padding: 0;
	margin: 0;
	border: 0;
	display: block;
	overflow: hidden;
}

.profile{
	padding-right: 15px;
	padding-bottom: 0;
}

.extrapadding{
	padding-bottom: 8px;
}

#sidebar{
	float: right;
	width: 220px;
	padding: 0 5px;
	margin: 0;
}



#col1{
	float: left;
	width: 256px;
}
#col2{
	float: right;
	width: 258px;
	border-left: 1px #ccc solid;
	padding: 0 5px 0 5px;
}

#col-wrapper {
	display: block;
	float: left;
	width: 100%;
}

#col1-50{
	float: left;
	width: 49%;
}
#col2-50{
	float: right;
	width: 49%;
	border-left: 1px #ccc solid;
}

/* classes for controlling tables  */
.trNoBorder{
	border-bottom: none; 
}
	
.tblNoBorder{
	padding: 5px 5px 5px 0;
	bottom: none; 
}
.tblHeader{
	padding: 0 5px;
}
.tblText{
	border: none;
}


/* =TABLES */

.table-noborder, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;	
}

.table-noborder {
	margin: 5px 10px 10px 10px;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 90%;
}


.table-noborder tr, .table-noborder th, .table-noborder td {
	vertical-align: top;
}



.table-noborder th, .table-noborder td {
	padding: 5px;
	border: none;
}



.table-noborder td h1, .table-noborder td h2, .table-noborder td h3, .table-noborder td h4, .table-noborder td h5, .table-noborder td h6,
.table-noborder td p, .table-noborder td ul, .table-noborder td ol, .table-noborder td dl {
	margin-left: 0;
	padding: 0;
}





/* image without a border */
.imgBorder {
	margin: 0;
	padding: 2px;
	border: 1px solid #9d9879;
	display: block;
	background-color: #fff;
}

/* = format lists on SCHEART nav rail */
.ul-hamNav1{
	list-style-image: none;
	margin-left: 0px;

}

.li-hamNav1{
	padding-top: 10px;
	color: #333;
}


.small{
	font-size: 8pt;
}

.fontBlue {
	color: #036;
}

/* = si-clear-children */
.pc, .sc {
	position : absolute;
	top : 0;
	left : 0;
}
.clear_children, .cc_tallest {position : relative; }
/*\*/* html .clear_children { display : inline; }/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */


h1 li {
	display : inline; 
}


/*-------------------------This is the site info toolbar-----------------*/

#footer {
	clear: both;
	width: 950px;
	background-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	text-align:center;

}
#footer a{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}
#footer ul{
	overflow: hidden;
	margin: 0;
	padding: 0;

}
#footer li{
	float: left;
	display: inline;
	padding:0;
	margin: 0;
}
.toTop{
	width: 180px;
}
.directory{
	width: 134px;
	background-color: #000000;
	border-right: 1px solid #666666;
}
.uscMap{
	width: 134px;
	background-color: #000000;
	border-right: 1px solid #666666;
}
.events{
	width: 134px;
	background-color: #000000;
	border-right: 1px solid #666666;	
}
.vip{
	width: 135px;
	background-color: #000000;
}
.siteinfo{
	width: 229px;
}

/*-------------------This ends the bottom toolbar----------------------*/


/* form field */
.field{
	margin: 0;
	padding: 0 0 0 5px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #333;
}


/*-------------This is the credit and copyright divs--------------*/

#creditline {
	display: block;
	float: left;
	width: 950px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #ffffff;
	color: #000000;
}
#creditline ul{
	margin: 0;
	padding: 0;
}
.address {
	display: block;
	margin: 5px 10px 5px 15px;
	float: left;
}


.copyright {
	display: block;
	margin: 5px 15px 5px 5px;
	float: right;
}

/* SKIP NAV */
#skipnav{
	position: absolute;
	left: -100px;
	z-index: 6;
	display: none;
}
#skipnav ul{
	display: block; list-style: none;
}
#skipnav span {
	display: none;
}

br.clear{ clear: both;}

.clear:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

.error{ 
	color: #990000;
}

.red{
	color: #990000;
}

.clear { 
	min-height: 0px;
}
* html .clear{
	height: 0px;
}
div.figure-right {
  float: right;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure-right p {
  text-align: center;
  font-style: italic;
  font-size: 9pt;
  text-indent: 0;
  margin: 0;
  padding: 0;
  padding-bottom: .5em;
}

div.figure-left {
  float: left;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure-left p {
  text-align: center;
  font-style: italic;
  font-size: 9pt;
  text-indent: 0;
  margin: 0;
  padding: 0;
  padding-bottom: .5em;
}

div.figure-center {
  float: center;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure-center p {
  text-align: center;
  font-style: italic;
  font-size: 9pt;
  text-indent: 0;
  margin: 0;
  padding: 0;
  padding-bottom: .5em;
}