@charset "UTF-8";
/* CSS Document */
@import url("https://smccd.edu/templates/default/assets/css/base.css");
/* main css */

/*colors
=====================================
main red is #af232a
medium red is #911d23
dark red is #7a181d
main dark yellow is #ffa900
navigation arrow yellow is #fddc73
medium yellow is #fee7a1
pale yellow is #fffae5
cream is #fffcf5

=====================================
*/
body {
	font-family:  "helvetica", "helvetica neue","arial", sans-serif;
	color: #252525;
	background: white;
}
#content a, nav.breadcrumbs a {
	color: #af232a;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}
#content a:hover, nav.breadcrumbs a:hover, span.gc-cs-link:hover {
	border-bottom: 1px solid #af232a;
}
#content span.gc-cs-link {
	color: #af232a;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}

/*===================main content===================*/
.main-content {
	background: #eeeeee url("../images/ncbg-main-img.gif") repeat-x;
}
.main-content .container {
	overflow: hidden;
	padding: 0 0 12px;
	height: 1%;
}
.main-content .content-container {
	width: 100%;
	min-height: 1030px;
	padding: 0 0 20px;
}
.main-content>.holder>.container:after {
	content: '';
	display: block;
	clear: both;
}
.main-content .main-content-holder {
	background: #fff;
}
.inner .main-content .main-content-holder {
	background: #fff url(../images/bg-main-content.gif) repeat-y;
}
/*===================content===================*/
#content {
	background: url(../images/bg-content.gif) no-repeat;
}
#content h1 {
	color: #af232a;
	font: 2.143em/1.067em "Times New Roman", Times, serif;
}
#content .breadcrumbs {
	color: #af232a;
}
#content .line-height {
 line-height:;/*need to override base.css line-height:26px;*/
}

/*===================right column===================*/
#twocolumns-inner #content {
	float: right;
	width: 714px;
	margin: 0 0 0 -14px;
}
/*===================share this in body of page ===================*/
#socialButtons {
	float: right;
	margin-top: 30px;
	width: 240px;
}
.shareThis {
	color: #343434;
	font-size: 0.9em;
	padding: 6px;
}



.omnip {
	color: #252525;
	font-size: 14px;
	font-family:  "helvetica","helvetica neue", "arial", sans-serif;
	padding: 0px 0px 12px 0;
	line-height: 17px;
	font-style: normal;
	font-weight: normal;
}
h3, .omnih3 {
	color: #7a181d;/*dark brick red*/
	font-size: 1.26em;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 10px 20px 2px 0;
	line-height: 1.36em;
}
h4, .omnih4 {
	color: #232323;
	font-size: 1.08em;
	font-family:  "helvetica", "helvetica neue","arial", sans-serif;
	padding: 17px 18px 4px 0;
	line-height: 1.20em;
	font-weight: bold;
}
.omnibottomborder {
	border-bottom: 1px solid #fffae5;
	display: block;
	padding: 2px 10px;
}
.italictext {
	font-style: italic;
}
.omnistrong {
	font-weight: bold;
}
.omnileftinline {
	float: left;
	display: inline;
}
.omnihighlightbox {
	background-color: #fee7a1;
	border: 1px solid #fddc73;
	padding: 10px;
	margin: 12px 36px 12px 36px;
}
.centeredBox {
	text-align: center;
	margin: 20px auto;
}
.expandablebox {
	border: 1px solid #fddc73;
	background: #fffcf5;
	padding: 10px;
	min-height: 50px;
	display: inline-block;
}
.expandableroundedbox {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #fddc73;
	background: #fffcf5;
	padding: 10px;
	min-height: 50px;
	display: inline-block;
}
.expandableyellowbox {
	background-color: #fee7a1;
	border: 1px solid #fddc73;
	padding: 10px;
	min-height: 50px;
	display: inline-block;
}
.expandableroundedyellowbox {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	background-color: #fee7a1;
	border: 1px solid #fddc73;
	padding: 10px;
	min-height: 50px;
	display: inline-block;
}
.omniroundedyellowbox {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	background-color: #fee7a1;
	border: 1px solid #fddc73;
	padding: 10px;
	margin: 12px;
}
.omniroundedbox {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #fddc73;
	background: #fffcf5;
	text-align: center;
}
.roundedbox {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #fddc73;
	background: #fffcf5;
	margin: 6px 26px 6px 26px;
	padding-left: 6px;
}
.smallroundedbox {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #fddc73;
	background: #fffcf5;
	text-align: center;
	padding: 5px;
	margin: 0 34%;
}
.narrowroundedbox {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #fddc73;
	background: #fffcf5;
	text-align: center;
	padding: 5px;
	width: 250px;
}
.content-text p {
	padding-bottom: 12px;
}
.boldBrown {
	color: #343434;/*header brown*/
	font-weight: bold;
}
#twocolumns-inner .content-text p {/*===============override base.css====================*/
	margin: 0 0 0px;/*==========================it was margin: 0 0 15px;================*/
}
/*=========for images in text ========*/
img.picRounded {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	padding: 0;
	margin: 6px;
}
img.picRight {
	float: right;
	position: relative;
	padding: 6px;
	display: inline;
}
img.picLeft {
	float: left;
	position: relative;
	padding: 6px;
	display: inline;
}
img.picCenter {
	margin-left: 10%;
	margin-right: 10%;
	padding: 6px;
	display: inline;
}
img.picBorder {
	border: 1px solid #fffae5;
}
/*=========float text ========*/
#content .floatLeft {
	float: left;
	padding-right: 30px;
	display: inline;
	width: 300px;
}
#content .floatLeftPadded {
	float: left;
	padding: 8px 20px;
	display: inline;
}
#content .floatLeftPadded p {
	padding: 10px;
}
.innerBox {
	padding: 10px;
}
.innerBoxTan {
	padding: 20px;
	background-color: #fffcf5;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}
.innerBoxGrey {
	padding: 20px;
	background-color: #D9D9D9;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}
.innerBoxWhite {
	padding: 20px;
	background-color: #ffffff;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	display: block;
	height: auto;
}
.clearFloats, .clearFloat {
	clear: both;
	margin: 0;
	padding: 0;
}
.floatR {
	float: right;
	position: relative;
	padding: 2px;
	display: inline;
	margin-right: 20px;
}
.floatL {
	float: left;
	position: relative;
	padding: 2px;
	display: inline;
	margin-left: 20px;
}
.leftfloat {
	float: left;
}
.rightfloat {
	float: right;
}
.floatL h3 {
	border-bottom: 2px dotted #fffae5;
	padding: 0 10px;
}
.floatWrap {
}
/*===========indented content==========*/
.indentedContent {
	width: 550px;
	margin-left: 60px;
	margin-top: 0px;
}
.indentedContent h3 {
	padding-top: 0px;
}
.indentedContent p {
	padding-bottom: 0px;
}
#twocolumns-inner .content-text p.indentedContent {
	width: 550px;
	margin-left: 60px;
	margin-top: 0px;
}
.indent20px {
	padding-left: 20px;
}
/*==================inline different============*/
.inlineRed {
	color: #911d23;/*header red*/
	font-size: 1.26em;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 5px 20px 2px 0;
	line-height: 1.36em;
}
#content h3.inlineBlackLeft {
	float: left;
	color: #252525;/*grey*/
	font-size: 1.1em;
	padding-top: 10px;
	font-family:  "helvetica", "helvetica neue", "arial", sans-serif;
}
#content h3.inlineRedRight {
	float: right;
	color: #911d23;/*header red*/
	font-size: 1.1em;
	padding-top: 10px;
	padding-right: 5px;
	font-family:  "helvetica", "helvetica neue", "arial", sans-serif;
}
#content h4.inlineBlackLeft {
	float: left;
	color: #252525;/*grey*/
	padding-top: 10px;
	font-family:  "helvetica", "helvetica neue", "arial", sans-serif;
}
#content h4.inlineRedRight {
	float: right;
	color: #911d23;/*header red*/
	padding-top: 10px;
	padding-right: 5px;
	font-family:  "helvetica", "helvetica neue", "arial", sans-serif;
}
/*=========for tables ========*/
table {
	width: 650px;
	padding-left: 10px;
	margin-left: 10px;
}
.content-text table th {/*==========override base.css===============*/
	background: none repeat scroll 0 0 #F7F0E3;/* light tan background*/
	border: 1px solid #e5ddd2;/* tan background*/
	color: #343434;
	font-weight: bold;
	padding: 5px;
}
/*=====================override the base.css due to table being too big===========*/
table.full {
	text-align: left;/*same*/
	width: 100%;/*same*/
	padding: 5px;/*added to style*/
	margin: 5px 5px 5px 0px;/*added to style*/
}
#content table tr.alt {/*======alt class for alternating beige bkgnd===========*/
	background: none repeat scroll 0 0 #fffcf5;
}
table td {
	border: 1px solid #e5ddd2;/* tan background*/
	padding: 6px 6px 3px 6px;
}
table.threeColumnTable td, table.threeColumnTable th {
	width: 203px;
}
table.twoColumnTable td {
	width: 310px;
	height: 30px;
}
table.inlineTable {
	width: 280px;
	display: inline;
	float: left;
	padding: 6px 10px;
}
table.inlineTable th, table.inlineTable td {
	width: 140px;
}
table th.widecolumn, table td.widecolumn {
	width: 374px;
}
table th.narrowcolumn, table td.narrowcolumn {
	width: 94px;
}
table th.mediumcolumn, table td.mediumcolumn {
	width: 140px;
}
table th.materialscolumn, table td.materialscolumn {
	width: 320px;
}
#content table.table400 {
	width: 400px;
}
#content table.table300 {
	width: 300px;
}
/*===================for shared governance tables oct2012===================*/

.tabletop {
	background-color: #fffcf5;
	border-top: 1px solid #fffae5;
	border-left: 1px solid #fffae5;
	border-right: 1px solid #fffae5;
	padding: 0px;
	margin: 20px 0px 40px 0px;
	width: 100%;
}
.tabletop h4 {
	color: #343434;/*dark brown*/
	font-size: 1.12em;
	font-family:  "helvetica", "helvetica neue", "arial", sans-serif;
	padding: 8px 20px 6px 20px;
	line-height: .70em;
	font-weight: bold;
	letter-spacing: 1.02px;
}
table.tablenopad {
	padding: 0;
	margin: 0;
	width: 100%;
	background-color: #ffffff;
	line-height: 1.4em;
}
table.centered470 {
	width: 470px;
	margin: 20px 120px 26px 100px;
	line-height: 1.6em;
	padding: 10px;
}
table.centered270 {
	width: 270px;
	margin: 20px 120px 26px 100px;
	line-height: 1.6em;
	padding: 10px;
	text-align: center;
}
table.centered470 td:first-child, table.centered470 th:first-child {
	width: 170px;
}
table.centered630 {
	width: 650px;
	margin: 20px 30px 26px 10px;
	line-height: 1.6em;
	padding: 10px;
}
.tablenopad .icon.pdf span:last-child, .centered630 .icon.pdf span:last-child {
	background-image: url("../images/pdf-icon16.png");
}
.tablenopad .icon span:last-child, .centered630 .icon span:last-child {
	background-color: transparent;
	background-position: right center;
	background-repeat: no-repeat;
	display: inline;
	margin-left: 3px;
	padding: 2px 20px 2px 0;
}
/*=======using ids and classes from smcweb-frame views===============*/
table.full #WebScheduleCourses {
	margin-left: 0px;
}
/*=======using ids and classes from smcweb-frame views for courses offered (coursesoffered.php)===============*/
.course-offered {
	display: compact;
}
.course-offered b {
	display: block;
	padding-top: 18px;
}
/*=======using ids and classes from smcweb-frame views for programs (academics/degreescertificates.php)===============*/
table.program-group-table {
	margin-bottom: 20px;
}
table.program-group-table td {
	height: 28px;
	vertical-align: text-top;
	border: 1px solid #fffae5;
}
table.program-group-table td:first-child {
	width: 470px;
}
table.program-group-table td:last-child {
	width: 90px;
}
#content table.program-group-table a:link {
	border-bottom: 1px solid #cccccc;
}
#content table.program-group-table a:hover {
	color: #7a181d;
	border-bottom: 1.4px solid #7a181d;
}
/*=======using ids and classes from degreeworks (academics/degreescertificates.php/click on link of department)===============*/

#content #DegreesCertificates table {
	margin: 0;
	padding: 0;
	background-color: fffcf5;
	color: #7a181d;
	font-family:  "helvetica", "helvetica neue", "arial", sans-serif;
	font-size: 1em;
	width: 100%;
}
#content #DegreesCertificates table.Blocks tbody tr td {
	padding: 2px;
}
#content #DegreesCertificates table.Blocks {
	border-bottom: thin solid #fffae5;
	margin-bottom: 10px;
}
table.AuditTable {
	padding: 0;
	margin: 0px;
	width: 100%;
}
table.AuditTable tr td {
	padding: 4px 0;
	margin-left: 0px;
}
table.Inner tr {
	vertical-align: text-top;
	height: 28px;
}
table.AuditTable td.StuTableTitle {
	padding: 4px 8px;
	font-size: 1.1em;
}
table.AuditTable td.StuTableData {
	padding: 4px 8px;
	font-size: 1.1em;
}
table tr td.RuleRemarksTable {
	padding: 2px;
	margin: 0;
}
#content #DegreesCertificates table.Blocks tbody tr.BlockRequirements td.BlockRemarksTable {
	background-color: #fffcf5;
}
td.RuleLabelTitleNotNeeded {
	color: #343434;
	font-family:  "helvetica", "helvetica neue", "arial", sans-serif;
}
table.Blocks {
	padding: 0;
	margin-left: 0px;
	width: 100%;
}
table.BlockHeader {
	padding: 0 0 0 10px;
	margin-left: 0px;
	width: 100%;
}
tr.TableHead {
	background-color: #af232a;
}
#content #frmAudit table.Blocks tr.TableHead.alt {
	background-color: #af232a;
}
.BlockHeadSubTitle, .BlockHeadSubData, .BlockHeadTitle {
	padding: 2px 2px 4px 4px;
}
td.RuleAdviceTitleNew {
	width: 40px;
}
td.RuleAdviceData {
	width: 300px;
	padding: 0 20px;
}
tr.bgLight0 {
	width: 650px;
	padding: 0 20px;
	margin: 0;
	background-color: #fffcf5;
	vertical-align: middle;
}
#content #frmAudit table tr.bgLight0.alt {
	background-color: #fffcf5;
}
#content .RuleLabelLine {
	font-size: 9pt;
	font-weight: bold;
	padding: 3px 8px;
	text-align: left;
	width: 35%;
}
#content .RuleLabelData {
	font-size: 9pt;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 8px;
	text-align: left;
	width: 65%;
}
/*=========for agendas and minutes archives tables ========*/
.minutes table {
	width: 420px;
}
.minutes table td, .minutes table th {
	height: 30px;
	width: 200px;
}
.tableBox {
	width: 660px;
	background-color: #656565;/*brown sun area*/
	padding: 1px;
}
.insideTableBoxLeft {
	width: 480px;
	border: thin dotted #656565;/*brown sun area*/
	background-color: #ffffff;
	padding-left: 15px;
	padding-right: 5px;
	display: inline;
	float: left;
	text-align: left;
	color: #343434;/*header brown*/
	font-size: 1.1em;
	font-family:  "helvetica", "helvetica neue", "arial", sans-serif;
}
.insideTableBoxTop {
	background-color: #911d23;/*header red*/
	padding: 4px;
	text-align: center;
	color: #ffffff;
	font-size: 1.4em;
	letter-spacing: 1.5px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.insideTableBoxRight {
	display: inline;
	float: left;
	width: 135px;
	border: thin dotted #656565;/*brown sun area*/
	background-color: #ffffff;
	padding-left: 15px;
	padding-right: 5px;
	text-align: center;
	color: #911d23;/*header red*/
	font-size: 1.1em;
	font-family:  "helvetica", "helvetica neue", "arial", sans-serif;
}
.insideTableBoxRightNoPadding {
	display: inline;
	float: left;
	width: 135px;
	border: thin dotted #656565;/*brown sun area*/
	background-color: #ffffff;
	padding-left: 15px;
	padding-right: 5px;
	text-align: center;
	color: #911d23;/*header red*/
	font-size: 0.9em;
	font-family:  "helvetica", "helvetica neue", "arial", sans-serif;
}
/*========for videos =======*/
.videoBox {
	width: 640px;
	padding: 20px 0px 20px 20px;
	border: thin dotted #656565;/*brown sun area*/
}
.videoBoxTop {
	width: 640px;
	padding: 0 10px;
	border: thin dotted #656565;/*brown sun area*/
}
p.insideVideoBoxLeft {
	width: 270px;
	background-color: #ffffff;
	display: inline;
	padding-left: 10px;
	padding-right: 20px;
	float: left;
	text-align: left;
	color: #343434;/*header brown*/
	font-size: 1em;
	line-height: 1.2em;
	font-family:  "helvetica", "helvetica neue", "arial", sans-serif;
}
.insideVideoBoxRight {
	display: inline;
	float: left;
	width: 290px;
	background-color: #ffffff;
	margin-left: 20px;
	text-align: center;
	color: #911d23;/*header red*/
	font-size: 1.1em;
	font-family:  "helvetica", "helvetica neue", "arial", sans-serif;
}
.insideVideoBoxTop {
	background-color: #911d23;/*header red*/
	padding: 4px;
	text-align: center;
	color: #ffffff;
	font-size: 1.4em;
	letter-spacing: 1.5px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
/*==========very large text==============*/
.content-text h1.veryLarge {
	color: #af232a;
	font: 3em Georgia, "Times New Roman", Times, serif !important;
	text-align: center;
}
.content-text h3.veryLarge {
	color: #343434;
	font: 2em Georgia, "Times New Roman", Times, serif !important;
	text-align: center;
	padding-top: 15px;
}
.content-text p.veryLarge {
	color: #af232a;
	font: 1.3em Georgia, "Times New Roman", Times, serif;
	text-align: center;
	padding-top: 15px;
}
/*=======for lists ==========*/
#twocolumns-inner .content-text ul {/*==============================override the base.css==========*/
	list-style-type: none;/* ============was  list-style: disc outside none;=============*/
	margin: 0 0 4px 6px;/* ==============margin: 0 0 19px 40px;==========================*/
}
#twocolumns-inner .content-text ol li {/*==============================override the base.css==========*/
	margin-bottom: 8px;/* ==============margin-bottom: 12px;==========================*/
}
.content-text ul li {
	padding: 6px 10px 6px 16px;
	list-style: disc inside none;
}
.content-text ul.bulleted li, .omnibulleted {
	padding: 6px 10px 6px 16px;
	list-style-image: url(../images/bullet.gif);
	list-style-position: inside;
}
.content-text ul.nobullet li {
	padding: 6px 10px 6px 16px;
	list-style-type: none;
	list-style-position: inside;
}
.content-text ul.flushindent li {
	padding: 6px 6px 6px 6px;
	list-style-type: none;
	list-style-position: inside;
}
.content-text ol li {
	padding: 2px 10px 6px 16px;
	list-style-type: decimal;
	list-style-position: inside;
}
.content-text ol {
	padding: 0px 10px 16px 0px;
}
.content-text ol.letterlist li {
	padding: 2px 10px 6px 16px;
	list-style-type: upper-alpha;
	list-style-position: inside;
}
/*====================for outlines/definitions =======================*/
dl {
	padding: 6px 8px 8px 8px;
}
dt {
	padding: 6px 0 6px 20px;
}
dd {
	padding: 0 0 0 50px;
}
.padtop20px {
	padding-top: 20px;
}
.padtop10px {
	padding-top: 10px;
}
.keepInline {
	display: inline;
}
#content .noPadding {
	padding: 0;
}
h4.noPadding {
	font-size: 0.9em;
	text-align: center;
	letter-spacing: -0.2px;
}