/*
  gold=#FFD700
  yellow=#FFFF00
  purple=#800080
  green=#008000
  gray=#808080
  silver=#C0C0C0
*/
body
{
  background-color:#ffffff;
  color:#000000;
  text-align:center;
  width:600px;
  margin:auto;
}

a:link
{
  color:#800000;
}

a:visited
{
  color:#CD5C5C;
}

img
{
  border:0;
}

.keyword
{
  background-color: #FFFF00;
}
.notapproved2
{
  background-color: #ffffff;
}

.errormsg
{
  border-bottom-width: thick;
  border-top-width: thick;
  border-left-width: thin;
  border-right-width: thin;
  vertical-align: top;
  background-color: #ffffff;
  font-size: x-small;
  font-style: italic;
  font-size: 9pt;
  color: #000000;
  font-family: Century Gothic, Arial, Helvetica;
  border-color: #ff0000;
}
.smalltext1
{
  background-color: #ffffff;
  font-size: x-small;
  font-size: 9pt;
  color: #000000;
  font-family: Century Gothic, Arial, Helvetica;
}
.smalltext2
{
  background-color: #fdf5e6;
  font-size: x-small;
  color: #000000;
  font-family: Century Gothic, Arial, Helvetica;
  font-size: 9pt;
}

.smalltextB1
{
  background-color: #ffffff;
  font-size: small;
  color: #000000;
  font-family: Comic Sans MS, Century Gothic, Arial, Helvetica;
  vertical-align: middle;
}
.smalltextB2
{
  background-color: #fdf5e6;
  font-size: small;
  color: #000000;
  font-family: Comic Sans MS, Century Gothic, Arial, Helvetica;
  vertical-align: middle;
}
.datarow1
{
  font-family: Verdana, Arial, Helvetica;
  background-color: #ffffff;
  font-size: 10pt;
}
.datarow1X
{
  font-family: Verdana, Arial, Helvetica;
  background-color: #ffffff;
  color: #55A61D;
  font-size: 10pt;
}
.datarow2
{
  font-family: Verdana, Arial, Helvetica;
  background-color: #D5D6D8;
  font-size: 10pt;
}
.datarowb1
{
  font-family: Verdana, Arial, Helvetica;
  background-color: #ffffff;
  font-weight: bold;
  font-size: 11pt;
}

.datarowb2
{
  font-family: Verdana, Arial, Helvetica;
  background-color: #D5D6D8;
  font-weight: bold;
  font-size: 11pt;
}
.textrow1
{
  font-family: Century Gothic, Times New Roman, Arial, Helvetica;
  border-bottom-style: solid;
  border-bottom-width: medium;
  border-top-style:solid;
  border-top-width: medium;
  border-color: #55A61D;
  background-color: #ffffff;
  font-size: 10pt;
}

.textrow2
{
  font-family: Century Gothic, Times New Roman, Arial, Helvetica;
  border-bottom-width: medium;
  border-top-width: medium;
  border-color: #55A61D;
  background-color: #D5D6D8;
  font-size: 10pt;
}
.textrowB1
{
  font-family: Century Gothic, Times New Roman, Arial, Helvetica;
  border-bottom-width: medium;
  border-top-width: medium;
  border-color: #55A61D;
  background-color: #ffffff;
  font-size: 11pt;
}

.textrowB2
{
  font-family: Century Gothic, Times New Roman, Arial, Helvetica;
  border-bottom-width: medium;
  border-top-width: medium;
  border-color: #55A61D;
  background-color: #D5D6D8;
  font-size: 11pt;
}
.textrowC1
{
  font-family: Century Gothic, Times New Roman, Arial, Helvetica;
  border-bottom-width: medium;
  border-top-width: medium;
  border-color: #55A61D;
  background-color: #ffffff;
  font-size: 9pt;
}

.textrowC2
{
  font-family: Century Gothic, Times New Roman, Arial, Helvetica;
  border-bottom-width: medium;
  border-top-width: medium;
  border-color: #55A61D;
  background-color: #D5D6D8;
  font-size: 9pt;
}
.topicitem1
{
  font-family: Verdana, Arial, Helvetica;
  font-weight: bold;
  font-size: small;
  background-color: #ffffff;
  font-size: 9pt;
}

.topicitem2
{
  font-family: Verdana, Arial, Helvetica;
  font-weight: bold;
  font-size: small;
  background-color: #ccffcc;
  font-size: 9pt;
}

.editlink
{
  font-style: italic;
  font-family: Verdana, Arial, Helvetica;
  font-weight: bold;
  color: #ffffff;
  font-size: small;
  background-color: #800080;
  vertical-align: text-top;
}

.notapproved
{
  font-style: italic;
  font-family: Verdana, Arial, Helvetica;
  font-weight: bold;
  color: #ffffff;
  font-size: small;
  font-size: 8pt;
  background-color: #ff0000;
  vertical-align: text-top;
}

.addlink
{
  font-style: italic;
  font-family: Verdana, Arial, Helvetica;
  font-weight: bold;
  color: #ffffff;
  font-size: small;
  background-color: #008000;
  vertical-align: text-top;
}

.buttonbar1
{
  font-family: Century Gothic, Arial, Helvetica;
  font-size: 12 pt;
  font-weight: bold;
  color: #000000;
  text-align: center;
  vertical-align: bottom;
}
.buttonbarX
{
  font-family: Verdana, Arial, Helvetica;
  font-size: 12 pt;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  vertical-align: bottom;
  background-image: url(images/JCC_blank_navbar.gif);
  vertical-align: middle;
}
.title1
{
  border-bottom-width: medium;
  border-top-width: medium;
  vertical-align: top;
  border-color: #ff0000;
}
.title2
{
  border-bottom-width: medium;
  border-top-width: medium;
  border-color: #ff0000;
}
.banner1
{
  border-bottom-width: medium;
  border-top-width: medium;
  border-color: #ff0000;
  background-color: #ffffff;
  color: #000000;
  font-weight: bold;
  font-family: Arial, Helvetica;
  font-size: 20pt;
  text-align: center;
  vertical-align: middle;
}
.dot-banner
{
  font-family: Century Gothic, Arial, Helvetica;
  font-size: 24pt;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  background-color: #ff0000;
}
.buttonbar2
{
  font-family: Century Gothic, Arial, Helvetica;
  font-size: 10pt;
  color: #000000;
  text-align: center;
  vertical-align: middle;
}

.banner2
{
  color: #660000;
  font-family: Century Gothic, Arial, Helvetica;
  font-size: 16pt;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

.banner3
{
  color: #808080;
  background-color: #FFD700;
  font-family: Century Gothic, Arial, Helvetica;
  font-size: 14pt;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.banner3a
{
  color: #000000;
  background-color: #FFD700;
  font-family: Century Gothic, Arial, Helvetica;
  font-size: 12pt;
  text-align: left;
  vertical-align: middle;
}

.banner3b
{
  color: #000000;
  background-color: #FFD700;
  font-family: Century Gothic, Arial, Helvetica;
  font-size: 10pt;
  text-align: center;
  vertical-align: middle;
}
.banner4
{
  color: #000000;
  background-color: #C0C0C0;
  font-family: Century Gothic, Arial, Helvetica;
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.banner5
{
  color: #000000;
  background-color: #ffffff;
  font-family: Century Gothic, Arial, Helvetica;
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.section1
{
  color: #000000;
  background-color: #ffffff;
  font-family: Verdana, Century Gothic, Arial, Helvetica;
  font-size: 14pt;
  text-align: center;
  vertical-align: middle;
}
.errmsg
{
  color: #000000;
  font-style: italic;
  background-color: #FFD700;
  font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

.SemesterHead
{
  color: #ffffff;
  background-color: #CC0000;
  font-family: Century Gothic, Arial, Helvetica;
  font-size: 11pt;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
    
.navigation0
{
  background-color: #ffffff;
  background-image: url(../images/JCC_blank_navbar.gif);
  font-family: Arial Narrow, Verdana, Century Gothic, Arial, Helvetica;
  font-size: 10pt;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
}
.navigation1
{
  background-color: #ffffff;
  background-image: url(../images/JCC_inuse_button_navbar.gif);
  font-family: Arial Narrow, Verdana, Century Gothic, Arial, Helvetica;
  font-size: 10pt;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
}

.navigation1b
{
  background-color: #ffffff;
  background-image: url(../images/JCC_inuse_double_button_navbar.gif);
  font-family: Arial Narrow, Verdana, Century Gothic, Arial, Helvetica;
  font-size: 10pt;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
}
.navigation2
{
  background-color: #ffffff;
  background-image: url(../images/JCC_button_navbar.gif);
  font-family: Arial Narrow, Verdana, Century Gothic, Arial, Helvetica;
  font-size: 10pt;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
}

.navigation2 A:active
{
  color: #ffffff;
}
.navigation2 A:link
{
  color: #ffffff;
}
.navigation2 A:visited
{
  color: #C0C0C0;
}

.navigation2b
{
  background-color: #ffffff;
  background-image: url(../images/JCC_double_button_navbar.gif);
  font-family: Arial Narrow, Verdana, Century Gothic, Arial, Helvetica;
  font-size: 10pt;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  width:203px;
}
.navigation2b A:active
{
  color: #ffffff;
}
.navigation2b A:link
{
  color: #ffffff;
}
.navigation2b A:visited
{
  color: #C0C0C0;
}
.ModalBackground
{
	background-color:#333333;
	opacity:0.5;
	-moz-opacity: 0.5; 
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.calloutBackground
{
  background-color:#FFFACD
}

.maskedFocus
{
  font-weight:bold;
  letter-spacing:1px;
}