@charset "utf-8";
/* CSS Document */

*
{
	padding:0;
	margin:0;
}

body
{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background-image:url(../images/background.gif);
}

a img
{
	border:0;
}

a
{
	color:#202e3f;
}

div#mainmenu
{
	width:100%;
	height:80px;
	background-color:#2a2a2a;
	position:relative;
}

div#mainmenu div
{
	width:100%;
	position:absolute;
	left:0;
	top:34px;
	text-align:center;
	color:#666;
	font-size:120%;
}

div#mainmenu a.external
{
	background: transparent url(../images/link-external.gif) scroll no-repeat right top;
}


div#mainmenu a.menulink,
div#mainmenu a.menulinkselected
{
    color:#fff;
    text-transform:lowercase;
    padding-left: 15px;    
}

div#mainmenu a.menulink
{
	background: transparent url(../images/arrow-blue.gif) no-repeat scroll 0 5px;
}

div#mainmenu a.menulink:hover
{
	text-decoration:none;
}

div#mainmenu a.menulinkselected
{
    background: transparent url(../images/arrow-blue-down.gif) no-repeat scroll 0 5px;
    text-decoration:none;
}

div#mainmenu a:active, div#mainmenu a:focus
{
  /* reduce the link size to zero when the link is in the 
  active/focus state.
  This literally removes the dotted border which is ONLY applied
  to the link itself and not any containing elements WHEN THOSE
  ELEMENTS HAVE A POSITION ABSOLUTE! */
  width:0; height:0;
  outline:0; /* for browsers that understand */
}

span.mainmenuseparator
{
	margin: 0 20px;
}

div#container
{
	text-align:center;
	padding-bottom:10px;
}

div#main
{
	width:700px;
	height:505px;
	margin:0 auto;
	background-color:#fff;
	border: 5px solid #2a2a2a;
	text-align:left;
}

div#content
{
	clear: both;
	padding: 10px 10px 0 10px;
}

div#banners,
div#biglogo
{
	float: left;
}

div#banners
{
	width: 230px; //margin-right: -100%;;
}

div.banner
{
	border: 3px solid #d1d1d1;
	margin-bottom:5px;
	width:214px;
	height:108px;
	position:relative;
}

div.bannerImage
{
	position:absolute;
}

div.bannerText
{
	position:absolute;
}

div#biglogo
{
	width:450px;
	height:471px;
	background: transparent url(../images/biglogo-bg.jpg) no-repeat;
	width: 450px; //margin-left: 230px; //display: inline;
	position:relative;
}

.block
{
	position:absolute;
	top:12px;
	left:12px;
	background-color:#fff;
	width:406px;
	padding:10px;
	font-size:110%;
	height: 427px;
    overflow:auto;
}

.block a:hover
{
    text-decoration: none;
}

.block p
{
	margin-bottom:1em;
}

.block ul
{
	margin-left:2em;
	margin-bottom:1em;
}

.title
{
	font-size:130%;
	color:#48688C;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:15px;
}

.title a
{
    color:#48688C;
}

p.title span.other
{
    font-size: 80%;
}

div#othercities p
{
    margin-bottom: 0.5em;
}

div#othercities ul
{
    margin-bottom: 0.5em;
}
  
div#othercities p.title
{
    margin-bottom: 0.5em;
}


#contacts ul
{
	margin:0 0 1em 0;
	list-style:none;
}

#contacts ul li
{
	margin-bottom:.6em;
}

span.date
{
  font-weight: bold;
  color: #666;
}

#information p.title
{
  font-weight: bold;
}

div#copyright
{
	text-align:right;
	border-bottom: 2px solid #bdbdbd;
	color:#666;
	padding-bottom:5px;
	width:100%;
	clear:both;
}

div#copyright span
{
	padding-right:10px;
}

div#copyright a
{
	color:#999;
}