/* generic text, background color - only content class has line-height feature, for body and td, it would mess up image positioning */

    body { font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 13px; color: #333333;}
.content {font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 13px; color: #333333; }
      td {font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 13px; color: #333333; }
.bluepromo  { font-family: trebuchet ms, verdana, helvetica, sans-serif; font-weight: bold; color: #44aaff; }




/* styles defined for producing graphs thru MySQLdb using INSERT_GRAPH */
.graphborder { background-color: #333333; }
.graphbars   { background-color: #fef4e8; }
.graphspaces { background-color: #fee2b6; }
.graphlabels { background-color: #c4dff8; }
.graphvalues { font-family: verdana, helvetica, sans-serif; font-size: 11px; color: #f5821f; }
.graphxaxis  { font-family: verdana, helvetica, sans-serif; font-size: 12px; color: #0a7de0; }




/* colors used as background/borders/... */
        .bluebg {background-color: #0a7de0;  }
   .lightbluebg {background-color: #c4dff8;  }
  .bluegradient {background-image: url("/images/bluegradient.gif");  }
  
      .orangebg {background-color: #f5821f;  }
 .lightorangebg {background-color: #fee2b6;  }
.orangegradient {background-image: url("/images/orangegradient.gif");  }

       .greybg {background-color: #999999;  }
  .lightgreybg {background-image: url("/images/lightgreybg.gif");  }
       .darkbg {background-color: #474747;  }


/* forms */

input, textarea, select { font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 12px; }


.submitbutton {
cursor:pointer;
border:outset 1px #FFFFFF;
background:#999999;
color:#FFFFFF;
font-family: verdana, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
padding: 2px;
background:url(/images/buttonbg.gif) repeat-x left top;
}

.submitbuttonright {
cursor:pointer;
border:outset 1px #FFFFFF;
background:#999999;
color:#FFFFFF;
font-family: verdana, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
padding: 2px;
background:url(/images/buttonbgright.gif) repeat-x left top;
}

.submitbuttongreen {
cursor:pointer;
border:outset 1px #FFFFFF;
background:#999999;
color:#FFFFFF;
font-family: verdana, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
padding: 2px;
background:url(/images/buttonbggreen.gif) repeat-x left top;
}


.submitbuttonwhite {
cursor:pointer;
border:outset 0px #FFFFFF;
background:#FFFFFF;
color:#0a7de0;
font-family: verdana, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
padding: 1px;
}

.deletebutton {
cursor:pointer;
border:outset 1px #FF0000;
background:#FFFFFF;
color:#FF0000;
font-family: verdana, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
padding: 2px;
}


/*link color - font and size, line-height is inherited*/

  				a {color: #0a7de0; text-decoration: underline;}
  		  a:hover {color: #666666; text-decoration: none;}
  		a:visited {color: #0a7de0; text-decoration: underline;}s

        a.content {color: #0a7de0; text-decoration: underline;}
  a.content:hover {color: #666666; text-decoration: none;}
a.content:visited, a.content:link {color: #0a7de0; text-decoration: underline;}

 .darklink {color: #474747;  }
        a.darklink {color: #474747; text-decoration: underline;}
  a.darklink:hover {color: #666666; text-decoration: none;}
a.darklink:visited {color: #474747; text-decoration: underline;}

/* headers - display inline does not add any extra line breaks */

h1 {display: inline; font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 16px; color: #f5821f; line-height: 140%;}
h2 {display: inline; font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 15px; color: #0a7de0; line-height: 140%;}
h3 {display: inline; font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 14px; color: #f5821f; line-height: 140%;}
h4 {display: inline; font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 13px; color: #000000; line-height: 150%;}
h5 {display: inline; font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 13px; color: #FFFFFF; line-height: 160%;}
h6 {display: inline; font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 16px; color: #FFFFFF; }


/* list styles added here */

#worksubcats ul li {display: inline; list-style-position: inside;}
ul {list-style-position: inside; margin-left: 0px;}
ul.outside {list-style-position: outside;}

         .tips {color: #000000; font-weight: bold; font-size: 12px; text-decoration: none; line-height: 140%;}

         .workcaton {color: #000000; font-weight: bold; font-size: 13px; text-decoration: none; }
        a.workcaton {color: #000000; font-weight: bold; font-size: 13px; text-decoration: underline; }
  a.workcaton:hover {color: #0a7de0; font-weight: bold; font-size: 13px; text-decoration: none; }
a.workcaton:visited {color: #000000; font-weight: bold; font-size: 13px; text-decoration: underline; }

/* styles for small text */

 .directions {font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 12px; font-style: normal; color: #006600; }
     .footer {font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 11px; font-style: normal; color: #333333; }
  .subfooter {font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 11px; font-style: normal; color: #f5821f; }
  a.subfooter { color: #f5821f; }
  a.subfooter:hover { color: #FFFFFF; }
      .small {font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 11px; font-style: normal; color: #333333; }
     .medium {font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 12px; font-style: normal; color: #333333; }
       .help {font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 12px; font-style: normal; color: #b95d0f; }
       .smallhelp {font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 11px; font-style: normal; color: #CC0000; }
       a.help:visited {font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 12px; font-style: normal; color: #CC0000; text-decoration: underline }
       a.help:hover {font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 12px; font-style: normal; color: #CC0000; text-decoration: none }
    .caption {font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 12px; font-style: normal; color: #666666; }
      .white { color: #FFFFFF; }
      a.white:link, a.white:hover, a.white:visited { color: #FFFFFF; }

      .white2 { color: #FFFFFF; line-height: 160%}
      a.white2:link, a.white2:hover, a.white2:visited { color: #FFFFFF;  line-height: 160%}

      .orange2 { color: #f5821f; line-height: 160%}
      a.orange2:link, a.orange2:hover, a.orange2:visited { color: #f5821f;  line-height: 160%}

      .green { color: #009900; }
        .red { color: #990000; }
     .purple { color: #990099; }
       .grey { color: #666666; }

      a.green:link, a.green:hover, a.green:visited { color: #009900; }
        a.red:link, a.red:hover, a.red:visited { color: #990000; }

/* nav styles */

            .nav {color: #FFFFFF; font-weight: bold; font-size: 12px; text-decoration: none; }
           a.nav:link, a.nav:visited {color: #f5821f; font-weight: bold; font-size: 12px; text-decoration: none; }
     a.nav:hover {color: #CCCCCC; font-weight: bold; font-size: 12px; text-decoration: underline; }
         a.navon:link, a.navon:visited {color: #CCCCCC; font-weight: bold; font-size: 12px; text-decoration: none; }
   a.navon:hover {color: #f5821f; font-weight: bold; font-size: 12px; text-decoration: underline; }

           .subnav {color: #f5821f; font-weight: bold; font-size: 12px; text-decoration: none; }
          a.subnav:link, a.subnav:visited {color: #f5821f; font-weight: bold; font-size: 12px; text-decoration: none; }
    a.subnav:hover {color: #f5821f; font-weight: bold; font-size: 12px; text-decoration: underline; }
         .subnavon {color: #000000; font-weight: bold; font-size: 12px; text-decoration: none; }
        a.subnavon:link, a.subnavon:visited {color: #000000; font-weight: bold; font-size: 12px; text-decoration: none; }
  a.subnavon:hover {color: #0a7de0; font-weight: bold; font-size: 12px; text-decoration: underline; }
        .subnavoff {color: #999999; font-weight: bold; font-size: 12px; text-decoration: none; }
       a.subnavoff:link, a.subnavoff:visited {color: #999999; font-weight: bold; font-size: 12px; text-decoration: none; }
 a.subnavoff:hover {color: #999999; font-weight: bold; font-size: 12px; text-decoration: underline; }





/* styles governing all table layouts public interfaces/forms: */
   /* stroke outline color for tables - tblstroke is for PUBLIC site, admstroke is for ADMIN site */
   .tblstroke { background-color: #999999; } 
   
   /* cell background, font for table headings and "sort by" links in column headings */
 .tablehead         { background-color: #fee2b6; font-family: trebuchet ms, verdana, helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #0a7de0; } 
a.tablehead:link    { background-color: #fee2b6; font-family: trebuchet ms, verdana, helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #0a7de0; text-decoration: none; } 
a.tablehead:visited { background-color: #fee2b6; font-family: trebuchet ms, verdana, helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #0a7de0; text-decoration: none; } 
a.tablehead:hover   { background-color: #fee2b6; font-family: trebuchet ms, verdana, helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #666666; text-decoration: underline; } 

   /* cell background, font for most table cells */
		          .tblcontent { background-color: #FFFFFF; } 
		 
   /* cell background, slightly different than class=adm for striping search results, etc - was fce0c7 */
	             .tblcontent2 { background-color: #fee2b6; } 

   /* cell background, slightly different than class=adm for striping search results, etc */
	             .tblcontent3 { background-color: #c4dff8; } 

   /* cell background, slightly different than class=adm for striping search results, etc */
	             .tblcontent4 { background-color: #e2ecf3; } 

   /* cell background, slightly different than class=tblcontent2 for striping search results, etc */
	             .tblcontent4 { background-color: #fff1df; } 

   /* cell background, light grey */
	             .tblcontent5 { background-color: #e4e2e0; } 



/* styles governing all table layouts in admin interfaces: */

   /* admin titles and sub titles */ 
      .title {font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 15px; color: #f5821f; font-weight: bold; }
a.title:link, 
a.title:visited { font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 15px; color: #f5821f; font-weight: bold; }
a.title:hover   { font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 15px; color: #666666; font-weight: bold; } 
   .subtitle {font-family: trebuchet ms, verdana, helvetica, sans-serif; font-size: 14px; color: #0a7de0; font-weight: bold; }



   
   /* cell background, font for table headings and "sort by" links in column headings */
 .admtablehead         { background-color: #fee2b6; font-family: trebuchet ms, verdana, helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #0a7de0; } 
a.admtablehead:link    { background-color: #fee2b6; font-family: trebuchet ms, verdana, helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #0a7de0; } 
a.admtablehead:visited { background-color: #fee2b6; font-family: trebuchet ms, verdana, helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #0a7de0; } 
a.admtablehead:hover   { background-color: #fee2b6; font-family: trebuchet ms, verdana, helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #666666; } 

   /* cell background, font for most table cells, also highlighted rows using Yes/No */
            .admstroke { background-color: #999999; } 
		          .adm { background-color: #c4dff8; } 
		       .admYes { background-color: #c4dff8; } 
		        .admNo { background-color: #f8c4df; } 
		 
   /* cell background, slightly different than class=adm for striping search results, etc */
	             .adm2 { background-color: #e1eefa; } 



   /* test styles for bold/italics/link javascript */
.buttons {
	background: #ccc;
	border: 1px solid #ccc;
	margin: 1;
	float:left;
}
.raise	{
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	background: #ccc;
	margin:1;
	float:left;
}
.press {
	border-top: 1px solid buttonshadow;
	border-left: 1px solid buttonshadow;
	border-bottom: 1px solid buttonhighlight;
	border-right: 1px solid buttonhighlight;
	background: #ccc;
	margin:1;
	float:left;
}
#toolbar {
	margin: 0;
	width: 78px;
	padding: 0;
	height:20px;
	background: #ccc;
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	text-align:left;
}