/* THIS FILE IS KEPT at https://smccd.mrooms.net/file.php/47264/mystyles.css, Spring 2013 digital page layout */
body {
    font-size: 14px;
}
a {
     font-size:1em !important;
}
a:visited {
    color:#880088;
}
.forum {
     font-size:1em; 
}
h1, h2, h3 {
     text-transform:capitalize;
}

div.mybox {
  border:1px solid #aaaaaa;
  background-color:#dddddd;
  color:#435871;
  margin:20px;
  padding:20px;
}

div.mycreambox {
  border:1px solid #aaaaaa;
  background-color:#fff8dc;
  color:#000;
  margin:20px;
  padding:20px;
}
h2 div.mycreambox {
  text-transform:none !important;
}

preformatted {
 font-family:courier;
}

.gradetable {
 border-top:1px solid #000;
 border-left:1px solid #000;
}
.gradetable td {
 border-bottom:1px solid #000;
 border-right:1px solid #000;
 width:100px;
padding:10px;
}
#content {
     font-size:1em;
} 
#content ul li a:link, #content p a:link {
     font-size:1em;
}

/* ************** Set home page font to full size **************** */
#content {
     font-size:1em !important;
} 
#content ul li a:link, #content p a:link {
     font-size:1em;
}

div.sideblock {
 /*background-color:#ff0000;*/
}
.forum {
  font-size:1em;
  font-weight:bold; 
  border: 1px solid #DDD;
  background-color: #f1efe3;
  margin-left:25px; margin-right:25px;
}
/* ************** change this back to display to see resources **************** */
.resource {
  display:none;
}
/* ************** change this back to display to see resources **************** 
.assignment {
  display:none;
}
*/
/* ************** change this back to display to see resources **************** */
.questionnaire {
  display:none;
}
/* correcting spacing around bullets */
li {
  padding-bottom:.5em;
}
ul {
  padding-bottom:.5em;
}

ul.nospace li {
  padding-bottom:0;
}
ul.nospace {

}
/* outline image */
.outline {
 border: 1px solid #555 !important;
}
.nooutline {
  border:none;
}
/* drop shadow */
.shade {
  box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, .25);
}
.noshade {
  box-shadow: none;
}

/*********************** images on class pages with outlines and shadows *****************?
 .generalbox img { -moz-box-shadow: 3px 3px 5px #ccc; -webkit-box-shadow: 3px 3px 5px #ccc; box-shadow: 3px 3px 5px #ccc; margin:10px 10px 10px 0; border:1px solid #888; } 

/* Redesign links to be more obvious */
a:link, a:hover, a:visited, a:active {
  text-decoration:underline;
}
/* ************** Add a floater  **************** */
.floatl {
  float: left;
  margin-right:10px;
  margin-bottom:10px;
  font-size: .75em !important;
}
.floatr {
  float: right;;
  margin-left:10px;
  margin-bottom:10px;
  font-size:.75em !important;
}

.nofloat {
  clear:both;
}
/* ************** border & shadow  **************** */
.borderme {
  border:1px solid #000;
} 
.shadowme {
  box-shadow: 0px 5px 10px #aaa;
  border:1px solid #000;
}
.noborder {
  border:none;
}
/* ************** imgDiv  **************** */
.imgDiv {
  float:left; padding:10px; 
  min-height:280px; 
}
.imgDiv img {
  box-shadow: 0px 5px 10px #aaa;
  border:1px solid #000;
}
.imgDiv p {
  margin-top:3px;
  font-size:.75em;
}
/* ************** calendar code for once a week class, 18wks **************** */
#calendar { 
	margin:0; padding:0; 
	width:384px; 
	border-right:1px solid #000; 
	border-bottom:1px solid #000; 
	overflow: hidden; 
}
#calendar ul { margin:0; padding:0;} 
#calendar ul li { 
	margin:0; padding:0; 
	width:63px; height:63px; 
	border-top:1px solid #000;
 	border-left:1px solid #000; 
	list-style-type:none; 
	float:left; 
	text-align:center; 
	background-color:#999; 
	font-size:15px; 
} 
#calendar .three_col { width:191px !important; } 
#calendar a { 
	display:block; 
	text-decoration:none; 
	color:#930; 
	height:64px; 
	padding-top:25px; 
	margin:0; 
	margin-top:-20px; 
} 
#calendar .two_line ul li {
	font-size: 9px;
}
#calendar .three_line a { padding-top:17px; } 
#calendar a:hover { background-color:#009; color:#DDD; } 
#calendar .past { background-color:#666; } 
#calendar .past a { color:#F90} 
#calendar .current { background-color:#F90 } 
#calendar .future { background-color:#BBB; } 
#calendar .holiday { background-color:#666;}
#calendar .holiday a { color:#999;}