#chcoco, body , textarea
{
font-family: Arial, "Trebuchet MS", Geneva, SunSans-Regular, sans-serif;
}

#chcoco, body
{
font-size: 12px;
background-color: #EBEBEB; /*#f5f5f5*/
color:#000000;
padding:0px;
margin: 0px;

}

/* for iePC */
td
{
font-size: 12px;
}

a {
color: #085F99;
}
a:visited {color:#085F99;}
a:hover {color:#085F99;}
a:active { color:#085F99;}

h1{
font-size:18px;
}
h2{
font-size:16px;
}
h3{
font-size:14px;
}
h4{
font-size:12px;
}
h5{
font-size:12px;
}

/* container to center the layout
-------------------------------------- */
#container {
width: 850px;
border: 1px dotted #365A00;
margin: 10px;
margin-left: auto;
margin-right: auto;
background-color: #085F99;
background-repeat:no-repeat;
}

/* head container for logo and metanavi
-------------------------------------- */
#banner {
padding: 0px;
margin: 0px;
height: 100px;
color: #fff;
background-image:url(../images/titlebar.jpg)
}
#banner a
{
color: #ffffff;
text-decoration:none;
}

#banner  a:hover
{color: #E4EBC3;}

#banner h1
{
color: #000;
font-size: 22px;
padding: 10px 0px 0px 10px;
margin: 0px;
}

#banner h2
{
color: #ffffff;
font-size: 14px;
padding: 12px 0px 0px 10px;
margin: 0px;
}

#banner p
{
font-size: 13px;
padding: 10px 0px 0px 10px;
margin: 0px;
}
}

/*main-navi
-------------------------------------- */

#mainnavi a:active
{ color:#000000;}

#container a.selected
{
background-color: #C1DA8B; /*B0E0E6*/
color: #000000;
}

/* content elements
-------------------------------------- */
#results_007251513045012093782:zp3ry3aaeby {
padding: 15px 0px;
margin:0px;
margin-left: 195px;
margin-right: 0px;
background-color: #ffffff;
min-height:660px;
}

#results_007251513045012093782:zp3ry3aaeby  h1 {
padding: 0px 20px 0px 20px;
margin:0px 0px 20px 0px;
color: #085F99;
background: bottom url('/governance/images/dottedBorder.gif') repeat-x;
}


#content {
padding: 15px 0px;
margin:0px;
margin-left: 195px;
margin-right: 0px;
background-color: #ffffff;
min-height:660px;
}

#content h1 {
padding: 0px 20px 10px 20px;
margin:0px 0px 0px 0px;
color: #085F99;
}
#content h2 {
color: #085F99;
padding: 20px 20px 0px 20px;
margin:0px 0px 10px 0px;
background: bottom url('/governance/images/dottedBorder.gif') repeat-x;
}

#content h3 {
padding: 10px 20px 0px 20px;
color: #085F99;
margin:0px 0px 10px 0px;
}

#content h4 {
padding: 10px 20px 0px 20px;
color: #085F99;
margin:0px 0px 10px 0px;
}

#content h5 {
padding: 0px 20px 0px 20px;
color: #085F99;
margin:0px 0px 0px 0px;
}

#content p{
line-height: 18px;
padding: 5px 20px 0px 20px;
margin:0px 0px 10px 0px;
text-align: justify;
}

#content dl{
line-height: 18px;
padding: 0px 20px 0px 20px;
margin:0px 0px 10px 0px;
}

#content p.italic{
font-style: italic;
text-align: justify;  
} 

#content p.center{
text-align:center;}

#content img{
border-style: solid dotted;
border-color: #AEBD9E;
border-width:1px;
padding: 1px;
margin: 10px 10px 5px 5px;
}

#content img.fright{
border-style: solid dotted;
border-color: #AEBD9E;
border-width:1px;
padding: 1px;
margin: 10px 10px 5px 5px;
float: right;
}

#content form {
padding: 0px 20px 0px 20px;
margin:0px 0px 10px 0px;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none
	}

a.info:hover{z-index:25; }

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:20em;
    border:1px solid #085F99;
    background-color:#EBEBEB; color:#000;
    text-align: center;  
	}

/* elements for left navigation
-------------------------------------- */
#left {
float: left;
width: 195px;
font-size: 12px;
background-color: #045C97;
}

#left img {
vertical-align:bottom;
border: 0;
}
/*footer
-------------------------------------- */
#footer {
clear: both;
padding: 2px 10px;
color: #ffffff;
margin-left: 195px;
background-image: url("");
}

#footer a {
color:#ffffff;
}

#footer p {
		padding:3px 2px 0px 0px;
		text-align: center;
		margin:0;
				}
				
#footer img {
vertical-align:middle;
}