body { font: normal 13px verdana,arial,'Bitstream Vera Sans',helvetica,sans-serif; color: #333; background: #FFF; }

#content li
{
 list-style-type:none;
 padding: 0;
 margin: 0px;
}

#content ul
{
 list-style-type:none;
 padding: 0 0 0 0px;
 margin: 0px;
}

#content li, a
{
 margin-left:2px;
 font-size:x-small;
 text-transform:uppercase;
 text-decoration:none;
 color: #699;
 text-align: left;
 padding: 2px 0 2px 0;
}

#content a:hover
{
 text-decoration: none;
}

.proTitle
{ 
  border: 1px solid #ffffff;  
  padding: 1px 0px 1px 0px;
}

.proTitle:hover
{ 
  border: 1px solid #ddffff;
  background-color: #eeffee;
}

.incTitle
{ 
  border: 1px solid #ddffff;
  padding: 1px 0px 1px 0px; 
  text-decoration: underline;
  background-color: #eeffee;
}

.incTitle:hover
{ 
  border: 1px solid #ddffff;
  background-color: #ccffcc;
  text-decoration: none;
}

.weekTitle
{ 
  border: 1px solid #ffffff;  
  padding: 1px 0px 1px 0px;
}

.weekTitle:hover
{ 
  border: 1px solid #006600;
  background-color: #eeffee;
}

.sweekTitle
{ 
  border: 1px solid #ffffff;  
  padding: 1px 0px 1px 0px;
}

.menuTitle
{ 
  border: 1px solid #ffffff;  
  margin-left: 1px;  
  margin-right: 1px;
}

.menuTitle:hover
{ 
  border: 1px solid #f2f2f2;
  background-color: #f7f7f7;
  color: #993300;
}

#content li .c
{
 display:none;
}

table { font-family: verdana,arial; font-size: 0.9em; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #666; }

p { font: normal 13px verdana,arial,'Bitstream Vera Sans',helvetica,sans-serif; color: #777; background: #FFF; }

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #fff;
  border-width: 0px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
  color: #777;
}

form fieldset legend {
  font-size:1.1em;
  color: #555;
}

form label { 
  font-size: 11px;
  display: block;  /* block float the labels to left column, set a width */
  float: left; 
  width: 120px; 
  padding: 0px; 
  margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
  text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea {  
  padding: 5px;
  font:normal 11px Arial, Helvetica, sans-serif;
  line-height: 15px;
  text-align: justify;
  color:#555555;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

form redit { color: #f00; }

form .form_error { display: inline; color: #f34b4b; }

#footer
{
  font-family: verdana,arial;
  color: #777; 
  font-size: 0.9em;
}


.anyButton
{ 
  border: 1px solid #CCCCCC;
  background-color: #fff;
  padding: 1px 3px 1px 4px;
  color:#555555;
}

#content .aclass 
{
  color:#333;
  font:normal 11px Arial, Helvetica, sans-serif;   
  text-align: justify; 
  line-height: 1.2em; 
  margin: 0 0 0px 5px;
}

#content .aclassR
{
  color:#33cc00;
  font:normal 11px Arial, Helvetica, sans-serif;   
  text-align: justify; 
  line-height: 1.2em; 
  margin: 0 0 10px 5px;
}

.inputClass
{
  vertical-align:middle; 
  padding: 1px 2px 1px 2px;
  font:normal 11px Arial, Helvetica, sans-serif;
  line-height: 15px;
  color:#333333;
}

.incoTitle
{
  vertical-align:middle;
  font:normal 12px Arial, Helvetica, sans-serif;
  line-height:15px;
  letter-spacing: 1px;
  color:#000000;
  padding: 5px 5px 5px 0px;
  font-weight: bold;
}

.textClass
{
  vertical-align:middle;
  font:normal 11px Arial, Helvetica, sans-serif;
  line-height: 15px;
  color:#333;
  letter-spacing: 1px;
}


.titleClass
{
  vertical-align:middle;
  font:normal 11px Arial, Helvetica, sans-serif;
  line-height:15px;
  color:#666;
  text-decoration: none;
}

.headClass
{
  vertical-align:middle;
  font:normal 12px Arial, Helvetica, sans-serif;
  line-height:15px;
  letter-spacing: 1px;
  color:#333333;
  text-decoration: underline;
}


.login-name
{ 
  text-transform:uppercase;
  font:normal 10px Arial, Helvetica, sans-serif;
  line-height: 12px;
  letter-spacing: 1px;
  padding-bottom: 5px;
  padding-top: 5px;
  color: #555;
}

.logininfo
{ 
  text-transform: none;
  font:normal 9px Arial, Helvetica, sans-serif;
  line-height: 12px;
  letter-spacing: 2px;
  color: #666666;
  padding: 3px 3px 3px 5px;
}

.note {
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 5px;
  margin: 1em 0 0 0;
}

.note-header {
  border: 2px double #ccc;
  border-width: 1px 1px 1px 1px;
  margin-top: -1.2em;
  background-color: #fff;
  width: 7%;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  color: #116611;
}


.loginButton
{ 
  border: 1px solid #CCCCCC;
  background-color: #fff;
  padding: 1px 2px 1px 2px;
  font-size: 10px;
  color:#555555;
}