#container {
/*set default font-size*/
font-size: 80%;
font-family: Verdana, Geneva, sans-serif; color: #250F4D;
text-align : justify;
background-color: #DFd6eb;
background-image: url(../images/pagebak.jpg);
line-height: 1.25em;
}

#topstyle {
height: 120px;
width: 760px;
background: url(/images/topbar.jpg);
margin: 0;
}

/*
======================================
==============TAGS====================
======================================
*/



h1 {font-size: 2.0em; margin:0; color: #250F4D;}
h2 {font-size: 1.5em; margin:0; color: #250F4D;}
h3 {font-size: 1.4em; margin:0; color: #250F4D;}
h4 {font-size: 1.3em; margin:0; color: #250F4D;}
h5 {font-size: 1.2em; margin:0; color: #250F4D;}
h6 {font-size: 1.1em; margin:0; color: #250F4D;}

p, div {	}
a {color: #230946; text-decoration: underline;}



/*
======================================
============== CLASSES ===============
======================================
*/

.content {
padding: 32px;
}

.rhs {
padding-top: 40px;
padding-right: 36px;
}

.infobar {
width: 100%;
padding-right: 4px;
text-decoration: none;
text-align: right;
color: white;
font-size: 70%;
}

.infobar a {
text-decoration: none;
padding-right: 4px;
text-align: right;
color: white;
}

.infobar a:hover {
text-decoration: none;
padding-right: 4px;
text-align: right;
color: white;
}

.infobar td {
text-decoration: none;
padding-right: 4px;
text-align: right;
color: white;
}

.infobar form {
display: inline;
}

.photo img {
margin-top: 20px;
margin-right: 10px;
margin-left: 2px;
padding: 3px;
border: 1px solid #0167BB;
}


.meetings td, .meetings th {
font-size: 80%;
}


.row0 {

}

.row1 {
}

/* Used on the stats page to create graphs */
.graphbar {
background-color: #ddddff;
border: 1px solid navy;
}

#sitemap ul li {
margin-top: 4px;
}


a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:white;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

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:35em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}