.main
{
 font-family: Verdana;
 font-size:12px;
/*  color:#293D87; */
 background-color: #293D87;
 text-align: center;
  height: 100%;
 min-height:100%

}
.container
{

 position:relative;
 top:0;
 width:800px;
 height: 100%;
 min-height:100%;
 overflow: hidden;
/*
 padding: 5px 5px 5px 5px; */
 /* height:1000px; */
/*  overflow: hidden; */
 margin: auto;
 display:block;
 padding: 0px 15px 15px 15px;
 text-align:left;
 background-color:white;
 border: solid 1px;
}

.banner
{
/*  border: solid 1px; */
}


.col1
{

  float:left;
  position:relative;
  width:190px;
/*   overflow:hidden; */
  margin:5px 0px  5px 0px;

}
.col2
{
  float:left;
  position:relative;
  width:380px;
/*   overflow:hidden; */
  margin:5px 20px  5px 20px;


}
.col3
{
  float:left;
  position:relative;
  width:190px;
  /* overflow:hidden; */
  margin:5px 0px  5px 0px;


}
.header
{
 font-size:14px;
 font-weight:bold;
 background-color:#72A5B0;
 color:white;
 text-align:center;
 padding:5px;
 height:20px;
}
.middle_header
{
 font-size:16px;
 font-weight:bold;
 background-color:#293D87;
 color:white;
 text-align:center;
 padding:5px;
 height:20px;
}

a
{
 font-size:12px;
 text-decoration:none;
 color:#293D87;
 font-weight:bold;
}

.default_item
{
 list-style-image:url(../images/green_arrow.png);
 color:black;
 font-size:12px;
 text-decoration:none;
 font-weight:bold;
}

.active_item
{
 list-style-image:url(../images/blue_arrow.png);
 color:#293D87;
 font-size:12px;
 text-decoration:none;
 font-weight:bold;
}

.body_header {

 margin-top:5px;
 text-align:center;
 color:#293D87;
 font-family: arial;
 font-size:14px;
 font-weight:bold;
}
.cityguilds {
 color:red;

}

.quote_text
{
  font-family:arial;
  font-style:italic;
  color:#72A5B0;
  font-size:14px;

}

.quote_name
{
  font-family:arial;
  font-style:normal;
  color:#72A5B0;
  font-size:12px;


}


/* The following CSS is for the image to be displayed while overing over the thumbnail */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 0px;
left: -1000px;
margin: 0 0 0 0;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200px;
left: -550px; /*position where enlarged image should offset horizontally */

}



.thumbnailtext{ /*CSS for enlarged image on hover*/
color:blue;
font-size:10px;
font-weight:bold;
text-align:center;
}

.reg{
font-size:9px;
vertical-align:top;
}