/* REDEFINED HTML TAGS */
html, body, img {
  margin:0;
  border:0;
  padding:0;
}
body {
  /*text-shadow:0 0 0px #000000;*/
  background:url('../../Images/layout/bg.png') repeat top left;
}
fieldset {
  border:0px;
}
/* *********************** GRADIENTS *********************** */
#topgradient {
  position:relative;
  min-height:600px;
  background:url('../../Images/layout/topgradient.png') repeat-x top left;
}
#bottomgradient {
  position:relative;
  min-height:600px;
  background:url('../../Images/layout/bottomgradient.png') repeat-x bottom left;
}
/* *********************** LOGOS *********************** */
#ie {
  display:none;
}
#top {
  width:760px;
  height:97px;
  margin:0px auto;
  overflow:hidden;
}
#accessibility {
  border:0px;
  height:1px;
  overflow:hidden;
}
#logo {
  width:250px;
  height:75px;
  float:left;
  padding-top:21px;
}
#img-crclogo {
  border:0px;
}
#print-logo {
  display:none;
}
/* *********************** SEARCH *********************** */
#search {
  width:500px;
  height:96px;
  float:right;
  padding-right:4px;
}
#inputlinkholder {
  width:418px;
  height:50px;
  float:left;
  margin-top:22px;
  text-align:right;
}
#searchlabel {
  display:none;
}
.searchinput {
  height:16px;
  width:159px;
  border:1px solid #f67f25;
  font:bold 11px arial,verdana,sans-serif;
  padding-top:2px;
  color:#666;
  float:right;
}
/* *********************** UTILITY LINKS *********************** */
#utilitylinks {
  width:418px;
  height:22px;
  margin-top:4px;
  text-align:right;
  float:right;
}
.utilitylink-breaker {
  font:0.7em verdana,sans-serif;
  color:#fff;
}
#utilitylinks a {
  text-decoration:none;
  font:0.7em 'trebuchet ms',verdana,sans-serif;
  color:#f67f25;
}
#searchbutton {
  width:75px;
  height:75px;
  margin-top:14px;
  float:right;
}
/* *********************** MAIN MENU *********************** */
#mainmenu {
  margin-left:auto;
  margin-right:auto;
  border-top:1px solid #667fb8;
  border-bottom:1px solid #667fb8;
}
#mainmenu td {
  padding:8px 0px 10px 0px;
  text-align:center;
  line-height:10px;
}
#mainmenu a {
  text-decoration:none;
  font:0.7em arial,sans-serif;
  text-transform:uppercase;
  color:#fff;
  padding-left:10px;
}
#mainmenu a:hover {
  color:#fc8300;
}
#mainmenu a:first-child {
  padding-left:1px;
}
/* *********************** BANNER *********************** */
#banner, #banner-hidden {
  /*position:relative;*/
  width:900px;
  height:189px;
  margin:18px auto 0px auto;
  text-align:center;
  padding:0px;
}
#banner-hidden {
  height:50px;
}
/* *********************** ORANGE CURVE *********************** */
#orangecurve {
  position:relative;
  width:900px;
  height:100px;
  margin:-75px auto 0px auto;
  overflow:hidden;
}
/* *********************** CONTENT CONTAINERS *********************** */
#content2, #content-wide {
  width:835px;
  min-height:200px;
  margin:0px auto;
  background:url('../../Images/layout/default/content-bg.png') repeat-y top left;
  padding-left:65px;
  padding-bottom:40px;
}
/* replaces div#content2 on wide pages */
#content-wide {
  min-height:200px;
  margin:0px auto;
  padding-bottom:40px;
  width:850px;
  background:url('../../Images/layout/default/content-bg-nogrey.png') repeat-y top left;
  padding-left:50px;
}
#leftcol {
  float:left;
  width:162px;
  /*margin-top:0px;text-align:center;*/
  margin-top:-35px;
  min-height:200px;
  }
#leftcolcontent {
  position:relative;
  float:left;
  width:175px;
  /*text-align:center;*/
  overflow:hidden;
  margin-left:-8px;
  margin-top:-20px;
  font:0.7em arial,sans-serif;
  }
#maincontent, #maincontent-wide {
  width:580px;
  float:left;
  margin:4px 0px 0px 29px;
  overflow:hidden;
}
#maincontent-wide {
  width:775px;
  margin:0px;
  padding:0px;
  padding-left:14px;
}
.extender {
  clear:both;
}
/* *********************** TITLE and BREADCRUMBS *********************** */
/* Used by Division Home, Catalog pages */
#sectiontitle {
  float:left;
  width:765px;
  height:30px;
  margin-top:-190px;
  position:relative;
  font:bold 1.5em arial,sans-serif;
  text-transform:uppercase;
  color:#fff;
  overflow:hidden;
  text-align:center;
}
/* Used by Department */
#deptname, #deptname-wide {
  border:0px;
  margin:0px 0px 10px 15px;
  padding:4px 10px 4px 14px;
  width:584px;
  float:left;
  overflow:hidden;
  border-bottom:1px solid #ccc;
  font:1.3em 'arial black',arial,sans-serif;
  color:#fc8300;
  text-transform:uppercase;
  background-color:#F8F8F8;
  
  }
#deptname-wide {
  margin:0px 0px 10px 0px;
  width:776px;
  }
#breadcrumbs, #breadcrumbs-wide {
  float:left;
  width:582px;
  height:16px;
  margin-top:-18px;
  padding-left:192px;
  position:relative;
  font:0.7em arial,sans-serif;
  color:#042a80;
  overflow:hidden;
}
#breadcrumbs-wide {
  width:786px;
  padding-left:14px;
}
#breadcrumbs a, #breadcrumbs-wide a {
  color:#042a80;
  text-decoration:none;
}
/************************ LEFT NAV SUBSITE NAV ************************/
.navshadow-top {
  position:relative;
  margin:0px 0px 0px -52px;
  float:left;
  width:228px;
  height:14px;
  background:url('../../Images/layout/default/subsitenav-shadow-top14px.png') no-repeat top left;
}
.navshadow {
  margin:0px 0px 0px -52px;
  float:left;
  width:206px;
  position:relative;
  padding-left:12px;
  padding-right:10px;
  background:url('../../Images/layout/default/subsitenav-shadow90.png') repeat-y top left;
}
#subsitenav {
  position:relative;
  width:198px;
  float:left;
  border:4px solid #fff;
  text-align:left;
}
.navshadow-bottom {
  position:relative;
  float:left;
  margin:0px 0px 20px -52px;
  width:228px;
  height:14px;
  background:url('../../Images/layout/default/subsitenav-shadow-bottom.png') no-repeat bottom left;
}
.level1, .level2, .level3, .level4, .level5 {
  margin:0px;
  padding:0px;
  border:0px;
  list-style:none;
  width:198px;
}
.level1 a, .level2 a, .level3 a, .level4 a, .level5 a {
  display:block;
  float:left;
  font:0.7em arial,sans-serif;
  color:#fff;
  text-decoration:none;
  margin-top:5px;
  width:180px;
  padding-bottom:5px;
  }
.level1 img {
  float:left;
  margin-top:7px;
  margin-right:2px;
  padding-left:2px;
}
.level1 li {
  display:block;
  float:left;
  width:198px;
  /*background-color:#143c8b;border-bottom:1px solid #375cb9;*/
  background:url('../../Images/layout/default/subsitenav-bg.png') repeat-y top left;
}
.level1 a {
  width:182px;
}
.level2 img {
  float:left;
  padding-left:12px;
}
.level2 {
  display:none;
}
.level2 li {
  display:block;
  float:left;
  width:198px;
  border-bottom:0px;
  background-color:#445b87;
  /*border-bottom:1px solid #536587;*/
}
.level2 a {
  width:172px;
}
.level3 {
  display:none;
}
.level3 img {
  float:left;
  padding-left:22px;
}
.level3 li {
  display:block;
  float:left;
  margin:0px;
  padding:0px;
  border:0px;
  width:198px;
}
.level3 a {
  width:162px;
}
.level4 {
  display:none;
}
.level4 img {
  float:left;
  padding-left:32px;
}
.level4 li {
  display:block;
  float:left;
  margin:0px;
  padding:0px;
  border:0px;
  width:198px;
}
.level4 a {
  width:152px;
  /*padding-left:43px;*/
}
.level5 {
    display:none;
}
.level5 li {
   display:block;
   float:left;
   margin:0;
   padding:0;
   border:0;
   width:198px;
}
.level5 a {
   width:142px;
   padding-left:53px;
}
.hidden {
  visibility:hidden;
  display:block;
  }
img.buttonon {
  cursor:pointer;
  display:block;
  }
img.buttonoff {
  display:none;
  }
a.currentpage {
    color:#fc8300;
  }
.home {
  width:194px;
    background-color:#133890;
    background-image:none;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:4px;
    border-bottom:1px solid #fff;
  }
.home a {
    margin-left:2px;
    color:#fc8300;
    font-weight:bold;
    text-transform:uppercase;
    font-size:0.8em;
}
/* *********************** LEFT NAV STYLES *********************** */
#leftnav {
  position:relative;
  /*margin:-28px 0px 20px -40px;*/
  float:left;
  width:198px;
  border:4px solid #fff;
  color:#fff;
  text-align:left;
}
.leftnavbuttonspecial, .leftnavbuttoneven, .leftnavbuttonodd {
  width:178px;
  padding:7px 0px 7px 20px;
  line-height:14px;
}
.leftnavbuttonspecial {
  background:#143c8b url('../../images/layout/leftnavbuttonspecial-bg.png') no-repeat center left;
  border-bottom:1px solid #445b87;
  padding-top:8px;
  padding-bottom:8px;
}
.leftnavbuttoneven {
  background-color:#26427b;
  background:#26427b url('../../Images/layout/leftnavbuttoneven-bg.png') repeat-y top left;
}
.leftnavbuttonodd {
  background-color:#143c8b;
  background:#143c8b url('../../Images/layout/leftnavbuttonodd-bg.png') repeat-y top left;
  border-top:1px solid #445b87;
  border-bottom:1px solid #445b87;
}
.leftnavbuttonspecial a {
  font:bold 0.9em 'trebuchet ms',arial,sans-serif;
  color:#fc8300;
  text-decoration:none;
}
.leftnavbuttoneven a, .leftnavbuttonodd a {
  font:bold 0.7em arial,sans-serif;
  color:#fff;
  text-decoration:none;
}
.leftnavbuttoneven a:hover, .leftnavbuttonodd a:hover {
  color:#fc8300;
  text-decoration:none;
}
.leftnavmarker {
  color:#fc8300;
  font:bold 0.7em verdana,sans-serif;
}
#presbutton, #missionbutton {
  margin:0px auto 12px auto;
  display:block;
}
/* *********************** COLLEGE CATALOG SUB NAV *********************** */
#ccnav-outer {
  margin:0px;
  padding:0px;
  border-top:1px solid #efefef;
  border-left:1px solid #efefef;
  border-right:2px solid #bbb;
  border-bottom:2px solid #bbb;
  float:left;
  margin-left:38px;
  margin-bottom:10px;
  max-width:560px;
}
#ccnav-inner {
  margin:0px;
  background-color:#fff;
  padding:4px 3px 4px 4px;
  border:1px solid #ddd;
  float:left;
}
#ccnav-inner a.link, #ccnav-inner a.linklast {
  background-color:#133890;
  text-decoration:none;
  color:#fff;
  padding:4px;
  border-right:1px solid #667fb8;
  border-bottom:1px solid #667fb8;
  font:0.7em arial,sans-serif;
  display:block;
  float:left;
}
#ccnav-inner a.linklast {
  border-right:0px;
}
#ccnav-inner a.link:hover, #ccnav-inner a.linklast:hover {
  color:#fc8300;
}
#ccnav-inner a.indicator {
  font-size:0.7em;
  background-color:#fc8300;
  border-bottom:1px solid #ffcc99;
  color:#fff;
  padding:1px 4px 5px 4px;
  border-right:2px solid #fff;
  font-weight:bold;
  display:block;
  float:left;
  line-height:16px;
}
/************************ BEGIN BACK TO TOP  ************************/
.backtotop {
  padding-right:10px;
  text-align:right;
}
/************************ BEGIN FOOTER CONTAINER ************************/
#footercurve {
  width:900px;
  height:29px;
  margin:0px auto;
  margin-top:-29px;
  background:url('../../Images/layout/default/footer-orangecurve.png') no-repeat center center;
}
#footertext {
  width:900px;
  margin:0px auto;
  padding:5px 0px 8px 0px;
  background:url('../../Images/layout/default/footer-orangebg.png') repeat-y center center;
}
#footertextwidth {
  width:790px;
  margin:0px 55px;
  font:0.65em arial,sans-serif;
  color:#0b214d;
  text-align:center;
}
#footertextwidth a {
  color:#0b214d;
}
/************************ EDITOR TEXT STYLES ************************/
#maincontent, #maincontent-wide {
  font:0.7em verdana,arial,sans-serif;
  color:#000;
  line-height:18px;
}
#maincontent table {
  font-family:verdana,arial,sans-serif;
}
#maincontent a:link {
  color:#006;
}
#maincontent a:visited {
  color:#807FB2;
    color:#445b87;
}
/* keeps first p and h1 in maincontent from having too much top margin */
h1:first-child, h2:first-child, h3:first-child, h4:first-child, p:first-child {
  margin-top:0px;
}
h1 {
  font:bold 1.4em arial,sans-serif;
  color:#042a80;
  background:url('../../images/layout/default/orangelinefade.png') no-repeat bottom left;
  padding-bottom:4px;
  }
h2 {
  font:bold 1.4em arial,sans-serif;
  color:#444;
}
h3 {
  font:bold 1.2em arial,sans-serif;
  color:#000;
}
h4 {
  font:bold 1em arial,sans-serif;
  color:#000;
}
h6 {
  font:bold 1.1em verdana,sans-serif;
  color:#006;
  background-color:#ddd;
  padding:2px;
  margin:0px;
}
.ch {
  font-weight:bold;
  font-size:1.2em;
  color:#042a80;
  border-bottom: 1px solid #c4cee2;
}
.blue {
color:#042a80;
}
.orange {
color:#F96F25;
}
.bluebold {
color:#006;
font-weight:bold;
}
.orangebold {
font-weight:bold;
color:#F96F25;
}
.orangeheader {
  color:#F96F25;
  font:bold 1.2em verdana,sans-serif;
}
.blueheader {
  color:#006;
  font:bold 1.2em verdana,sans-serif;
}
#maincontent li {
  padding-top:2px;
  padding-bottom:2px;
}
#maincontent .orangetri, #maincontent .orangetri2 {
  list-style-type: none;
  padding:0px;
  margin:0px;
  margin-left:10px;
  width:475px;
  line-height:normal;
}
#maincontent .orangetri li, #maincontent .orangetri2 li{
  background-image:url('../../Images/layout/default/bullet-orangecircle.png');
  background-repeat:no-repeat;
  background-position:40px 0.6em;
  padding-left:52px;
  margin:6px;
}
/* Lock icon for infostream links */
#maincontent .orangetri2 .auth {
  background-image:url('../../Images/layout/default/lock-icon.png');
  background-repeat:no-repeat;
  background-position:35px 0;
  padding-left:52px;
  margin:6px;
}
#maincontent .orangetri li ul li, #maincontent .orangetri li ul li ul li {
  background-image:none;
  margin-top:6px;
  padding:0px;
}
/* List with orange triangle bullets and dark text - used by pages with white backgrounds */
#maincontent .orangetri li a {
  color:#006;
  font:bold 1.0em verdana,sans-serif;
  padding:0px;
}
/* List with orange triangle bullets and white text - used by Main Section page index listing */
#maincontent .orangetri2 li a {
  color:#fff;
  text-decoration:none;
}
/* List with orange triangle bullets and dark text - used by other pages with white backgrounds 
#maincontent .orangetri {
  margin:0px;
  padding:0px;
  margin-top:15px;
  margin-left:60px;
  list-style-image:url('../../Images/layout/default/orangetri2.gif');
}
#maincontent .orangetri li {
  margin:0px;
  padding:0px;
  margin-top:2px;
  margin-bottom:2px;
}
#maincontent .orangetri a {
  color:#006;
  font:bold 1.0em verdana,sans-serif;
  padding:0px;
}*/
/* List with orange triangle bullets and white text - used by Main Section page index listing 
#maincontent .orangetri2 {
  margin:0px;
  padding:0px;
  margin-left:60px;
  list-style-image:url('../../Images/layout/default/orangetri2.gif');
}
#maincontent .orangetri2 li {
  margin:0px;
  padding:0px;
  margin-top:2px;
  margin-bottom:2px;
}
#maincontent .orangetri2 li a {
  color:#fff;
  text-decoration:none;
  padding:0px;
}*/

/* Table Styles for body copy - Must also be reflected in localstyles.css */
#maincontent .singlebordergrey {
  margin-left:1px;
  border-collapse:collapse;
  border:1px solid #ccc;
}
#maincontent .singlebordergrey td, #maincontent .singlebordergrey th {
  padding:2px;
  border:1px solid #ccc;
  line-height:13px;
}
#maincontent .blueoutlinetable {
  border:1px solid #CCCCE0;
}
#maincontent .blueoutlinetable td {
  padding:5px;
  font-size:11px;
}
#maincontent .orangeoutlinetable {
  border:1px solid #ff9900;
}
#maincontent .orangeoutlinetable td {
  padding:5px;
  font-size:11px;
}
#maincontent table.simpletable {
	border:1px solid #000;
	border-collapse:collapse;
}
#maincontent table.simpletable th {
	font-weight:bold;
	border:1px solid #000;
	background-color:#ddd;
}
#maincontent table.simpletable td {
	border:1px solid #000;
	padding:4px;
}
/************************ FORMS ************************/
/* CRC Form Style */
#maincontent .crcform {
	margin:0px;
	padding:0px;
	border:0px;
	width:575px;
}
#maincontent .crcform fieldset {margin:0px;padding:0px;}
.crcform input[type="text"], .crcform textarea {
  margin:0px;
  padding:3px;
  border:1px solid #667fb8;
  border-left:1px solid #667fb8;
  border-right:1px solid #c2d2f5;
  border-bottom:1px solid #c2d2f5;
  background-color:#fff;
  background:#fff url('../../images/layout/forms/input-bg.png') repeat-x top;
  font-family:verdana,sans-serif;
}
.crcform input[type="text"]:focus, .crcform textarea:focus {
	border:1px solid #f07a05;
}
#maincontent .crcform label {
	margin:0px;
	padding:0px;
	font:0.9em verdana,sans-serif;
}
#maincontent .crcform .formtable { 
	margin:0px;
	border:0px;
	padding:0px;
	border-collapse:collapse;
}
#maincontent .crcform .formtable td {
	padding:0px;
}
#maincontent .crcform select {
	margin:0px;
	padding:3px;
	padding-left:0px;
	border:1px solid #667fb8;
  border-left:1px solid #667fb8;
  border-right:1px solid #c2d2f5;
  border-bottom:1px solid #c2d2f5;
  margin-left:0px;
}
#maincontent .crcform .submit {
	display:block;
	margin-top:10px;
	border-right:1px solid #667fb8;
	border-bottom:1px solid #667fb8;
	border-left:1px solid #c2d2f5;
	border-top:1px solid #c2d2f5;
	background-color:#eee;
	padding:4px 8px;
}
/* CRC Form style 2px */
.crcform2 input[type='text'], .crcform2 textarea {
	padding: 7px;
	border: solid 1px #E5E5E5;
  border:1px solid #bbbbc8;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	background: #FFFFFF;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	background: #FFFFFF url('../../Images/layout/forms/input-bg2.png') left top repeat-x;
}
#maincontent .crcform2 textarea {
	line-height: 150%;
}
.crcform2 input:hover, .crcform2 textarea:hover, .crcform2 input:focus, .crcform2 textarea:focus {
	border-color: #C9C9C9;
}
.crcform2 .submit {
	width: auto;
	padding: 9px 15px;
	background: #617798;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor:pointer;
}
.crcform2 input:hover, .crcform2 textarea:hover, .crcform2 input:focus, .crcform2 textarea:focus {
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}
.crcform2 hr {
	margin-top:18px;
	color: #fff;
	background-color: #fff;
	border: 1px dotted #bbb;
	border-style: none none dotted;
	clear:both;
}
.crcform2 select {
	border:1px solid #bbb;
	padding:6px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	background: #FFFFFF url('../../Images/layout/forms/input-bg2.png') left top repeat-x;
}
/* Common */
.form1,.form2 {width:100%;font-family:verdana,sans-serif;}
.form1 fieldset,.form2 fieldset,#maincontent .form1 ul.form li,#maincontent .form2 ul.form li {margin:0px;border:0px;padding:0px;}
.form1 ul.form, .form2 ul.form {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.form1 ul.form li, .form2 ul.form li {
	clear:left;
}

/* Text field and Text area style */
.form1 .inputtxt, .form2 .inputtxt {
	margin:0px;
	padding:2px;
	border:1px solid #ccc;
	border-top:1px solid #01267c;
	border-left:1px solid #01267c;
	border-right:1px solid #c5d0e8;
	border-bottom:1px solid #c5d0e8;
	background-color:#fff;
	background:#fff url('http://www.crc.losrios.edu/Images/layout/forms/input-bg.png') repeat-x top;
	font-family:verdana,sans-serif;
}
.submit {
	padding:5px;	
	background:#fff url('http://www.crc.losrios.edu/Images/layout/forms/input-submit-bg.png') repeat-x bottom;
	border-right:2px solid #667fb8;
	border-bottom:2px solid #667fb8;
	border-top:2px solid #dce4f5;
	border-left:2px solid #dce4f5;	
}
.form1 .set1, .form2 .set1 {
	margin:0px;
	padding:4px 12px;
	border:1px solid #ddd;
}
.set1 legend, .set2 legend {
	padding:2px;
	margin-top:0px;
	font-size:1.1em;
	font-weight:bold;
}
.form1 .set2,.form2 .set2 {
	margin:0px;
	padding:10px;
	border:0px;
	border:1px solid #ddd;
	background-color:#eee;
}
.form1 .req, .form2 .req {
	font-weight:bold;
	color:red;
}
#formreqmsg,#formreqmsgb {
	border:1px solid red;
	background-color:#ffcccc;
	margin-bottom:8px;
	padding:5px;
	color:red;
	font-weight:bold;
	display:none;
}
/* Form 1 - labels on the left side
   To right align: .form1 .lbltxt
 */
#maincontent .form1 ul.form li {
	padding-bottom:5px;
}
#maincontent .form1 .lbltxt {
	width:100px;
	float:left;
}
#maincontent .form1 legend {
	margin-left:0px;
}
/* Form 2 - labels above the inputs*/
#maincontent .form2 ul.form li.flush {
	padding:0px;
	line-height:1;
}
#maincontent .form2 ul.form li.space1 {
	padding-bottom:8px;
}