#container {
/*set default font-size*/
font-size: 80%;
font-family: arial;
color: black;
text-align : left;
background-color: white;
}

/*
======================================
==============TAGS====================
======================================
*/




h1 {font-size: 2em;}
h2 {font-size: 1.4em;}

.crossbartext h1 {font-weight: normal;}

.content a {color: #0054AF;}
.content a:hover {color: #CC0001;}

.infobar a {color: white; text-decoration: none;}
.infobar a:hover {text-decoration: underline;}


/*
======================================
============== CLASSES ===============
======================================
*/

.infobar {
color: white;
width: 100%;
text-align: right;
font-size: 1em;
background: #00256C;
padding-bottom: 5px;
}

.crossbar {
border-bottom: 13px solid #CC0001;
}

.crossbarpic {
border-bottom: 1px solid white;
height: 160px;
}

.crossbartext {
width: 100%;
background: #095AB6;
color: white;
font-family: optima,verdana;
border-left: 2px solid white;
border-bottom: 1px solid white;
padding-left: 6px;
padding-right: 6px;
text-align: center;
}

.content {
padding: 24px;
padding-left: 32px;
padding-right: 33px;
line-height: 150%;
}

.formtext {
color: white;
background: #095AB6;
padding-left: 10px;
}

.theform img {
vertical-align:text-bottom
}

.rhs {
padding-top: 54px;
padding-right: 25px;
}

.photo {
margin-bottom: 15px;
}

.credits {
font-size: 12px;
background: #CC0001;
color: white;
font-family: Trebuchet MS,arial;
line-height: 32px;
text-align: center;
}

#rightcredits {
width: 257px;
border-left: 2px solid white;
}





.row0 {
background-color: white;
}

.row1 {
}

/* Used on the stats page to create graphs */
.graphbar {
background-color: #ddddff;
border: 1px solid navy;
}

#sitemap ul li {
margin-top: 4px;
}

/* ============================================== */
/* Styles for TOOLTIPS */
/* ============================================== */

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#fff;
    background-color: #095AB6;
    font-weight: bold;
    text-decoration:none;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    left: 5px;
    cursor: help;}

a.info:hover{z-index:25; background-color:#7777ff;}

a.info span{display: none}

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