@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	Padding:0;
}

html {
    font-size: 100%;
}
/* KRISTI EDIT

body{
    font-family: Arial, Helvetica, sans-serif;
	background-color: #247a3b;
	background-image: url(/Institutions/Crafton-Hills-College/images/bg-body-Spring-2012.jpg);
	background-position: top;
	color: #000;
	height: 100%;
	width:100%;
    font-size: 14px;
	font-size: .875rem;
	line-height: 1.4;
    margin: 0;
	padding: 0px;
	z-index: 1;
}
*/

#scWebEditRibbon {
	display: none ;
	}

blockquote {
	margin-left:40px;
}
form {
	display: block;
	width: 100%;
	float: left;
	z-index: 1;

}

a img {
	border:none;
	}
img {
    max-width: 100%;
	height: auto;
}	





p {
   /* font-size: 14px;
	font-size: .875rem;*/
    font-weight: normal;
}
a:link {

}
a:hover {
	text-decoration:underline;
}
strong {
}

ul.sc-ListBullet {

}
ul {

}

#smallmenu {
   display:none;
}

#pagewrapper1 {
	:600px;
	z-index:-1;
	width: 100%;
	float:none;
	/* background-color:#ececec;
	background-image: url(/Institutions/Crafton-Hills-College/images/bg-body-Spring-2012.jpg); */
	margin-left:auto;
	margin-right:auto;
}


#pagewrapper2 {
	z-index:0;
	margin-top: 0px;
	display:block;
    padding-top: 0px;
	width: 100%;
	/* background-image: url(/Institutions/Crafton-Hills-College/images/bg-body-Spring-2012.jpg); */
	margin-left:auto;
	margin-right:auto;
	}
	/* KRISTI EDIT
#container {
    font-size: 14px;
	font-size: .875rem;*/
	/* height: 100%; */
/* KRISTI EDIT }	*/
	/* KRISTI EDIT

.container_12 {
margin-left: auto;
margin-right: auto;
max-width: 960px !important;
width:100% !important;
}
	
#header.container_12 {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 960px !important;
	width:100% !important;
}

#pageHeader {
margin: 0 auto;
position: relative;
max-width: 900px !important;
width:100% !important;
}

#banner {
    display: block;
	display: inline;
	float: left;
    width: 100%;
    background-image: url(/Institutions/Crafton-Hills-College/images/bg-Page-Header-7.jpg);
    background-position: top;
    background-repeat: no-repeat;
	margin: 0 auto;
	: 60px;
	z-index: 1;
    max-width: 960px;
    border-bottom: 1px solid #B1DBE4;
}

#banner > p {
font-family: 'Yanone Kaffeesatz', arial, serif;
font-size: 34px;
font-weight: normal;
height: 40px;
line-height: 40px;
padding: 0 10px 0 30px;
margin: 10px 0 0 0;
float:left;
width: 50%;
}

#logo {

}

#footer {
    font-size: 14px;
	font-size: .875rem;
	height: 180px;
	line-height: 1.2;
}

.secondaryNav, .utilityNav, .mainNav {
    line-height: 1.2;
}

*/
#largeHeader {
    /* max-width:950px; */
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}

#bannerright p {
    font-size: 24px;
	font-size: 1.5rem;
	color: rgb(0,91,172);
	font-weight: bold;
	line-height: 1.2;
}

.bannerWrap {
    max-width:950px;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}

.largeLogoM  {
    line-height: 1;
	font-size: 11px;
	height: 103px;
}

.largeLogoM a {
    line-height: 1;
	font-size: 11px;
}

.jqLinkList {
     display: none;
}

#largeHeader .mainNav ul li {
padding-bottom: 6px;
height:13px;
line-height: 13px;
}

#banner-title {
	float:left;
	margin: 13px 10px 0 42px;
    max-width: 800px;
	width: 80%;
}
/* KRISTI EDIT

#middle{
	display: block;
	max-width: 960px;
	width: 100%;
	margin: 0px auto;
	/* position:relative; 
	z-index:0; */
	}
*/


#leftpanel{
	display: block;
	max-width:285px;
	width: 30%;
	float: right;
	margin-left: 9px;
	padding: 10px;
background-color: #E3F4AE;
border-bottom: 1px solid #99CCFF;
font-weight: bold;
color: #3399CC;
	}
	
#rightpanel {
	display: block;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 5px;
	background-color: white;
}

#catalog-dropdown {
	float:right;
	max-width:290px;
	color:#333;
	color: #3399CC;
	margin: 15px 20px 0 0;
}


#footerSC {
	/* KRISTI EDIT
text-align: center;
*/
	padding: 10px 0;
}
#footerSC  a{
    font-size: .7em;
	color: #fff;
}


td.sc-coursenumber  {
	width: 80px;
}

td.sc-coursetitle  {
	width: 280px;
}

.credits {
	text-align:right;
	margin:0 0px 0 5px;
	}
	
.sc-totalcredits { 
	text-align:right;
	font-weight:bold;
	margin:10px 5px 0 5px;
	border-top:1px solid #aaa;
	}

.sidebox div.hdr {
	font-family:"Bitter", "Times New Roman", Times, serif;
	font-weight: bold;
   /* KRISTI EDIT
 color:#333;
	color: #3399CC;
*/
	font-size: 14px;
	font-size: .875rem;
}

.sidebox div.sideboxbrdr ul{
	list-style: none outside none;
	margin: 0;
	padding: 0;
	}

.sidebox div.sideboxbrdr ul a{
/* KRISTI EDIT
   color: #333;
   color: #3399CC;
*/
	}

.sidebox div.sideboxbrdr ul li {
	
    display: block;
	}

.expandable {
		float:left;
	}

.sidebox div.sideboxbrdr ul li a{
	border-bottom: 1px solid #4ea558;
  /* KRISTI EDIT
  color: #333333;
	color: #3399CC;
*/
    display: block;
/* KRISTI EDIT
	text-decoration:none;
*/
	padding:4px;
	margin-right:5px;
/* KRISTI EDIT
	font-size: 12px;
	font-size: .75rem;
*/
	line-height: 2;
	}
.sidebox div.sideboxbrdr ul li a:hover{
	/* KRISTI EDIT
color:#6cf;
*/
	/* background-color:#ccc; */
}


.sidebox div.sideboxbrdr ul a:active {
}

.sidebox div.sideboxbrdr {

}


div.ui-dialog span.desc #sc-content {
    font-size: 11px;
	font-size: .6875rem;
	margin:0 20px 20px 20px;
	border:none;
}

div.ui-dialog span.desc p.boxlink a {
    color: #005DAA;
	padding-left: 10px;
    text-align: left;
    font-size: 14px !important;
	font-size: .875rem !important;
}

div.ui-dialog span.desc h3 {
	padding-left: 0px;
	text-align: left;
    font-size: 14px !important; 
	font-size: .875rem !important;
	font-family: Arial, Helvetica, sans-serif !important;
}
/* KRISTI EDIT

#breadcrumbs{
    font-size: 13px !important; 
	font-size: .8125rem !important;
	padding: 5px 0 13px 0 !important;
	margin: 0 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	line-height: 1 !important; 
}

#breadcrumb {
	display: block;
	float: left;
	width: 90%;
	color:#000;
	margin-top:3px;
	padding: 0px 10px 0 30px;
}
#breadcrumb p {
    font-size: 13px !important; 
	font-size: .8125rem !important;
	color: #000;
	margin: 0px;
}

#breadcrumb p a:link, #breadcrumb p a:visited {
	text-decoration: underline;
	color: #005bac;
    font-size: 13px; 
	font-size: .8125rem;
	font-weight: normal;

}

#breadcrumb p a:hover {
	text-decoration: underline;
	font-weight: normal;
}
*/

div.credits {
	font: 14px/16px Arial, Helvetica,sans-serif;
	color: #333;
}

#sc-rightpanel-top {
    float: right;
    margin-top: 5px;
    padding-top: 0;
    max-width: 430px;
	margin: 0 20px;
	color:#333;
}


#leftcolumn_0_txtBxTerm{
	background-image: url(/Institutions/Crafton-Hills-College/images/search-icon.png);
	background-repeat: no-repeat;
	background-position: 1% 50%;
	background-size: 30px 30px;
	padding: 5px 5px 5px 35px;
	border: 1px solid rgb(169, 169, 169);
	}
	
#leftcolumn_0_Panel1 label {
	display: none;
}
	
#sc-top-links {
	padding: 0px;
	width: auto;
	margin-right: 0px;
	margin-left:10px;
	float:right;
}

#sc-top-links p.print {
	text-align:left;
	margin-top:3px;
}

.sc-List-1 {
    padding-top: 7px;
	padding-bottom: 8px;
}

.sc-List-2 {
    padding-left: 20px;
	line-height: 1 !important;
	padding-bottom: 5px;
}
.sc-List-3 {
    padding-left: 40px;
	line-height: 1 !important;
	padding-bottom: 5px;
}

.sc-SubHeading {
    font-weight: bold;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 5px;
}

span.mc_link a:link {
	font-weight: normal;
}

span.mc_link a:hover {
	font-weight:bold;
	text-decoration: underline;
}


span.mc_link a:active{
	text-decoration: none;
}

#sc-content ul {
	margin-top: 10px;
}

#sc-parentlink, #sc-childlinks {
	float:left;
	width:100%
}

#sc-parentlink  ul, #sc-childlinks ul  {
	list-style: none;
	margin: 0px;
	margin-left: 0px;
	width: 100%;
	padding: 0px;
}

#sc-parentlink ul li p, #sc-childlinks ul li p {
	margin-top: 0px;
	margin-bottom:0px;
	padding: 0px;
}


#sc-childlinks {
	float:left;
	width: 100%;
}
#sc-childlinks ul li {
	margin-top:5px;
}
.sc-requirementsNote p {
		font-style: italic;
}	   

span.desc #main div.desc, span.desc #main div.credits  {
	height: auto;
	margin-right: 10px;
	}
	
span.desc div#main {
	margin-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
	color: #333;
    font-size: 14px;
	font-size: .875rem;
    font-weight: normal;
    line-height: 18px;
}

div.credits {
	color: #333;
	font-size: 14px;
	font-size: .875rem;
	text-align: left;
	margin-left: 0px;
}

/* KRISTI EDIT
#rightpanel {
	max-width: 645px;
	padding-right: 0px;
	width: 68%;
}
*/
		
#rightpanel #main {
	display:block;
	float: left;
	/* KRISTI EDIT
max-width: 605px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 10px;
*/
	margin: 0;
	/* KRISTI EDIT
padding: 5px 10px 5px 30px;
*/
	: 600px;
	width: 100%;
}


.sc-ListNumber {
    list-style: decimal;
		margin-left:10px;
}
.sc-ListNumber2 {
    list-style: decimal;
		margin-left:10px;
}
.sc-ListAlpha {
	color:#000;
    list-style: upper-alpha;
		margin-left:10px;
}
.sc-ListAlpha2 {
	color:#000;
    list-style: lower-alpha;
		margin-left:10px;
}

div.sidebox {
	margin-top: 15px;
	margin-left: 0px;
	}
	
#searchtoggle {
		background-image: url(/Institutions/Crafton-Hills-College/images/search-icon.png);
	    background-repeat: no-repeat;
	    background-position: 1% 50%;
		background-size: 30px 30px;
		cursor: pointer;
		width:99%;
		height: 30px; 
		display: none;
		margin:15px 0;
	}
		
.applause-icon{background-image: url(../images/applause-icon.png); background-repeat: no-repeat;
	    background-position: 0 1px;
		background-size: 15px 15px;
		cursor: pointer;
		width:15px;
		height: 15px; 
		display: inline-block;
		}

#leftcolumn_0_Panel1 > div.sidebox > div.hdr {
display: inline;
}

#leftcolumn_0_Panel1 > div.sidebox > div.sideboxbrdr {
display: inline;
}

#leftcolumn_0_Panel1 > div.sidebox {
    display: block;
}

    .toggled-on {
	    display: block !important;
	}
	.toggled-oni {
	    display: inline !important;
	}
	
#rightpanel li{
	font-size:13px;
	font-size: .875rem;
		margin-left:20px;
	}
	
#rightpanel ul li {
	list-style-type: disc;
	margin-left:20px;
	line-height: 1.5em;
    padding-bottom: 5px;
    padding-top: 5px;
}

#rightpanel ul li li {
	list-style-type: circle;
	margin-left:20px;
	line-height: 1.5em;
    padding-bottom: 5px;
    padding-top: 5px;
}

#rightpanel ul li li li {
	list-style-type: disc;
		margin-left:20px;
		line-height: 1.5em;
    padding-bottom: 5px;
    padding-top: 5px;
}

#rightpanel ul li li  li li  {
	list-style-type: circle;
		margin-left:20px;
		line-height: 1.5em;
    padding-bottom: 5px;
    padding-top: 5px;
}
	
#rightpanel ol li  {
	list-style-type: decimal;
		margin-left:20px;
		line-height: 1.5em;
    padding-bottom: 5px;
    padding-top: 5px;
}

#rightpanel ol li li {
	list-style-type: lower-alpha;
		margin-left:20px;
		line-height: 1.5em;
    padding-bottom: 5px;
    padding-top: 5px;
}
	
#rightpanel p.sc-List-1 {
	   margin-left: 20px;
    text-indent: -20px;
	line-height: 1.5em;
    padding-bottom: 5px;
    padding-top: 5px;
}
#rightpanel p.sc-List-2 {
	   margin-left: 40px;
    text-indent: -20px;
	line-height: 1.5em;
    padding-bottom: 5px;
    padding-top: 5px;
}
#rightpanel p.sc-List-3 {
	margin-left:60px;
	text-indent:-20px;
	line-height: 1.5em;
    padding-bottom: 5px;
    padding-top: 5px;
}
#rightpanel p.sc-Note {
	font-style:italic;
}
#rightpanel li a:link,
#rightpanel li a:active,
#rightpanel li a:focus,
#rightpanel li a:visited {
	color:#482879;
	text-decoration: none;
	font-size: 13px;
	font-size: .875rem;
	font-weight:normal;
}


#rightpanel li a:hover {
	color:#333;
	font-weight: normal;
}

/*Adding styles for sc-courselink*/		
#rightpanel .sc-courselink a{
	font-size:12px;
	font-size: .75rem;
	color: #333;
	}

#rightpanel .sc-courselink  a:link,
#rightpanel  .sc-courselink a:active,
#rightpanel .sc-courselink a:focus,
#rightpanel .sc-courselink a:visited {
	color: #333;
	text-decoration: none;
}


#rightpanel td.sc-coursenumber a:hover {

	font-weight: normal;
	text-decoration: underline;
}

/*End new styles for sc-courselink*/	

#sc-top-links a:link, 
#sc-top-links a:active, 
#sc-top-links a:focus, 
#sc-top-links a:visited {
	/*text-decoration: none;
    color: #005bac;
    font-size: 11px;
	font-size: .6875rem;*/
}

#sc-top-links a:hover {
	text-decoration: underline;
	font-weight: normal;
	background:none;
	border:none;
}

#sc-parentlink a:hover, #sc-childlinks a:hover {
	text-decoration: underline;
}
/*
h1{font-size:2.0em; font-family: 'Yanone Kaffeesatz', arial, serif; font-weight: 400; line-height:1.2; z-index:999; position:relative }
h2{font-size:1.5em; line-height:1.3em; font-family: "Times New Roman", Times, serif; color:#777777; font-weight:normal}
h3{font-size:1.2em; line-height:1.3em; font-family: "Times New Roman", Times, serif; color:#777777; font-weight:normal}
h4{font-size:1.1em; line-height:1.3em; font-family: "Times New Roman", Times, serif; color:#777777; font-weight:normal}
h5{font-size:1em; line-height:1.3em; font-family: "Times New Roman", Times, serif; color:#777777; font-weight:normal}
*//* KRISTI EDIT

h1 {
	color:#777;
	font-size:28px;
	font-size: 1.75rem;
	line-height:1.2em;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
*/
	/* font-family: 'Yanone Kaffeesatz', arial, serif; */
/* KRISTI EDIT
	font-weight: 400;
	font-size:21px;
	font-size: 1.3125rem;
}
*/

h2 {
	/*color:#777;
	font-size:21px;
	font-weight:normal;
    font-size: 1.3125rem;
	line-height:1.3em;
	font-family: "Times New Roman", Times, serif;
	font-size:19px;
	font-size: 1.1875rem;*/
}
h3 {
	/*color:#777;
	font-size:16.8px;
	font-weight:normal;
    font-size: 1.05rem;
	line-height:1.3em;
	font-family: "Times New Roman", Times, serif;*/
}

h4 {
	/*color:#777;
	font-size:15.4px;
	font-size: .9625rem;
	font-weight:normal;
	line-height:1.3em;*/
}
h5{/*font-size:14px; font-size:.875rem; line-height:1.3em; font-family: "Times New Roman", Times, serif; color:#777777; font-weight:normal*/}

h1, h2, h3, h4, h5, h6 {
    margin-top: 14px;
}

div#main h1:first-child {
     margin-top: 0;
}

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

.addthis_default_style{
	padding:10px;
}

select, option, input {
/* KRISTI EDIT
	font-size: 11px;
	font-size: .6875rem;
*/
	margin-top: 6px;
}
p.sc-BodyText, p.sc-BodyTextCentered, p.bodytext, p {
	margin-top: 14px;
    margin-bottom: 0px;
}

p.sc-BodyText img {
    padding: 0 5px 0 0;
}

p.sc-BodyTextNS, p.bodytextns, p.sc-BodyTextNSCentered, p.sc-BodyTextNSIndented {
	margin: 0px;
}

p.sc-BodyTextCentered, p.sc-BodyTextNSCentered {
	text-align:center;
}

p.sc-BodyTextRight, p.sc-BodyTextNSRight {
	text-align:right;
}
#rightpanel ul.sc-child-item-links li {
	list-style-type: none;
}
p.sc-BodyTextIndented, p.sc-BodyTextNSIndented{
	margin-left:20px;
}

#rightpanel ul.sc-child-item-links li {
	list-style-type: none;
}

#rightpanel .sc-child-item-links li a:link,
#rightpanel .sc-child-item-links li a:active,
#rightpanel .sc-child-item-links li a:focus,
#rightpanel .sc-child-item-links li a:visited {
	color: #482879;
	text-decoration: none;
	text-align: left;
   /* font-size: 11px;*/
	font-size: .6875rem;
}

#rightpanel .sc-child-item-links li a:hover {
	color:#333;
	font-weight: normal;

}

#rightpanel .sc-ListBullet li {
	line-height: 1.2;
	 margin-top: 0px;
	 	margin-left:10px;
}


#rightpanel .sc-ListNumber li {
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.5em;
		margin-left:10px;

}

#banner a img {
	font-size: 0px;
	border: none;
}


div.ui-dialog div.desc {
	width: 450px;
	height: 300px;
}

p.boxlink {
	display: block;
	width: 100%;
}



#rightpanel #main p {

}
#rtnav{
	float: right;
    : 230px;
	margin-top:10px;
}

.container_12 .grid_12 {
max-width: 930px;
width: 96.875%;
}


/*++++++++++++++++++++++++++++++++++NavLocal+++++++++++++++++++++++++++++++++++*/

#navLocal li.hasChildren > button.expandable {
	background-image:url("/Institutions/Crafton-Hills-College/images/open.png");
	background-repeat:no-repeat;
	background-position: left center;
    float: left;
    margin: 10px 0px 0 0;
	padding:9px 10px 0 0;
	cursor:pointer;
	border: none;
	background-color: transparent;
}

#navLocal  li.hasChildren > button.collapsible {
	background-image:url("/Institutions/Crafton-Hills-College/images/close.png");
	background-repeat:no-repeat;
	background-position: left center;
    float: left;
    margin: 10px 0px 0 0;
    padding: 9px 10px 0 0;
	cursor:pointer;
	border: none;
	background-color: transparent;
}

button.expandable span {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}


#navLocal {
/* KRISTI EDIT
	font-size:12px;
	font-size: .75rem;
*/
}
#navLocal ul{
	padding:0;
	margin:0 0 0 0;
}
#navLocal li a {
	/* KRISTI EDIT
	color: #39c;
	
font-weight:bold;
*/
	display:block;
	margin-left:0px;
	margin-right:0px;
	text-decoration: none;
	padding:4px;
	border-bottom: 1px solid #4ea558;
}

#navLocal li a:hover {

	text-decoration:underline;
/* KRISTI EDIT	color:#6cf;
*/
}


#navLocal li {
	list-style-type: none;
	display:inline;
	line-height: 2;
}
ul#navLocal {
	list-style-type: none;
	margin:0;
	padding:0;
}

#navLocal li.active {
	font-weight: bold;
	color:  #000;
	display:block;
	/*background-color: #f7f7e6;*/
	}

#navLocal li.active a {
	font-weight: normal;
	/*color:  #000;
	background-color: #f7f7e6;*/
	display:block;
	font-weight:bold;
}

#navLocal li.active a:hover {
	text-decoration:none;
	color:#000;
}
#navLocal li.active li a {
	font-weight: normal;
	display:block;
}

#navLocal li.active li a:hover {
	text-decoration:none;
	color:#000;
}

#navLocal li.active li.active a {
	font-weight: normal;
	color:  #000;
	display:block;
	font-weight:bold;
}

#navLocal li.active li.active  a:hover {
	text-decoration:none;
	color:#000;
}

#navLocal li.active li.active  li a {
	font-weight: normal;
	display:block;
}

#navLocal li.active li.active  li a:hover {
	text-decoration:none;
	color:#333;
}

#navLocal li.active li.active li.active a {
	font-weight: normal;
	color:  #333;
	display:block;
	font-weight:bold;
}

#navLocal li.active li.active li.active  a:hover {
	text-decoration:none;
	color:#333;
}

#navLocal li.active li.active li.active  li a {
	font-weight: normal;
	display:block;
}

#navLocal li.active li.active li.active  li a:hover {
	text-decoration:none;
	color:#333;
}

#navLocal li.active li.active li.active li.active a {
	font-weight: normal;
	color:  #333;
	display:block;
	font-weight:bold;
}

#navLocal li.active li.active li.active li.active  a:hover {
	text-decoration:none;
	color:#333;
}

#navLocal li.active li.active li.active li.active  li a {
	font-weight: normal;
	display:block;
}

#navLocal li.active li.active li.active li.active  li a:hover {
	text-decoration:none;
	color:#333;
}

#navLocal li.active li.active li.active li.active li.active  a {
	font-weight: normal;
	color:  #333;
	display:block;
	font-weight:bold;
}

#navLocal li.active li.active li.active li.active li.active   a:hover {
	text-decoration:none;
	color:#333;
}

#navLocal li.active li.active li.active li.active li.active   li a {
	font-weight: normal;
	display:block;
}

#navLocal li.active li.active li.active li.active li.active   li a:hover {
	text-decoration:none;
	color:#333;
}

#navLocal li.active li.active li.active li.active li.active  li.active a {
	font-weight: normal;
	color:  #333;
	display:block;
	font-weight:bold;
}

#navLocal li.active li.active li.active li.active li.active li.active   a:hover {
	text-decoration:none;
	color:#333;
}

#navLocal li.active li.active li.active li.active li.active li.active li.active a {
	font-weight: normal;
	color:  #333;
	display:block;
	font-weight:bold;
}

#navLocal li.active li.active li.active li.active li.active li.active   li a:hover {
	text-decoration:none;
	color:#333;
}

#navLocal li ul {
	margin-left:15px;
}	
		
#navLocal.navLocal li.parent-nav-item a {  }

p.sc-degree-req-credits {
	text-align:right;
}
p.sc-BodyTextNS {
	text-align:left;
}

/*Right Panel Styles*/
#rightpanel table {
	/*width: auto;*/
	max-width: 650px;
	margin-top: 10px;
	width: 100%;
	text-align: left;
	font-size: 14px;
	font-size: .875rem;
	height: 100%;
	line-height: 1.2;
}

#rightpanel td {
	 clear: both;
    text-align: left;
}

#rightpanel td.sc-coursenumber  {
	text-align: left;
	width: 100px;
}

#rightpanel p.credits  {
	text-align: right;
	font-weight: bold;
	font-size: 14px;
	font-size: .875rem;
	text-transform: uppercase;
}

#rightpanel td p.credits  {
	text-align: right;
	font-weight: normal;
	font-size: 14px;
	font-size: .875rem;
	text-transform: none;
}
#rightpanel td a:link {
	color:#005DAA;
}

#rightpanel td.sc-totalcredits  {
	padding-left: 5px;
	text-align: right;
	font-weight: bold;
	width:100px;
}

#rightpanel td.sc-coursetitle  {
	padding-right: 5px;
	text-align: left;
	width: 420px;
	color:#000;
}

#rightpanel td.sc-totalcreditslabel  {
	text-align: left;
	font-weight: bold;
	width: 400px;
}

#rightpanel .sc-requirementsNote  {
	text-align: left;
	margin-top: 4px;
	font-style: italic;
}

#rightpanel #sc-childlinks ul  li, #rightpanel #sc-parentlink ul  li {
	list-style-type: none;
	font-size: 11px;
	font-size: .6875rem;
}

#sc-childlinks ul li p a, #sc-parentlink ul li p a  {
	display: block;
	line-height: 13px;
	margin-top: 8px;
	font-size: 11px;
	font-size: .6875rem;
}



#sc-relatedlinks {
	display:block;
	float:left;
	width: 100%;
	margin-bottom: 20px;
}
.sc-relatedlinklabel {
    margin-top: 15px;
}
   
#main ul li p{
	margin-top: 0px;
}

#rightpanel ul.sc-searchPagination {
	display: inline;
	list-style-type: none;
	padding: 0px;
}

#rightpanel ul.sc-searchPagination li {
	display: inline;
	margin: 0px;
	padding-right: 10px;
}

#banner {
	z-index: 1;
}

#banner img {
	z-index: 1;
}


span.desc div#main {
    margin-top: 0;
	margin-left: 10px;
	margin-right: 10px;
}

.sc-SubHeading {
	font-size: 14px;
	font-size: .875rem;
	 font-weight: normal;
	 color: #777;
	 /*font-family: "Times New Roman", Times, serif;*/
}
.sc-SubHeading2 {
	font-size: 12px;
	font-size: .75rem;
	font-weight:normal;
	color: #777;
	/*font-family: "Times New Roman", Times, serif;*/
}

.sc-offered, .sc-applicable, .sc-Prerequisites, .sc-lecture, .sc-lab {
    font-style: italic;
}

div.desc {
    margin-top:14px;
}
	
span.mc_link {
	border:none;
	background:none;
}

div.sideboxbrdr > div > label {
	font-size: 2px;
}

select#leftcolumn_0_drpSearchType {
	margin: 0 15px 0 0px;
	padding: 5px;
}

p.sc-SubHeading {
	margin-top: 10px;
	color: #777;
}

#rightpanel #main a:link, #rightpanel #main a:visited, #rightpanel #main a:active {
	text-decoration: none;
	color: #005bac;
	display: inline;
}
#rightpanel #main a:hover {
	text-decoration:underline;
}
div.sidebox div.sideboxbrdr div label {
    font-size: 1px;
    line-height: 1px;
}
div.sideboxbrdr>div {
	height:1px;
}

#smallmenu {
    display: none;
	cursor: pointer;
	    padding-top: 7px;
		padding-bottom: 7px;
		color: #39c;
		font-size:15px;
		font-weight: bold;
		background-color: #E3F4AE;
		background-image: url(/Institutions/Crafton-Hills-College/images/menuicon.png);
	    background-repeat: no-repeat;
	    background-position: 94% 50%;
		background-size: 15px 15px;
		text-align: center;
		width:100%;
		margin: 0 auto;
}


.ui-dialog .ui-dialog-titlebar-close {
top: 0% !important;
margin: 5px 0 0 0 !important;
}

/* .box-content table > tbody > tr.disabled > td {
	border: none !important;
} */

/* .box-content table > tbody > tr > td {
	border: 1px solid #eee;
} */

@media screen and (max-width: 980px) {

	/* setup menu toggle */
	#sc-rightpanel-top {
	    background-color: #fff;
	}
	
	#middle {
		width: 100%;
		margin: 0 auto;
		clear:both; 
		float: none;
	}
	
	.toc {
	    display: none;
	}
	
	.toggled-on {
	    display: block;
		/* KRISTI EDIT
margin: 3px 20px;
*/
	}
	
	div#leftpanel>div.sidebox>div.hdr {
	    cursor: pointer;
		background-color: #4ea558;
		background-image: url("/Institutions/Crafton-Hills-College/images/menuicon.png");
	    background-repeat: no-repeat;
	    background-position: 94% 50%;
		background-size: 15px 15px;
		text-align: center;
		padding: 6px 0;
		/* KRISTI EDIT
border: 1px solid #777;
*/
		margin-top: 0px;
	}
 .box-2 h2{background-color:transparent; border-bottom:none}
   #sc-top-links {
     display: none;
   }

   #leftpanel>.sidebox {
     display: block;
   }
      
   div.sidebox {
      margin: 7px 20px;
	  width: 100%;
	  margin: 0 auto;
   }
   div.sidebox div.hdr {
      font-size: 14px;
   }
   
   #leftcolumn_0_txtBxTerm {
		width: 100px;
	}
   
   #leftcolumn_0_Panel1 {
	    /* display:none; */
		width: 95%;
		margin: 3px auto;
	}
	#leftcolumn_0_Panel1 > div.sidebox > div.sideboxbrdr {
      display: inline;
    }
	#leftcolumn_0_Panel1 > div.sidebox > div.hdr {
      display: inline;
    }
	#leftcolumn_0_Panel1 > div.sidebox > div.sideboxbrdr>div {
      display: inline;
    }
	div.sidebox div.sideboxbrdr div label {
	 display:none;
    }
    #sc-parentlink, #sc-childlinks {
      float: none;
      width: 100%;
    }

	#rightpanel {
		clear:right;
		float: none;
		width:100%;
		max-width:970px;
		margin: 0;
		padding: 0;
		height: auto;
	}
	#main {
		margin:0;
		/* max-width:768px; */
		width:95%;
		height: auto;
		/* KRISTI EDIT
padding:15px 20px;
*/
	}

	#leftpanel {
		max-width:100%;
		width:100%;
		margin:0;
		padding:0;
		float: none;
		clear:left;
	}
	#rightpanel #main {
        /* KRISTI EDIT
width: 95%;
*/
		/* max-width:768px; */
		float:none;
		margin: 0 auto;
		height: auto;
		padding-right:10px;
		padding-left:10px;
	}  
	
	#searchBox div.sidebox  {
    display: block;
    float: left;
    margin: 0px auto;
    width: 100%;
    }
	#searchBox div.sidebox  div.hdr{
    display: block;
    float: left;
	width: 100px;
	margin-top:7px;
	font-size: .85em;
    }
	#searchBox  div.sidebox  div.sideboxbrdr {
	display: block;
    float: left;
	width: 300px;
    }
    #searchBox {
    height: auto;
    padding-bottom: 8px;
    }
	
	#rightpanel table {
      width: 100% !important;
	  /* font-size: .9em; */
    }
	
	#rightpanel td.sc-coursenumber {
     /* width: 150px; */
    }
	
	#footerWrap {
     width: 100%;
    }
	
	 
	#largeHeader .secondaryNavWrap, .primaryHeader {
       width: 100% !important;
    }
	#largeHeader .primaryNavWrap {
       width: 80%;
    }
	#largeHeader .largeLogoM {
       margin-top: 18px;
       margin-left: 15px;
	   width: 18%;
    }
	#largeHeader .mainNav ul li a {
       font-size: 10px;
    }
	
	#pageBanner {
       width: 100%;
    }
    #largeHeader .mainNav {
       margin-top: 58px;
    }
	#largeHeader .mainNav ul li, #largeHeader .mainNav ul li.egDrop {
     padding: 6px;
     height: 15px;
     line-height: 15px;
	 background: none;
	 background-color:#369;
	 width: 100px;
	 border: solid 1px white;
    }
	#largeHeader .mainNav .seperatorPipe {
     display: none;
     }
	 #largeHeader .mainNav ul li.egDrop:hover {
       background: none;
     }
	 #largeHeader .mainNav li:hover ul {
       top: 40px;
     }
	/* end menu toggle */
	
	#smallmenu {
        display:block;
    }
	#topnav, .logins {
        display:none;
    }
	
	ul#topnav {
float: none;
height: auto;
}
	
    ul#topnav a.prospective, ul#topnav a.current, ul#topnav a.online,  ul#topnav a.faculty, ul#topnav a.visitors, ul#topnav li {
	   width: 100% !important; 
	   margin: 0 auto;
	   float: none;
	   display: block;
    }
	
	#footer {
    /* KRISTI EDIT
 font-size: 12px;
     font-size: .75rem;
*/
    }
	
}

@media screen and (max-width: 770px) {

    
    .secondaryNavWrap {
       display:none;
    }
    #largeHeader .mainNav {
       margin-top: 85px;
	   width: 90%
    }
	#largeHeader .primaryNavWrap {
        width: 70%;
    }
	#largeHeader .mainNav ul {
     margin: 0;
     width:100%;
	 display: none;
	 text-align: center;
    }
	#largeHeader .mainNav ul  li{
     display:block;
	 width:95%;
    }
	#largeHeader .mainNav ul li, #largeHeader .mainNav ul li.egDrop {
      width: 95%;
    }
	#largeHeader .mainNav ul li, #largeHeader .mainNav ul li.egDrop:hover {
      background-color:#369;
    }
	#largeHeader .mainNav ul  ul{
	 width:95%;
    }
	.egNav_ekMainMenu {
	   position: absolute;
       z-index: 1000;
	   width:300px !important;
    }
	.toggled-on {
	   display: block !important;
	}
	#largeHeader .largeLogoM {
      width: 27%;
	  margin:12px 0 0 5px;
    }
	
	#footer {
     /* KRISTI EDIT
 font-size: 11px;
      font-size: .6875rem;
	  height: 190px;
*/
    }

}



@media screen and (max-width: 550px) {
    .toggled-on {
	   /* width:150px !important; */
    }
	#sc-rightpanel-top {
       float: right;
       max-width: 550px;
	   width: 95%;
       margin: 0 10px;
	   float:none;
    }
	div.sidebox div.hdr {
      font-size: 11px;
    }
	#leftcolumn_0_txtBxTerm {
      max-width: 80px;
    }
	#rightpanel #main {
     width: 97%;
     max-width: 550px;
     margin: 0 4px;
     padding-right: 3px;
     padding-left: 3px;
    }
	#rightpanel table {
      width: 97% !important;
     /* font-size: .8em; */
	 padding-right: 3px;
     padding-left: 3px;
	 margin: 0;
    }
	p.credits {
      width: 95% !important;
     /* font-size: .8em; */
	 padding-right: 6px;
     padding-left: 3px;
	 margin: 0;
    }
	#footer {
     height: 220px;
    }
	#footerSC {
	  clear:both;
	  display: block;
	}
	
	#google_translate_element {
    padding-left: 10px;
    width: 180px;
    }
	
	div.ui-dialog  {
	max-width:90% !important;
    }
	
	div.ui-dialog div.desc {
      width: 90%;
      height: auto;
    }
	span.desc div#main {
      margin: 5px;
	  padding: 5px;
    }

}

@media screen and (max-width: 450px) {
    .toggled-on {
	   /* width:100px !important; */
    }
	#largeHeader .largeLogoM {
      width: 37%;
	  margin:12px 0 0 5px;
    }
	#largeHeader .primaryNavWrap {
        width: 60%;
    }
	#smallmenu {
	  font-size: 12px;
	}
	#footerSC a {
      font-size: .6em;
    }
	p.sc-BodyText, p.sc-BodyTextCentered, p.bodytext, p {
      font-size: 12px;
      font-size: .75rem;
    }
	
	.container_12 .grid_6 {
      width: 400px;
	  margin: 0;
    }
	
#banner > p {
font-size: 24px;
height: 30px;
line-height: 20px;
width: 50%;
}
#breadcrumb p {
font-size: 11px !important;
font-size: .6825rem !important;
}
#breadcrumb p a:link, #breadcrumb p a:visited {
font-size: 11px !important;
font-size: .6825rem !important;
}

}

@media screen and (max-width: 360px) {
    div.sidebox div.hdr {
      font-size: 10px;
    }
	#leftcolumn_0_txtBxTerm {
      max-width: 55px;
	  margin-left:2px;
    }
	select#leftcolumn_0_drpSearchType {
     margin: 0 0 0 15px;
    }
	
	.container_12 .grid_6 {
     width: 290px;
	 margin: 0 0 0 15px;
    }
	
	#google_translate_element {
    display: none;
    }
	.container_12 .grid_12 {
     max-width: 930px;
     width: 90%;
	 margin: 0 0 0 15px;
   }
   #banner > p {
     width: 40%;
   }
}