/* agendas style */
#agenda {
  margin: 0px 15px;
}
#agenda h3 {
  font-size: 1.2em;
  color: #4a0018;
}
#agenda h4 {
  font-size: 1.1em;
  color: #000;
}
#agenda p {
  margin: 2px 12px;
}
#agenda ol.alpha {
  list-style-type: upper-alpha;
}

.comTable {
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 3px;
}
.comTable tr.alt {
  background-color: #ccc;
}
.comTable th {
  text-align: right;
  color: #003366;
  font-weight: bold;
  vertical-align: top;
  padding: 3px;
  width: 30%;
}
.comTable td {
  padding: 3px;
  vertical-align: top;
}
.linksBox {
  margin: 0px 0px 5px;
  padding: 4px 2px;
  border: 1px solid #ccc;
  background-color: #fff;
  width: 99%;
}
.linksBoxHead {
  margin: 4px 0px 0px;
  padding: 2px;
  border: 1px solid #ccc;
  background-color: #ccc;
  color: #51677D;
  font-weight: bold;
  width: 99%;
}
.linksTable {
  border: none;
  width: 100%;
}
.linksTable td {
  border: none;
  vertical-align: top;
}
.layoutTable { /* for borderless tables, such as for layouts */
  border: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.layoutTable td {
  padding: 4px;
  margin: 1px;
}

.layoutTable td h4 {
  margin: 0px;
  padding: 0px;
}

.layoutTable caption {
  font-weight: bold;
}

.tabular { /* for actual bordered tables */
  border: 1px solid #000;
  margin: 0px;
  padding: 0px;
  /* set width in table */
}

.tabular tr {
  padding: 0px;
  margin: 0px;
}

.tabular td {
  padding: 4px;
  margin: 0px;
  border: 1px solid #000;
  vertical-align: top;
}

.tabular th {
  padding: 2px;
  margin: 1px;
  border: 1px solid #000;
}

.tabular caption {
  font-weight: bold;
}
.flexTable {
  border: none;
  margin: 0px;
  padding: 0px;
}
.flexTable th {
  margin: 4px;
}

.leftaligned {
  margin: 3px 8px 4px 0px;
}
.rightaligned {
  margin: 3px 0px 4px 8px;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    border-bottom: dotted 1px #666666;
    text-decoration:none}

/* a.info:hover{z-index:25; background-color:#D8D2C3} */

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #ccc;
    background-color:#fff; color:#000;
    text-align: center}

/* Top Menu Stuff */

#outside{
	border:1px solid #387c2b;
	background:#387c2b;
	}
#navigation-1 {
	padding:1px 0;
	margin:0px;
	list-style:none;
	width:100%;
	height:21px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font:normal 8pt verdana, arial, helvetica;
}
#navigation-1 li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	width:148px;
}
#navigation-1 li a:link, #navigation-1 li a:visited {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#387c2b;
	color:#ffffff;
	width:148px;
	height:13px;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#339933;
	color:#ffffff;
	width:146px;
	height:13px;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
#navigation-1 li ul.navigation-2 {
	margin:0;
	padding:1px 1px 0;
	list-style:none;
	display:none;
	background:#ffffff;
	width:146px;
	position:absolute;
	top:21px;
	left:-1px;
	border:1px solid #387c2b;
	border-top:none;
}
#navigation-1 li:hover ul.navigation-2 {
	display:block;
}
#navigation-1 li ul.navigation-2 li {
	width:146px;
	clear:left;
	width:146px;
}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
	clear:left;
	background:#387c2b;
	padding:4px 0;
	width:146px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
	clear:left;
	background:#339933;
	padding:4px 0;
	width:146px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:145px;
	top:-2px;
	padding:1px 1px 0 1px;
	border:1px solid #387c2b;
	border-left:1px solid #387c2b;
	background:#ffffff;
	z-index:900;
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
	display:block;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
	background:#387c2b;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
	background:#339933;
}
#navigation-1 li ul.navigation-2 li a span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#ffffff;
}
                    
                                        

dl.stories { margin: 0; padding: 0; width: 99%;}
dl.stories dt { line-height: 1.8em; margin: .5em 0 0 0; padding: 0; color: black; /* border: 1px solid black; */}
dl.stories dd { margin: 0; padding: .25em; /* border: 1px solid black; border-top: 0; */ }
dl.stories dd ul { margin: 0 2em; padding: 0 0 0 0; }
dl.stories dd ul li { margin: 0; padding: 0; }

.hidden
{
	display:none;
}

.toggle 
{	
	background: #d8d2c3  url('http://www.ci.tracy.ca.us/images/norgie_open.gif')  .25em .25em no-repeat;
	text-indent: 20px;
	cursor:pointer;
}

.toggle.closed
{
	background: #d8d2c3  url('http://www.ci.tracy.ca.us/images/norgie_closed.gif') .25em .25em no-repeat;
}