body {
font-family: Arial, Helvetica, sans-serif;
background:transparent url('../images/keyboard2.jpg') top right no-repeat;
}
div {
font-family: Arial, Helvetica, sans-serif;
}

td{
font-size:14px; 
font-family: Arial, Helvetica, sans-serif;
text-align:justify;
}

input, select, textarea{
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link {  color: #3B5367;}
a:visited {  color: #5D7589;}
a:active {  color: #193145;}
a:hover {  color: #082034; }

.navtab a:link {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
.navtab a:visited {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
.navtab a:active {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
.navtab a:hover {
	COLOR: #ffcc66; TEXT-DECORATION: none;
}

.navtabactive a:link {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
.navtabactive a:visited {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
.navtabactive a:active {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
.navtabactive a:hover {
	COLOR: #ffcc66; TEXT-DECORATION: none;
}

.tab a:link {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
.tab a:visited {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
.tab a:active {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
.tab a:hover {
	COLOR: #ffcc66; TEXT-DECORATION: none;
}

.topOfPage {
  color: #999999;
  font-size:12px;
  background-color: transparent;
  font-weight: bold;
  text-decoration: none;
  padding: 0;
  float:right;
}

.button1 {
font-size:13px;
font-weight:bold;
padding:2px;
background-color:#7D9C59;
border:0;
color:#FFFFFF;
}

.nowrap { white-space: nowrap; }

.apptitle{
font-size: 2em; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold;
padding: 0 10px 10px 0;
color:#273E6A;
text-align: right;
}

.inputtext {
border-width:1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
padding:2px;
border-color:#999999;
border-style:solid;
background-color:#FFFFFF;
}

.footer{
background-color: #7D93BC;
font-size:12px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: right;
padding:2px 0px;
}

.pagecontainer{
 border-style:solid;
 border-width:1px;
 border-color:#999999;
 padding: 10px;
 background: url('../images/bg.png');
}

.pagetitle{
font-size: 16px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align: left;
padding: 10px;
}

.filterbar{
background-color: #E6E6E6;
border-color: #999999;
border-style: solid;
border-width:1px 0px 1px 0px;
text-align:right;
padding: 0px 15px;
}

.shadow{
/* border-color: #FFFFFF; */
border-color: transparent;
border-style: solid;
border-width:3px 0px 0px 0px;
}

.filtertitle{
font-size:14px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 10px;
text-align:right;
}

/*This class defined as a place holder. Do not use!*/
.picturebox{
 padding:60px;
 border-style:dotted;
 border-width:1px;
 border-color:#FF0000;
 
}

.navbar{
//background-color: #7D93BC;
border-color: #475E8A;
border-style: solid;
border-width:0px 0px 4px 0px;
font-size:11px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #ffffff;
padding: 0px 0px 0px 0px;
background-color: transparent;
}

.navtab{
  background-color: #7D93BC;
}

.navtabactive{
  background:#475E8A;
}

.navtab, .navtabactive {
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 5px 16px;
  font-size:13px; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  color: #ffffff;
  white-space: nowrap;
}

.navbar table {
  border-spacing: 1px 0;
}

/*For additional menubar; not used in current design*/
.tabbar{ 
background-color: #7D9C59;
border-color: #46592C;
border-style: solid;
border-width:0px 0px 4px 0px;
font-size:13px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #ffffff;
text-align: left;
}

/*For additional menubar; not used in current design*/
.tab{ 
border-color: #ffffff;
border-style: solid;
border-width:0px 1px 0px 0px;
font-size:13px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #ffffff;
padding: 5px 10px;
white-space: nowrap; 
}

/*For additional menubar; not used in current design*/
.tabactive{ 
background:#46592C;
border-color: #ffffff;
border-style: solid;
border-width:0px 1px 0px 0px;
font-size:13px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #ffffff;
padding: 5px 10px;
white-space: nowrap; 
}

.sectionheader{
background:#C5DEA7;
font-size:13px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #202D11;
padding: 5px 10px;
}

.sidebar{
padding: 5px;
width:20%;
}

.sidebarheader{
background: #E6E6E6;
font-size:14px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #444444;
padding: 5px 0;
}

.tablebody{
background: #FFFFFF;
padding: 5px 10px;
}

p.content {
	line-height: 2em;
}

li {
	list-style-type: square;
	line-height: 2em;
}

table.schedule {
	border: 1px solid #999999;
         border-collapse: collapse;
}

table.schedule td, th {
	border: 1px solid #999999;
	text-align: center;
	background-color: #fff;
/*	padding-top: 1em;
	padding-bottom: 1em; */
}

table.schedule td.open {
	background-color: #ececec;
}

table.schedule td.time {
	padding-top: 2em;
        padding-bottom: 2em;
}


.h3{
background:#C5DEA7;
font-size:1.25em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

.topic {
   border-bottom: 2px solid #7D93BC;
}


td.announce {
  color: blue;
  font-weight:bold;
  text-align: left;
}