/* www.ucsfchildcarehealth.org CASCADING STYLE SHEET */

body {
	margin: 0px 0px 0px 0px;
	background-color: #fff;
	}

body td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 140%;
	font-size: x-small; /* for IE5 Win */
	f\ont-size: small; /* for other IE versions */
}

	
* html body {
	font-size: x-small; /* for IE5 Win */
	f\ont-size: small; /* for other IE versions */
}


td#new {
	width: 140px;
	padding: 5px 10px 10px 10px;
	border-width: 1px 1px 1px 1px;
	background-color: #a5a6d6;
	line-height: 120%;
}

td#whatsnew {
	width: 140px;
	padding: 5px 10px 10px 10px;
	border-width: 1px 1px 1px 1px;
	background-color: #dedfef;
	line-height: 120%;
}

td#search {
	width: 138px;
	background: url(../buttons/mainNav/search_button.gif) no-repeat;
}
	
td#gutter {
	width: 21px;
}

td#main {
	width: 630px;
	padding: 10px 25px 10px 15px;
	background-color: #fbe7b2;
}

table#pubs 
{
    border-color: #000;
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

td.pubs 
{
    border-color: #000;
    border-style: solid;
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
}

.pubs  {
font-size: 90%;
line-height: 125%;
}


table#contact 
{
    border-color: #000;
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

td.contact 
{
    border-color: #000;
    border-style: solid;
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
}

.contact {
  font-size: 80%;
}


table#sitemap 
{
    border-color: #000;
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

td.sitemap 
{
    border-color: #000;
    border-style: solid;
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
}

.sitemap {
  font-size: 80%;
}


th {
background-color: #003399;
 color:  #ffcc33;
  border:1px solid black;
}

h1 {color: #003399; font-size: 150%; font-weight: bold}/* headline used within the main body area */
h2 {color: #003399; font-size: 130%;  font-weight: bold}/* header2 used within the main body area */
h3 {color: #003399; font-size: 120%;  font-weight: bold; margin-bottom: 0;}/*  header3 used within the main body area */
h4 {color: #003399; font-size: 100%;  font-weight: bold}/*  header4 used within the main body area */
.header1 {color: #003399; font-size: 150%; font-weight: bold}/*  head used within the main body area */
.header2 {color: #003399; font-size: 130%;  font-weight: bold}/*  subhead2 used within the main body area */
.header3 {color: #003399; font-size: 120%;  font-weight: bold}/*  subhead3 used within the main body area */
.header4 {color: #003399; font-size: 100%;  font-weight: bold}/*  subhead4 used within the main body area */

.formfield {font-size: 90%}



.sidenav {
font-size: 80%
}

.footer  {
font-size: 80%
}

.byline  {
font-size: 80%;
line-height: 125%;
}

.newsletter  {
font-size: 90%;
}


.faq {
  font-size: 80%;
}

.SpryHiddenRegion {
	visibility: hidden;
}

.nodisplay {
	display: none;
}

.msg_head {
	margin-left: 0px;
	color: #039;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}

.msg_body {
	margin-left: 40px;
}

a:link {color: #003399; }/*  links */
a:hover {color: #003399; text-decoration : none;}/* hover links */
a:visited {
	color: #3366cc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}/* visited links */


/* use these as spacers */
.spacer2 { font-family: arial, verdana, sans-serif; font-size: 2px; }
.spacer4 { font-family: arial, verdana, sans-serif; font-size: 4px; }
.spacer6 { font-family: arial, verdana, sans-serif; font-size: 6px; }
.spacer8 { font-family: arial, verdana, sans-serif; font-size: 8px; }
.spacer10 { font-family: arial, verdana, sans-serif; font-size: 10px; }
.spacer12 { font-family: arial, verdana, sans-serif; font-size: 11px; } 


/* misc */

ul.nonest li ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


.new {
	color: #FF0000;
	font-style: italic;
	font-weight: bold;
}

.redem {
	color: #c00;
	font-style: italic;
	font-size: 1.0em;
	font-weight: bold;
}

.divider {
	margin-top: -10px;
	border-bottom: 1px solid #039;
}

.button {
	border: 1px solid #fc3;
	background-color: #039;
	color: #fc3;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	padding: 2px 5px;
	cursor: pointer;
}

.button:hover {
	color: #fff;
}

.tabledata {
	 border: 1px solid #000;
	 border-collapse: collapse;
	 margin: 5px 0;
	}

.tabledata th, .tabledata td {
	font-size: 11px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	 padding: 5px;
	 }
	 
.tabledata th {
	color:  #ffcc33;
	background-color: #039;
	font-weight: bold;
	}

tr.evenrow {
	background-color: #f6e199;
}

tr.hoverrow {
	background-color: #fadc82;
}


.tabledata tr td ul {
	margin: 0 0 0 12px;
	padding: 0;
}

/**** js tabbed menu ***/

#menu, #menu2 {
	float: right;
	margin: -20px 0 5px 0;
	padding: 0px;
}


ul#menu, ul#menu2 {
	display: block;
	position: relative;
	}

ul#menu li, ul#menu2 li {
	list-style: none;
	float: left;
	padding: 0 10px 0 10px;
	margin: 0px;
	font-size: 11px;
	
}

ul#menu li.line, ul#menu2 li.line  {
	border-right: 1px solid #039;
	color: #f00;
}

ul#menu li.active, ul#menu2 li.active {
	color:  #f00;
	text-decoration: none;
}

