.style1 {color: #FFFFFF}
.style4 {font-size: 10px}
.style8 {font-size: 10px; color: #666666; }
.style11 {font-family: Arial; font-size: 12px; color: #000000;}
.style12 {font-family: Arial; font-weight: bold; color: #FFFFFF; background-color: #AE3330; text-align: center; font-size: 16px;}
.style13 {font-size: 12px; color: #006666; font-weight: bold;}
.style14 {Arial; font-size: 14px; font-weight: bold; color: #000090;}
.style15 {font-family: Arial; font-size: 18px; font-weight: bold; color: #000060; }
.style16 {font-family: Arial; font-size: 24px; font-weight: bold; color: #ffffff; background-color: #000060; }
.style18 {color: #666666}
.style23 {color: #000066; font-weight: bold;}
.style24 {color: #006699}
.style_m {font-family: Arial; font-size: 10px; color: #800000; background-color: #FAF560;}
.style_c {font-family: Arial; font-size: 10px; color: #000000; }
img.style_icon {border: 0; height: 20; }

.article_title {font-family: Arial; font-size: 18px; color: #AE3330;}
.article_author {font-family: Arial; font-size: 12px; color: #7B0000;}
.article_author a:link {font-family: Arial; font-size: 12px; color: #7B0000;}
.article_author a:visited {font-family: Arial; font-size: 12px; color: #7B0000;}
.article_date {font-family: Arial; font-size: 12px; color: #AAAAAA;}
.article_body {font-family: Arial; font-size: 12px; color: #333333;}

.style10 {font-family: Arial; font-size: 12px; font-weight: bold; color: #ffffff; }
.style10 a:link {color:yellow}
.style10 a:visited {color:yellow}
	

BODY { background: url(images/bridge_map3.jpg); background-repeat: no-repeat; background-color: #CFD5E1 }
td.style11 { padding : 10px;}
.wireframemenu{
border: 0px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 160px;
position: absolute;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 160px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: 11px Verdana;
padding: 2px 2px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #0000ff;
text-decoration: none;
border-bottom: 1px solid #000060;
}

.wireframemenu a:visited{
color: #AE3330;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #AE3330;
color: white;
}



.info{
position: relative;
z-index: 0;
}

.info:hover{
background-color: transparent;
z-index: 50;
}

.info span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.info span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.info:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

