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

html body  {	
	line-height:110%;
	font-size:100%;
}
#container-howto  {
	width:840px;
	height:100%;
	background-color:#fff;
	border:1px ridge #5c1c75;
	margin: 0px auto 5px auto; 
	padding:0px 10px;
	text-align: left;
	z-index:90;
}

#banner  {
	width:100%;
	height:50px !important;
	text-align:center;
	border-top:2px solid #4a155a;
	border-bottom:2px solid #4a155a;
	margin:0px;
}
#banner-sjeccd   {
	width:100%;
	height:50px !important;
	text-align:center;
	border-top:2px solid #006600;
	border-bottom:2px solid #4a155a;
	margin:0px;
}
#banner-sjcc  {
	width:100%;
	height:50px;
	text-align:center;
	border-top:2px solid #4a155a;
	border-bottom:2px solid #4a155a;
	margin:0px;
}
#banner-border  {
	width:100%;
	height:3px !important;
	height: expression( this.scrollHeight > 2 ? "3px" : "auto" ); /* sets max-height for IE */
	max-height: 3px; /* sets max-height value for all standards-compliant browsers */
	margin:0px;
	padding:0px;
	background-color:#009900;
	border-bottom:2px solid #4a155a;
	z-index:10;
}
#banner-sjcc-border  {
	width:100%;
	height:3px !important;
	margin:0px;
	padding:0px;
	background-color:#eddd90;
	border-bottom:2px solid #4a155a;
	z-index:10;
}
h4#sjcch4  {
	width:760px;
	margin:0px;
	padding:10px 0px;
	text-align:center;
	font-family:"Lucida Sans Unicode", "Lucida Grande", "Century Gothic", "Comic Sans MS", Verdana, fantasy;
	font-size:110%;
	letter-spacing:2px;
}
h4#sjeccd  {
	font-family:"Lucida Sans Unicode", "Lucida Grande", "Century Gothic", "Comic Sans MS", Verdana, fantasy;
	margin:0px auto;
	padding:8px 0px 12px 0px;
	text-align:center;
	font-size:102%;
}


.header-sjcc   {
	letter-spacing:2px;
	font-weight:bold;
	color:#4a155a;
	padding-right:2em;
	vertical-align:sub;
}
.header-evc  {
	letter-spacing:2px;
	font-weight:bold;
	color:#006600;
	padding-left:2.5em;
	vertical-align:sub;
}
.header-sjeccd  {
	letter-spacing:0px;
	font-weight:normal;
	color:#000;
	vertical-align:super;
	font-size:85%;
}


.col1-narrow  {
	float:left; 
	clear:right; 
	width:200px; 
	margin: 0px; 
	padding:5px 4px 5px 0px; 
	text-align:left; 
	vertical-align:top;
}
.col2-narrow  {
	float:left; 
	clear:none; 
	width:200px; 
	margin: 0px; 
	padding:5px 4px 5px 0px; 
	text-align:left; 
	vertical-align:top;
}
.col3-narrow  {
	float:left; 
	clear:none; 
	width:200px; 
	margin: 0px; 
	padding:5px 4px 5px 0px; 
	text-align:left; 
	vertical-align:top;
}
.col4-narrow  {
	float:left; 
	clear:none; 
	width:200px; 
	margin: 0px; 
	padding:5px 4px 5px 0px; 
	text-align:left; 
	vertical-align:top;
}

img  {
	border: 0px;
	padding:0px;
	margin:0px;
}
.border  {
	border:1px ridge #000;
	margin:0em 0.5em;
	padding:5px;	
}
.left-noborder  {
	border:none;
	float:left; 
	margin:5px 5px 5px 0px;
	padding:0px;
}
.right-noborder  {
	border:none;
	float:right; 
	margin:5px 5px 5px 0px;
	padding:0px;
}
.center-noborder  {
	border:none;
	float:none; 
	margin:5px;
	padding:0px;
}


img#itlogo  {
	clear:none;
	float:right;
	border: 0px;
	padding:1em 4em 1em 0em;
	margin:0em;
}
img#sjcclogo  {
	float:left;
	border: 0px;
	padding:0.8em 0em 1em 4em;
	margin:0px;
	vertical-align:middle;
}
img#sjeccdlogo  {
	border: 0px;
	padding:0px;
	margin:0px;
	vertical-align:middle;
}
img.screenshot  {
	padding:0px;
	margin:5px 8px 5px 12px;
	border:1px solid #000;
}
img.icon  {
	vertical-align: middle;
	margin:2px 0px;
}
img.icontips  {
	vertical-align: middle;
	margin:5px;
}
img.login  {
	border:0px;
	margin:10px 5px;
	padding:0px;
}


table.howto  {
	border:0px;
	border-collapse:collapse;
	margin:2px 5px 0px 5px;
	table-layout:fixed;
	text-align:left;
	font-size:100%;
}
table.howto td  {
	padding:0px;
	vertical-align:top;
}
table.howto-table  {
	border:0px;
	border-collapse:separate;
	margin:0px;
	table-layout:fixed;
	text-align:left;
	font-size:100%;
}
table.howto-table td  {
	padding:2px;
	vertical-align:top;
}

td.col1  {
	width:33%; 
	margin: 0px; 
	padding:0px; 
	text-align:left; 
	vertical-align:top; 
}
td.col2  {
	width:33%; 
	margin: 0px; 
	padding:0px; 
	text-align:left; 
	vertical-align:top; 
}
td.col3  {
	width:33%; 
	margin: 0px; 
	padding:0px; 
	text-align:left; 
	vertical-align:top; 
}
td.coltext  {
	padding:15px;
}

td.cell-left, th.cell-left  {
	text-align:left;
}
td.cell-right, th.cell-right  {
	text-align:right;
}
td.shaded-gold  {background-color:#fffede; }
td.shaded-purple  {background-color:#efeafd;  }
td.shaded-green  {background-color:#efffef; }
td.shaded-pink {background-color:#ffefef; }
td.shaded-gray {background-color:#fcfcfc; }
td.shaded-gray-purple { background-color:#fcfafe;   }
td.shaded-gray-green { background-color:#f7fff9;   }

col.step  {
	width:auto;
}
col.screen  {
	width:375px;
}
/* For Blackboard login  
col.prompt  {
	width:11em;
	padding-left:1em;	
}
col.instruction  {
	align:left;
	vertical-align:bottom;
}

col.day  {
	text-align:right;
	width:12em;
}
col.hours {
	text-align:left;
}
 */

ul.indented  {
	margin-left:2.5em;
}
.howto ol {
	margin:0em;
	padding:0em 0em 0em 1em;
}
.howto ul {
	margin:0em;
	padding:0em 0em 0em 1em;
}
.howto ol ol, ul ol {
	margin:0em;
	padding:0em 0em 0em 1em;
}
.howto ol ul {
	list-style-type:disc;
	margin:0em;
	padding:0em 0em 0em 1em;
}
.howto ol li  {
	margin:1.2em 0em 0.1em 0.5em;
	padding:0em;
	line-height:110%;
}
.howto ol.list-compact li, .howto ul.list-compact li  {
	margin:0.2em 0em 0.1em 1em;
	padding:0em;
}
.howto ol ol li, ol ol ol li, ol ul ol li, ul ol li   {
	margin:0.2em 0em 0.1em 0.5em;
	padding:0em;
}
.howto ul li, ol ul li, ol ul ul li  {
	margin:0.2em 0em 0.1em 0.5em;
	padding:0em;
}

.howto ul.nobullets  {
	list-style-type:none;
	margin:0em;
	padding:0em 0em 0em 1em;
}
.howto ul.nobullets li {
	list-style-type:none;
	margin:0.5em 0em 0.1em 0.5em;
	padding:0em;
}
.howto ul.nobullets-tight  {
	list-style-type:none;
	margin:0em 0em 0em 1em;
	padding:0em;
}
.howto ol ul.nobullets-tight li {
	list-style-type:none;
	margin:0.2em 0em 0.1em 0em;
	padding:0em;
}


.goldbackground  {
	background-color:#fffdeb;
}

/*  Drop Shadows  */
.img-shadow {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -5px 5px 5px -5px;
  padding: 0px;
  }
.p-shadow {
  width: 97%;
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }
.p-shadow div {
  border-top: 1px solid #f5f5f5;
  border-left: 1px solid #eee;
  background: none !important;
  background: url(../images/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }
.p-shadow p {
  background-color: #fff;
  border: 1px solid #b5aac5;
  padding: 10px;
  margin: -5px 5px 5px -5px !important;
  margin: 0;
  }
.p-shadow .backgroundcolor {
  background-color: #f1eafa;
  border: 1px solid #b5aac5;
  padding: 10px;
  margin: -5px 5px 5px -5px !important;
  margin: 0;
  }
.p-shadow .backgroundlight {
  background-color: #fcfafe;
  border: 1px solid #b5aac5;
  padding: 10px;
  margin: -5px 5px 5px -5px !important;
  margin: 0;
  }



<!-- Sort out the these classes; delete as many as possible.  -->


.command {
	font-family: Arial,  Helvetica, sans-serif;
	color: #000000;
	font-weight : bold;
	font-style: normal;
}
code {
	color: #000000;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	display : inline;
}
span.option {
	color: #4a155a;
	font-weight: normal;
	font-style: italic;
}

.heading {
	font-weight: bold;
	font-family:"Lucida Sans Unicode", "Lucida Grande", "Century Gothic", "Comic Sans MS", Verdana, fantasy; 
	color: #4a155a;
	font-size:120%;
	padding:1px;
}

dl   {
	margin:0.5em 0em 0.2em 0em;
	padding:0em;
}
dt  {
	font-weight:bold;
	color:#330066;
}
dd  {
	margin:0.1em 0em 0.2em 1em;
	padding:0em;
}	

.purpletext  {color:#4a155a; font-weight:bold;  }

ul.mediumindent, ol.mediumindent, p.mediumindent  {margin:0em 0em 0em 2em; padding:0em;  }    /*  CHANGE TO: list-indent-medium   */
ul.smallindent, ol.smallindent, p.smallindent  {margin:0em 0em 0em 1em; padding:0em;  }      /*  CHANGE TO: list-indent-small    */
ul.noindent, ol.noindent, p.noindent  {margin-left:0em; padding-left:0em; }               /*  CHANGE TO: list-indent-none     */

h3.intech  {margin:0em 0em 0.5em 0em; padding:0em; color:#000; font-size:110%; text-align:left;  }
td li, li li  {font-size:100%;  }
.indent1  {margin-left:2em;  }
.indent2  {margin-left:4em;  }
.indent3  {margin-left:6em;  }
img.image-border   {margin-top:0.4em; margin-bottom:0.5em;  }
.faq   {margin:1.5em 0em 0em 0em; font-weight:bold; font-size:100%; color:#8c6611;  }
.topofpage   { float: right; margin:-0.1em 25em 0em 20em; padding:0em; border:1px solid #cc9933; }