body        	{ font: 100% Arial, Helvetica, sans-serif; margin: 0;background: #777;margin-bottom: .5em;    padding: 0;    text-align: center;margin: 0 auto;width:48em;}
#skipper 		{ position: absolute;top: 0;left: 0;width:14em;	text-align:left;text-indent: -1000em;	color: #fff;	background: transparent;font-size: 0.8em;	z-index: -1; }
#skipper:focus, 
#skipper:hover, 
#skipper:active { border:1px solid #000;	display: block;	text-indent: 25px;	background: #ffee98;font-weight: bold;	color: #000;	padding: 0.2em 0.2em 0.2em 0;	z-index: 5;}
.bg4        	{ width:48em;background:#6f6f6f;padding:1px;border:2px solid #737373; margin: 0 auto;  }
.bg3, .bg2  	{ padding:1px;} 
.bg3        	{ background:#626262;border:1px solid #6a6a6a;}
.bg2        	{ background:#4e4e4e;border:1px solid #595959;}
.bg         	{ background:#2d2d2d;border:1px solid #434343;padding:1px;font-weight:normal;}
.bg,  .bg2, 
.bg3, .bg4  	{ border-top:0;padding-top:0;}
#container	{ background: #ffffff;border: 1px solid #000;font-size: 80%;text-align: left;_height: 0;}
.h_left       	{ float:left;width:auto;text-align:left;}
.h_right      	{ float:right;width:auto;text-align:right;}
.h_right span   { font-size:85%;padding:5px;display:block;}
.h_center1      { vertical-align:middle;min-height:78px;he\ight:78px;text-align:center}
.h_center1 h1   { padding-top:25px;text-align:center;display:block}
.h_center2      { min-height:40px;he\ight:40px;text-align:center}
.h_center2 h1   { padding-top:11px;display:block;}
.bar        	{ padding: 0; border-bottom:3px solid #ffd400;}
.bar2         	{ padding: 0; border-bottom:3px solid #000;}
#footer a, 
#to_link a    { text-decoration:none;}
#footer     	{ padding: 0;text-align:center;border-top:1px solid #000;}
#to_link ul,
#bo_link ul   { padding-left: 0;margin: 0;width: 100%;float: left;}
#to_link ul   { background-color: #333;font-weight:bold;border-top:1px solid #333;border-bottom:1px solid #333;}
#bo_link ul   { background-color: #fff;border-top:2px solid #fff; border-bottom:2px solid #fff;}
#to_link li,
#bo_link li   { display: inline; }
#to_link a    { padding:0.2em 1em;background-color: #333;color: #fff;float: left;border-right: 1px solid #fff;}
#bo_link a    { padding: 0.1em 0.7em;color: #000;float: left;border-right: 1px solid #333;}
#to_link a:hover,
#bo_link a:hover,
.bo_email a:hover	{ background:#ffd400;color:#000;}
.bo_email {background:#333;color:#fff;padding:3px 0;}
.bo_email a			{ color:#fff;background:#333;}
#leftcolumn		{ float: left;width: 12em;padding: 5px 0px 10px 5px;margin:0;}
#rightcolumn	{ float: right; width: 12em;padding: 5px 0px 10px 5px; margin:0;}
#rightcolumn h2	{ font-size: 1.2em}
#maincontent		{ min-height:26em;}
.c3 #maincontent	{ margin: .5em 14em .5em 14em;width:30em;} 
.c2 #maincontent	{ margin: .5em 1.3em .5em 14em;width:42em;}
.c1 #maincontent	{ margin: .5em 2em .5em 1em;}
.clearfloat { clear:both;    height:0;    font-size: 1px;  line-height: 0px;}
h1  { font-size: 1.5em;margin: 0;}
h2  { font-size: 1.4em;margin: 0;}
h3  { font-size: 1.3em;margin: 0;}
h4  { font-size: 1.2em;margin: 0;}
h5  { font-size: 1.1em;margin: 0;}
h6  { font-size: 1em;margin: 0;}
.menu       { width: 12em;border: 1px solid #333;border-top: 0px;padding: 0;margin:0;}
.menu li a:hover	{ background-color: #ffd400;}
.menu li      		{ list-style: none;border-top: 1px solid #333;}
.menu h3, .menu h2      		{ font-weight:bold;font-size: 104%;text-align:center;background: #ffd400 ! important}
.menu a, .menu h3, .menu h2 	{ display: block;padding: 1px 5px;text-decoration: none;color:#000;width: 100%;}
.menu h3 a, .menu h2 a      	{ width: auto; }
html>body .menu li a, 
html>body .menu h2, 
html>body .menu h3	{ width: auto; }
.sul        	{ list-style-image: url(http://www.calstatela.edu/images/web/bullet.gif);margin-left:15px;}
.sul a        	{ color:#0000CC;text-decoration:underline;}
.sul a:hover    { color:#810081;}
.mc         	{ width: 12.5em;list-style-position: outside;background-color:#fff;margin: 0; padding:0;}
.mc li        	{ list-style-type: none; margin: 0; padding: 0; border-bottom: 1px solid #ccc; }
.mc a         	{ display: block; text-decoration: none; padding: 3px; color: #000;}
.mc a:hover     { background-color: #ffd400;}
.mc h3, .mc h2 			{font-size:100%}
table     	{ border-collapse: collapse;border:0;}
td        	{ font-size: 90%;vertical-align:top;}
ul        	{ list-style-position: outside;margin-left: 25px;padding:0;}
p       	{ margin-top:2px;}
.hideme     { font-size: 0px;left: -5000px;position: absolute;}
.external   { background:url(http://www.calstatela.edu/images/web/extl.gif) no-repeat right top;padding-right:10px;}
.pdf   { background:url(http://www.calstatela.edu/accessibility/pdf.gif) no-repeat right top;padding-right:15px;}
p.plugin {background:#e7f8f6;border:1px solid #ddd;padding:4px;}
.top      	{ display:block;text-align:right;background:url(http://www.calstatela.edu/its/firstaid/images/uparrow.gif) no-repeat right top;padding-right:10px;text-transform:uppercase;}
.note     	{ background:url(http://www.calstatela.edu/its/techsupport/web/images/note.gif) no-repeat left top;padding-left:12px;}
.noborder   { border:0!important;}
.border   	{ border:1px solid #000;}
.sc       	{ font-variant:small-caps;}
.center   	{ text-align:center}
.right		{ text-align:right}
.u			{ text-decoration:underline}
.blue		{ color: #0000CC }
.green    	{ color: #337570 }
.red, 
div.code strong	{ color: #CC0000 }
div.code      	{ font-size: 90%;border: 1px solid #000;background-color:#FFFFe6;padding:10px;margin:0px 2px 20px 2px;font-family:Courier New,Courier,mono;}

/* Used for non headings in Faculty pages */
.title16	{ text-decoration: none; font-size: 1.6em; font-family: Arial,Helvetica; font-weight: bold; color: #555555; }
.title14	{ text-decoration: none; font-size: 1.4em; font-family: Arial,Helvetica; font-weight: bold; color: #000000; }
.title12	{ text-decoration: none; font-size: 1.2em; font-family: Arial,Helvetica; font-weight: bold; color: #333333; }
.title10	{ text-decoration: none; font-size: 1em; font-family: Arial,Helvetica; color: #333333; }