/* CSS Document */
	body {
	margin: 0;
	padding: 0;
	width:100%;
 	height:100%;
	background: #fff;
	color: #313131;
	font-size: 100%;
	font-family:Arial, sans-serif;
}
a:link, a:visited {color:#2C7CC4; text-decoration:underline;}
a:hover {color:#FF4500; text-decoration:none;}
a.search:link, a.search:visited {font-size:140%; display:block}
a.buttons:visited, a.buttons:link, a.search:link, a.search:visited {color:#2C7CC4; text-decoration:none; border-bottom:#2C7CC4 1px dashed; font-weight:bold}
a.buttons:hover, a.search:hover {color:#FF4500; text-decoration:none; border-bottom:#FF4500 1px dashed}
a.dashed {border-bottom:1px dashed; text-decoration:none;}
a.dashed:hover { border-bottom:1px dashed; text-decoration:none;}

a.orange {color:#FF4700;}
a.orange:hover {color:#57BE00;}
h1 {font-size:140%;}
.red {color:#FF0000}
.big {font-size:140%;}

textarea  {font-family: Arial, sans-serif; color:#8D8D8D; border:1px solid #999999; font-size:80%; padding:3px}
select  {font-family: Arial, sans-serif; color:#3B3C3C; border:1px solid #999999; font-size:70%;}
#head{width:100%;background:#F1F1F1; padding:0px 0px 0px 0px; border-bottom:solid 1px #D9D8D8; text-align:center}
#content, #toplf {position: relative; width:900px; margin-left:-450px; left:50%;}
#top {width:80%;margin-bottom:10px; padding:7px 0px 7px 0px;}
#toplogo {float: right; width:100%; margin-bottom:10px; padding:20px 0px 0px 0px;}
#topphrase {float: left; text-align:left; font-size:60%; width:350px; vertical-align:bottom; padding-top:10px;}
#logo {float: right; text-align:right; }
#logo a{color:#3D98D1; text-decoration:none; border-bottom:#2C7CC4 2px dashed; font-size:42px; font-weight:bold; display:block}
#logo a:hover{color:#FF4500; text-decoration:none; border-bottom:#FF4500 2px dashed; display:block}
#left, #midbanned, #botbanners{float: left; text-align:left}
#midbanned {margin:0px 0px 20px 0px}
#right, #mainsearch {float: right; text-align:right}
#banktags {float: left; text-align:justify ;position: relative; width:100%; padding:20px 0px;}
#banktags a{color:#55BC00; text-decoration:none;}
#banktags a:hover{color:#ffffff; text-decoration:none; background:#2C7BC3}
#metrotags {float: left; text-align:justify ;position: relative; width:100%;}
#metrotags a{color:#2E7FC6; text-decoration:none;}
#metrotags a:hover{color:#ffffff; text-decoration:none; background:#FF4F00}
#metropoliten {float: left; text-align:justify ;position: relative; font-size:70%}
#metropoliten a{color:#FF4900; text-decoration:none; }
#metropoliten a:hover{color:#ffffff; text-decoration:none; background:#FF4F00}
#block {text-align:center; float:left; width:100%; margin-top:5px; margin-bottom:20px}
#message {float: right; text-align:right}
#foot{clear: both; float: left; width:100%; background:#EAEAEA; padding:5px 0px 5px 0px; font-size:70%; margin-top:20px}
#bottom {float: left;  position: relative; width:80%; margin-left:-40%; left:50%; padding:20px 0px 10px 0px;}


/*page */
#title {float: left; text-align:left; width:80%; padding:0px 0px 10px 0px;}
#title a{ border-bottom:solid 1px; text-decoration:none;}
#title a:hover{ border-bottom:none; text-decoration:none;}

#untitle {float: left; text-align:left;position: relative; width:100%; padding:10px 0px 10px 0px; font-size:90%; color:#A0A0A0}
#untitle a{text-decoration:none;}
#untitle .black{color:#000000}
#inuntitle1{float: left; text-align:left; padding:10px 0px 10px 0px;}
#inuntitle2{float: right; text-align:right; padding:10px 0px 10px 0px;}
#inuntitle2 a{color:#828282; text-decoration:underline;}
#inuntitle2 a:hover {color:#828282; text-decoration:none;}
#infoblock {float: left; text-align:left;position: relative; width:700px; padding:0px 0px 10px 0px; font-size:90%;}
#undermap a.green, #info a.green, div.tab1 a.green, #title a.green, #infoblock a, div.tab2 a.green{color:#57BE00}
#undermap a.green:hover, #info a.green:hover, div.tab1 a.green:hover, #title a.green:hover, #infoblock a:hover, div.tab2 a.green:hover{color:#FF4500}
#undermap a.orange, #info a.orange, div.tab1 a.orange, div.tab2 a.orange{color:#FF4700}
#undermap a.orange:hover, #info a.orange:hover, div.tab1 a.orange:hover, div.tab2 a.orange:hover{color:#57BE00;}
#undermap a.dashed, #info a.dashed, div.tab1 a.dashed, div.tab2 a.dashed{text-decoration:none;}
#info{float: left; text-align:left;position: relative; width:650px; padding:10px 0px 10px 0px; font-size:80%;}
#info .little {font-size:90%; color:#777777}

#advertismentcontext {float: left; text-align: center;position: relative; width:100%; margin:10px 0px 0px 0px; font-size:80%; background:#F9FAF8;}
#advertismentcontextpage {float: right; text-align:left; position: relative; width:240px; margin:10px 0px 10px 0px; font-size:80%; background:#FFF3F1;}
div.tab1 {float: left; text-align:left; width:48%; font-size:90%;}
div.tab2 {float: right; text-align:left;  width:48%; font-size:90%;}
td.tabtd1 {text-align:right; vertical-align:top; width:16%; font-size:80%; padding:10px 10px 10px 0px;}
td.tabtd2 {text-align:left; vertical-align:top; width:34%; font-size:80%;  padding:10px 0px 10px 0px;}

/*map*/
#map {float: left; text-align:left;position: relative; margin:10px 0px 0px 0px; background:#FF4600 url(../images/map_bg.gif) repeat-x top; font-size:60%; width:612px; height:312px}
#undermap {float: left; text-align:left; position: relative; width:612px;}
div.mapadress {float: left; text-align:left; width:80%; font-size:90%;}
td.maping {padding:6px 0px 6px 0px;}
td.map1 {background:url(../images/map1.gif) no-repeat top left; width:6px; height:6px}
td.map2 {background:url(../images/map2.gif) no-repeat top right; width:6px; height:6px}
td.map3 {background:url(../images/map3.gif) no-repeat bottom right; width:6px; height:6px}
td.map4 {background:url(../images/map4.gif) no-repeat bottom left; width:6px; height:6px}
/*index*/

p.city{font-size:120%; font-weight:bold; margin-top:-5px}
p.citytogo{font-size:60%; font-weight:normal; margin-top:-5px}
.city{font-size:120%; font-weight:bold; margin-top:-5px; margin-right:11px;}
.citytogo{font-size:60%; font-weight:normal; margin-top:-5px}
a.tags1 { font-size:70%}
a.tags2 { font-size:80%}
a.tags3 { font-size:90%}
a.tags4 { font-size:100%}
a.tags5 { font-size:110%}
a.tags6 { font-size:120%}
a.tags7 { font-size:130%}
a.tags8 { font-size:140%}
.littlegrey {color:#7A7373; font-size:70%}
#tdsearchmid, #tdsearchmid2{width:1px}
#tdorange {background:#FF4500 url(../images/orange_bg.gif) repeat-x top}
#tdorangel {background:#FF4500 url(../images/orange_corner1.gif) no-repeat top left}
#tdoranger {background:#FF4500 url(../images/orange_corner2.gif) no-repeat top right}
#tdgreen {background:#53BC00 url(../images/green_bg.gif) repeat-x top}
#tdgreenl {background:#53BC00 url(../images/green_corner1.gif) no-repeat top left}
#tdgreenr {background:#53BC00 url(../images/green_corner2.gif) no-repeat top right}
#tdblue {background:#2C7BC3 url(../images/blue_bg.gif) repeat-x top}
#tdbluel {background:#2C7BC3 url(../images/blue_corner1.gif) no-repeat top left}
#tdbluer {background:#2C7BC3 url(../images/blue_corner2.gif) no-repeat top right}
#tdorangel, #tdoranger, #tdgreenl, #tdgreenr, #tdbluel, #tdbluer{ padding:40px 0px 0px 0px; vertical-align:bottom; width:9px}
#tdorange, #tdgreen, #tdblue {color:#FFF; font-size:120%; padding: 20px 0px 20px 0px; width:32%}
#tdorange a, #tdgreen a, #tdblue a{color:#fff; text-decoration:none; border-bottom:#fff dashed 1px;}
#tdorange a:hover, #tdgreen a:hover, #tdblue a:hover{color:#FEFDC5; text-decoration:none; border-bottom:#FEFDC5 dashed 1px}
.bottomlink {font-size:11px; color:#96A2A8;}
.bottomlink a {color:#96A2A8;}