/* BODY RULES */
html, body {
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #fff;
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font-family: Georgia, "Times New Roman", serif;
}
h1 {
  margin: 0 5px 7px 5px;
  padding: 0;
  font-family: "Times New Roman", Times, serif;
  font-size: 18pt;
  font-weight: bold;
  color: #990000;
  background-color: inherit;
}
h2 {
  margin: 0px 5px 7px 5px;
  font-family: "Times New Roman", Times, serif;
  font-size: 16pt;
  font-weight: bold;
  color: #990000;
  background-color: inherit;
}
h3 {
  margin: 0 5px 5px 5px;
  padding: 0;
  font-family: "Times New Roman", Times, serif;
  font-size: 14pt;
  font-weight: bold;
  line-height: 100%;
  color: #990000;
  background-color: inherit;
}
h4 {
  margin: 0 5px 5px 5px;
  padding: 0;
  font-family: "Times New Roman", Times, serif;
  font-size: 12pt;
  font-weight: bold;
  line-height: 100%;
  color: #990000;
  background-color: inherit;
}
h5 {
  font-family: "Times New Roman", Times, serif;
  font-size: 10pt;
  font-weight: bold;
  line-height: 100%;
  color: #990000;
  background-color: inherit;
}
p  {
  margin: 0px 5px 10px 5px;
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12pt;
  line-height: 125%;
  color: #000;
  background-color: inherit;
}
blockquote {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  margin: 0px 15px 10px 15px;
}

a:link {
  text-decoration: underline;
  color: #000080;
  background-color: inherit;
}
a:visited {
  text-decoration: underline;
  color: #000080;
  background-color: inherit;
}
a:hover {
  text-decoration: none;
  color: #ff0000;
  background-color: inherit;
}
.notice {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: red;
  font-weight: bold;
  background-color: inherit;
  margin: 5px 5px 0 0;
}
.warning {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: red;
  font-weight: bold;
  background-color: inherit;
  margin: 0px 5px 0px 0px;
}
.class_title {
  padding: 3px;
  margin: 0px 5px 10px 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 125%;
  color: #ffffcc;
  border: 2px solid #770000;
  background-color: #857f52;
}
.category_title {
  padding: 0;
  margin: 0 5px 0 25px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 125%;
  color: #000;
  background-color: inherit;
}
.course_title {
  padding: 0;
  margin: 0 5px 0 30px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 125%;
  color: #000;
  background-color: inherit;
}
.course_block {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0px 30px 10px 30px;
}
.faqh4 {
  margin-left: 10px;
}
.boldheader  {
  margin: 0px 5px 5px 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 125%;
  color: #000;
  background-color: inherit;
}
.regheader  {
  margin: 0px 5px 5px 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 125%;
  color: #000;
  background-color: inherit;
}
.listtitle {
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #990000;
  text-align: center;
  background-color: inherit;
}

/*******************************************/
/* RULES FOR banner DIVs (ACROSS TOP OF PAGE)
   Primary colors: #770000 119,0,0 ruby-red
                   #857f52 133,127,82 olive-green
				           #ffffcc 255,255,204 pale-yellow */
#topBar {
  position: absolute; left: 0px; top: 0px; /* Always starts at top, 0,0 px */
  width:100%; height:5px; /* Always height of image */
  z-index:2;
  background-image: url(common/tbar.gif);
  background-repeat: repeat-x;
}
#cftfBanner {
  position: absolute; left: 0; top: 5px; /* Starts at topBar height value */
  width: 100%; height: 150px; /* Always height of image */
  z-index: 3;
  background-color: #fff;
  background-image: url(common/cftf-background.gif);
  background-repeat: repeat;
}
#bottomBar {
  position: absolute; left: 0; top: 155px; /* Total of topBar & tbiBanner heights */
  width: 100%; height: 3px; /* Always height of image */
  z-index: 2;
  background-image: url(common/bbar.gif);
  background-repeat: repeat-x;
}
#subBanner {
  position: absolute; left: 0; top: 158px; /* Total of topBar, tbiBanner & bottomBar heights */
  width:100%; height:20px; /* Always height of image */
  z-index: 2;
  background: #ececec;
  font-family: Georgia, "Times New Roman", serif;
  /*background-image: url(common/isa1_18s.jpg);
  background-position: right;
  background-repeat: no-repeat;*/
}
#bottom_subBar {
  position: absolute; left: 0; top: 177px; /* Total of topBar, tbiBanner, bottomBar & subBanner heights minus one */
  width: 100%; height: 3px; /* Always height of image */
  z-index: 1;
  background-image: url(common/bbar.gif);
  background-repeat: repeat-x;
}
/*******************************************/
/* RULES FOR mainArea DIV (RIGHT COLUMN WHERE THE MAIN CONTENT APPEARS) */
div#mainArea {
  position: relative; top: 177px; /* Equal to bottom_subBar top value */
  float: right;
  width: 80%;  /* width set as percentage of page width, adjust for left menu size*/
  margin: 0;
  padding: 1em;
  /*border-left: solid 1px #ccc; /* mainArea DIV left-border color, grey */
}
div#mainArea  p {
  margin: 0px 5px 10px 5px;
}
div#mainArea p.warning {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: red;
  font-weight: bold;
  background-color: inherit;
  margin: 0px 5px 10px 5px;
}
div#mainArea .newshead {
  margin: 0px 5px 10px 5px;
  font-weight: bold;
  font-size: 14px;
  color: #900;
  background-color: inherit;
}
/*******************************************/
/* RULES FOR tabMenu ID (AT TOP OF MainArea) */
#tabMenu {
  color: #000;
  background-color: inherit;
  border-bottom: 1px solid #770000;
  margin: 0px;
  padding: 0 0 0 10px;
  z-index: 1;
}
#tabMenu li {
  display: inline;
  overflow: hidden;
  list-style-type: none;
}
#tabMenu a, a.active {
  color: #ffc; /* tab <a> text color */
  background: #770000; /* inactive tab <a> background color */
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  border: 1px solid #770000;
  padding: 2px 5px 0px 5px;
  margin: 0;
  text-decoration: none;
}
#tabMenu a.active {
  color: #000;
  background: #fff; /* active <a> tab color */
  border-bottom: 3px solid #fff; /*matches active <a> tab color */
}
#tabMenu a:hover {
  color: #fff; /* hover <a> text color */
  background: #857f52; /* hover <a> background color */
}
#tabMenu a.active:hover {
  background: #fff; /* active tab hover background color */
  color: #000; /* active tab hover text color */
}
/*******************************************/
/* RULES FOR calendar.Table class */
.calendarTable {
margin-left: auto;
margin-right: auto;
border: 0;
width: 400px;  /*Adjust as needed*/
}
/*******************************************/
/* RULES FOR tabContent ID (In MainArea) */
#tabContent {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: justify;
  color: #000;
  background: #fff;
  padding: 10px;
  border-top: none;
  border-right: 1px solid #770000;
  border-bottom: 1px solid #770000;
  border-left: 1px solid #770000;
  z-index: 2;
}
#tabContent a {
  text-decoration: underline;
  color: #857f52; /*content <a> text color */
  background-color: inherit;
}
#tabContent a:hover {
  background: #770000; /* content <a> hover background color */
  color: #fff;
}
#tabContent .H1label  {
  margin: 0 5px 7px 5px;
  position: relative;
  float: right;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 100%;
  color: #000;
  background-color: inherit;
}
#tabContent .clist {
  display: block;
  float: left;
  width: 120px;
  margin: 0 5px 0 0;
  font-weight: bold;
  text-align: right;
  font-size: 12px;
  padding: 0;
}
#tabContent .hlist {
  display: block;
  float: left;
  width: 70px; /* adjust smaller if needed */
  margin: 0 5px 0 0;
  font-weight: bold;
  text-align: right;
  font-size: 12px;
  padding: 0;
}
#tabContent .atablehead {
  margin: 0;
  font-weight: bold;
  text-align: center;
  font-size: 12px;
  padding: 0;
}
#tabContent .alist {
  margin: 0 5px 0 0;
  font-size: 12px;
  padding: 0;
}
#tabContent .appLegend {
  margin: 0 0 8px 0;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #770000;
  background-color: inherit;
}
#tabContent .pwlabel {
  display: block;
  float: left;
  width: 155px;
  margin: 3px 5px 5px 0;
  text-align: right;
  font-size: 12px;
  padding: 0;
}
#tabContent fieldset {
  margin: 0;
  padding: 5px;
}
#tabContent form {
  margin: 0;
  padding: 0;
}
#tabContent .formLegend {
  padding: 0 0 5px 0;
  margin: 0 0 8px 0;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: red;  /*#770000;*/
  background-color: inherit;
}
#tabContent label.txt {
  font-size: 12px;
}
#tabContent input.nonReq {
  background-color: #fff;
  height: 14px;
  margin: 5px 0 0 0;
  font-size: 12px;
}
#tabContent textarea.reqField {
  background-color: #fffab2;
  margin: 5px 0 0 0;
  font-size: 12px;
}
#tabContent textarea.verField {
  background-color: #f0f0f0;
  margin: 5px 0 0 0;
  font-size: 12px;
}
#tabContent input.reqField {
  background-color: #fffab2;
  height: 14px;
  margin: 0;
  font-size: 12px;
}
#tabContent select.reqField {
  background-color: #fffab2;
  height: 1.5em;
  margin: 4px 0 0 0;
  font-size: 12px;
}
#tabContent input.verField {
  background-color: #f0f0f0;
  height: 14px;
  margin: 5px 0 0 0;
  font-size: 12px;
}
#tabContent select.verField {
  background-color: #f0f0f0;
  height: 1.5em;
  margin: 4px 0 0 0;
  font-size: 12px;
}
#tabContent .formNote {
  font-size: 9px;
  line-height : 14px;
  margin: 5px 5px 0 0;
}
#tabContent table {
  margin: 0px 5px 10px 5px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 12px;
  line-height : 100%;
  color : #000;
  background-color: inherit;
}
/*******************************************/
/* RULES FOR sideBar DIV (LEFT COLUMN WHERE MENU CONTENT APPEARS) */
div#sideBar { /* USES REMAINER OF PAGE WIDTH NOT USED BY mainArea DIV */
  position:relative; top:190px; /*Equal to bottom_subBar top value plus about 13px*/
  margin: 0;
	padding: 0 10px 0 10px;
	text-align: left;
  max-width: 180px; /* adjust for left menu */
}
div#sideBar h2 {
  margin: 0 0 16px 0;
  padding: 0 0 1px 3px;
  font-family: "Times New Roman", Times, serif;
  font-size: 15pt; /*font-size: 85%; letter-spacing: -0.5px;*/
  font-weight: bold;
  color: #990000;
  background-color: inherit;
  border-left: 1px solid #777; /*sideBar h2 border color, gray*/
  border-bottom: 1px solid #777;
  width: 100px; /* width: check, may need to adjust, may use percentage also */
}
div#sideBar p.warning {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: red;
  font-weight: bold;
  background-color: inherit;
}
div#sideBar form.login {
  margin: 0 0 15px 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: #000;
  background-color: inherit;
}
div#sideBar input.show {
  margin: 0 0 3px 0;
  padding: 0;
  background-color : #ffffcc;
  color : #000;
}
#sideBar p.sidemenureq {
  margin: 10px 0 0 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  background-color: inherit;
}
#sideBar a:link {
  text-decoration: none;
  color: #000080;
  background-color: inherit;
}
#sideBar a:visited {
  text-decoration: none;
  color: #000080;
  background-color: inherit;
}
#sideBar a:hover {
  text-decoration: none;
  color: #ff0000;
  background-color: inherit;
}
/*******************************************/
/* RULES FOR MENU LISTS IN sideBar DIV */
div#sideBar ul {
	margin: 1px;
	padding: 2px;
	list-style-type: none;
	/* font-size: 95%; */
}
div#sideBar li {
  margin: 0;
	padding: 1px 0 1px 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;  /* font-size: 95%; */
  background-color: inherit;
	font-weight: bold;
	list-style-type: none;
}
div#sideBar ul>li {  /*CSS hack, IE will not recognize child selector ul>li*/
  padding: 1px 0 5px 0;
}
/*******************************************/
/* RULES FOR siteDate CLASS */
.siteDate {
	margin: 0;
	padding: 0;
	font-family: Verdana, Sans-Serif;
	line-height: 100%;
	font-size: 80%;
}
/*******************************************/
/* RULES FOR footer DIV (AT BOTTOM OF PAGE) */
div#footer {
  position:relative; top:177px; /* Equal to bottom_subBar top value */
  clear: both;
	margin: 0;
	padding: 0;
	border-top: solid 1px #ccc; /* footer DIV top-border color, grey */
	color: #aaa; /* footer DIV text color, gray */
	/*background-color: inherit;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 100%;
}
/*div#footer a:hover {
  text-decoration : none;
  color : #ff0000;
  background-color: inherit;
}*/
.footerNav {
  text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  /*background-color: #ececec;*/
}
}
.footerText {
  color: #000080;
  background-color: inherit;
}