body {
  background-color: #8D8D83;
  background-image: url('/images/sbcc_background.jpg');
  background-repeat: repeat-x;  background-position: fixed;
  font-family: Arial,Verdana,Helvetica, sans-serif;
  font-size:100%;
  line-height:1em;
}

a { color: #C0131E; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }

p.courseDescrip { clear: both; padding-bottom: 8px;}

#page {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -25.03em;
  width: 50.0625em;
  background-color: #FFF;
  
  
}

#header {
  background-color: #000;
  background-image: url('/images/header-background.jpg');
  background-repeat: no-repeat;
  color: #000;
  font-weight: bold;
  font-size: .625em;
  text-align: right;
  height: 72px;
  padding-top: .2em;
  padding-right: .5em;
  border-top: 8px solid #000;
  line-height: 1.1em;
}

#header a { text-decoration: none; color: #000000; }
#header a:hover { text-decoration: underline; color: #000000; }

#search { display: block; vertical-align: middle; margin: 2px 0 0 0; height: 20px; padding: 0;}

.searchButton { color: #FFFFFF; background-color: #B42426; font-weight: bold; font-size: 1em; width: 50px; height: 20px; border: 1px solid #B42426; }

#logo-badge {
  z-index: 5;
  position: absolute;
  top: 0;
  left: 10;
  width: 188px;
  height: 152px;
  background-image: url('/images/logo-badge-24bit.png');
  background-repeat: no-repeat;
}

#container {
  float: right;
  clear: left;
  width: 600px;
  font-size:0.70em;
  background-color: #FFFFFF;
  padding-bottom: 4em;
  padding-top: 1em;

  padding-right: 2px;

}

#leftCol {  position: relative;  float: left;  width: 45%; }
#rightCol {  position: relative;  float: right;  width: 45%; }


td,th { font-size: .7em; }

.row1 { background-color: #DFDFDF; }
.row2 { background-color: #F2F2F2; }

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; color: #B42426;}
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; font-style: italic;}
h6 { font-size: 1em; font-weight: bold;}

#content {
  float: left;
  width: 400px; 
  position: relative;
  padding: 8px;

}

#sidebar {
  float: right;
  width: 172px;
  overflow: hidden;
  padding-top: 2em;
}

#sidebar img { margin-top: 1.5em; }

#leftbar { background-color: #FFFFFF; }

#navigation {
  background-color: #F5F2E0;
  float: left;
  padding-top: 2em;
  padding-left: 40px;
  padding-right: 4px;
  padding-bottom: 0px;
  background-repeat: no-repeat;
  border-bottom: 24px solid #B42426;
  min-height: 240px;
}

#subnav {
	padding-left: 40px;
	padding-top: 8px;
	clear: left;
}


#navigation img { padding-top: 4px; padding-bottom: 4px; border: none; }

#navigation span {
    background-image: url('/images/explore1.gif');
    background-repeat: no-repeat;
    height: 317px;
    width: 40px;
    display: block;
    position: absolute;
    top: 80px;
    left: 0px;
    z-index: 2;
}

#navigation span.Academics {
    background-image: url('/images/Academics.gif');
    background-repeat: no-repeat;
    height: 168px;
    width: 40px;
    display: block;
    position: absolute;
    top: 80px;
    left: 0px;
    z-index: 2;
}
#navigation span.Administrative{
    background-image: url('/images/Administrative.gif');
    background-repeat: no-repeat;
    height: 206px;
    width: 40px;
    display: block;
    position: absolute;
    top: 80px;
    left: 0px;
    z-index: 2;
}



#navigation ul, #subnav ul {
  font-size: .7em;
  margin: 0;
  padding: 0;
  width: 134px;
  list-style-type: none;
    border: 1px solid #D8D4C3;
  z-index: 4;

}

#navigation li, #subnav li {
  padding: 2px;
  border: 1px solid #D8D4C3;
}

#navigation li:hover, #subnav li:hover {
  background-color: white;
}

#navigation a, #subnav a  {
  text-decoration: none;
  font-weight: bold;
  color: #333;
  width: 134px;
}

#navigation a:hover, #subnav a:hover {
    color: #C0131E;
}

#navigation .flyout { display: none; }

#footer {
    clear: both;
    background-color: #333;
    color: #C0131E;
    text-align: center;
    font-size: .7em;
    padding: .5em;

}


#footer a {
    color: #FFF;
    text-decoration: none;

}

#address {
    clear: both;
    color: #333; 
    background-color: #8D8D83;   
    text-align: center;
    font-size: .7em;
    padding: .5em;
}

.hidden {display: none;}

#role-nav { width: 50.0625em; 
background-color: #000; 
color: #FFF; 
height: 38px; 
position: relative; 
top: 0px; 
right: 0px; 
padding: 0px;
margin: 0px;
border-top: 8px solid #B42426; overflow: hidden;}

#role-nav ul { position: absolute; top: -16px; _top: -4px; /* Positioning hack on the background image */ right: 0px; }
#role-nav ul li { display: inline; margin: 0 0 0 0; text-indent: -9999px; list-style: none; overflow: hidden; background-position: 0% 0%;}
#role-nav a { display: block; float: left;}

a#prospectiveStudents { background-image: url('/images/rolenav/futureStudents.gif'); height: 38px; width: 114px; }
a#prospectiveStudents:hover { background-image: url('/images/rolenav/rollovers/futureStudents.gif'); height: 38px; width: 114px; }
a#prospectiveStudents.path { background-image: url('/images/rolenav/rollovers/futureStudents.gif'); height: 38px; width: 114px; }
a#currentStudents { background-image: url('/images/rolenav/currentStudents.gif'); height: 38px; width: 120px; }
a#currentStudents:hover { background-image: url('/images/rolenav/rollovers/currentStudents.gif'); height: 38px; width: 120px; }
a#currentStudents.path { background-image: url('/images/rolenav/rollovers/currentStudents.gif'); height: 38px; width: 120px; }
a#parents { background-image: url('/images/rolenav/parents.gif'); height: 38px; width: 63px; }
a#parents:hover { background-image: url('/images/rolenav/rollovers/parents.gif'); height: 38px; width: 63px; }
a#parents.path { background-image: url('/images/rolenav/rollovers/parents.gif'); height: 38px; width: 63px; }
a#facultyStaff { background-image: url('/images/rolenav/facultyStaff.gif'); height: 38px; width: 108px; }
a#facultyStaff:hover { background-image: url('/images/rolenav/rollovers/facultyStaff.gif'); height: 38px; width: 108px; }
a#facultyStaff.path { background-image: url('/images/rolenav/rollovers/facultyStaff.gif'); height: 38px; width: 108px; }
a#foundation { background-image: url('/images/rolenav/alumniDonors.gif'); height: 38px; width: 112px; }
a#foundation:hover { background-image: url('/images/rolenav/rollovers/alumniDonors.gif'); height: 38px; width: 112px; }
a#foundation.path { background-image: url('/images/rolenav/rollovers/alumniDonors.gif'); height: 38px; width: 112px; }
a#continuingEd{ background-image: url('/images/rolenav/continuingEd.gif'); height: 38px; width: 98px; }
a#continuingEd:hover { background-image: url('/images/rolenav/rollovers/continuingEd.gif'); height: 38px; width: 98px; }
a#continuingEd.path { background-image: url('/images/rolenav/rollovers/continuingEd.gif'); height: 38px; width: 98px; }


/*Homepage */

#contentTop {
	height: 342px;
  	background-color: #F5F2E0;
}

/* Department template */

#department-title {  width: 50.0625em; 
background-color: #000; 
color: #FFF; 
height: 38px;
padding-bottom: 2px;
position: relative; 
top: 0px; 
right: 0px; 
padding: 0px;
margin: 0px;
border-top: 8px solid #B42426; overflow: hidden; text-align: left; text-indent: 200px;}
#department-title h1 { font-size: 110%; position: absolute; line-height: 16pt; float: left; top: -2px;}

.backtoSBCC {
	float: right; position: absolute; top: 0px; right: 0px;
}

#graphic-header {
	width: 594px;
	border-top: 8px solid #B42426; 
	border-bottom: 8px solid #B42426; 
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 12px;
	overflow: hidden;
	text-align: center;
}



hr { height: 1px; color: #CCCCCC; }

hr.courseTemplate { height: 8px; color: #B42426; background-color: #B42426; border: 0px; }

#contact {
	padding: 4px;
	background-color: #D9D9D9; 
	background-image: url('/images/contact_background.png');
	background-repeat: no-repeat;
}

#contact p.title {
	 font-weight: bold;
}

#tenSteps { background-color: #F5F2E0; border: 2px solid #D8D4C3; padding: 2px; }
#tenSteps img { margin: 0px; }

/* Hide content specific to mobile site */
.mobile { display: none; }