/* CSS for three column layout with absolutely positioned side columns and header */
/* from the book Stylin' by Charles Wyke-Smith publsihed by New Riders */
body {margin:0; padding:0; font: 13px arial; color:#0b1934; background-color:#6f83a2;text-align:center; /*background-image:url(../images/background.gif)*/}

*{margin:0; padding:0}
div#mainwrapper {width:784px; margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:10px;   background-color:#faf8f2; border-top:2px solid #f9a303; border-left:2px solid #f9a303; border-right:2px solid #f9a303;}
div#header {width: 776px;  height:109px; background-color:#efe9d0; text-align:center; border: 4px #2f3130 solid; padding: 0px 0;  }
div#columnswrapper{float:left; width:784px; border-top:1px solid #f9a303; background-color:#faf8f2; text-align:left; padding-bottom:10px; border-bottom:1px solid #f9a303;  }
 /*styles for header - text-align centers graphic */

div#header img {border:none; margin:0; padding:0; display: block;}



div#nav {float:left; margin-top:50px; padding-top:20px; /*background-color:#00CCFF */ width:150px;  font-weight:bold;}			
div#nav ul {border:0; margin:12px 1.25em 12px 1.25em; padding:0; list-style-type:none; font-weight:bold; font-size:.75em;}
div#nav li {border-bottom:2px dotted #f9a303; margin:0; padding:.3em 0; font-weight:bold;}
div#nav li:first-child {border-top:2px dotted #f9a303;}

div#nav a {text-decoration:none; color:#17418e; font-weight:bold;}
div#nav a:hover {color: #f9a303;}
div#nav div#languages { margin:25px 0px 0px 15px;}
/* a hack for IE Win only \*/	
* html div#nav ul {border-top:2px dotted #f9a303; font-weight:bold;}
/*end of hack */
div#content {float:left; margin:0; padding: 1em 1em 0 1em; /*background-color:#00FFFF;*/ width:460px; margin-top:30px;}
div#print {float:left; margin:0; padding: 1em 1em 0 1em; /*background-color:#00FFFF;*/ width:550px;  text-align:left;}

div#content div#mainimage {width:180px; float:left; margin:0 25px 4px 0; }
div#content div#mainimage img {border: 1px solid #f9a303;}
div#content div#mainimage p {font-size:1.2em; margin:0px 5px; color:#17418e;} 
/*
div#content div#mainimage {width:180px; float:left; margin:0 8px 4px 0;}
div#content div#mainimage img {border: 1px solid #960;}
div#content div#mainimage p {font-size:.65em; margin:0px 5px; color:#C60;} 
*/
div#content div#moscow_mapimage {width:420px; float:left; margin:15px 8px 15px 0; }
div#content div#moscow_mapimage img {border: 1px solid #f9a303;}
div#content div#moscow_mapimage p {font-size:1.2em; margin:0px 5px; color:#17418e;} 

/* div#content div#map_image {width:418px;  margin:25px 10px 10px 25px; }
div#content div#map_image img {border: 1px solid #f9a303;} */

div#content div#map_image {width:280px; float:left; margin:0px 5px 5px 0px;}
div#content div#map_image img {border: 1px solid #f9a303;} 

div#content div#tubemap_image {float:left; width:130px;    margin:0px 0px 5px 5px;}
div#content div#tubemap_image img {border: 1px solid #f9a303;}


div#content div#left_image_portrait {width:70px; float:left; margin:0px 0px 5px 0px; }
div#content div.thin_left_portrait {float:left; width:300px; padding-left:20px; padding-bottom:5px;} 

div#content div#left_image {width:150px; float:left; margin:0px 0px 0px 0px; }
div#content div.thin_left {float:left; width:250px; padding-left:20px; padding-bottom:0px;}

/* aboutus images */
div#content div.image_left {width:200px; float:left; margin:0px 0px 5px 10px; }
div#content div.image_left img {border: 1px solid #f9a303;}
div#content div.image_right {width:200px; float:left; margin:0px 0px 5px 10px; }
div#content div.image_right img {border: 1px solid #f9a303;}

div#content div img.normal {border: 1px solid #f9a303; margin-bottom:10px;}

div#content h1{font-size:1.4em; font-variant:small-caps; /*margin-top:2em;*/ margin-bottom:1em; font-family: verdana, arial, sans-serif; color:#17418e;}
div#content h4{font-size:1.1em; margin-top:2em; margin-bottom:2px; font-family:Arial, verdana, sans-serif; color:#000000}
div#content h5{font-size:1.1em; margin-top:0px; margin-bottom:2px; font-family:Arial, verdana, sans-serif; color:#000000}
div#content p {font-size:1.1em; margin-top:0; margin-bottom:1.5em; text-align:left}	
p.indent_left { margin-left:-15px;display:inline; font-weight:bold;}
p.space3		{margin:3px 0px 0px 0px;}
p.space5		{margin:5px 0px 0px 0px;}
p.space10		{margin:10px 0px 0px 0px;}
p.space20		{margin:20px 0px 0px 0px;}
p.center		{text-align:center;}
p.clear			{clear:both; padding: 0; margin: 0;}
p a {text-decoration:underline; color:#17418e;}
p a:hover {color: #f9a303; text-decoration:none;}
div#content p.submitted {font: 1.0em verdana, arial, sans-serif; color:red}	
div#content p.address {font-size:1.0em; margin-top:0; margin-bottom:.5em; float:left; margin-right:1.5em;}	
div#content li.noimage {font-size:1.0em; list-style-type:none; margin-left:10px;}
div#content li {font-size:1.0em;list-style-image:url(../images/orange_circle.gif) ;margin-left:19px; margin-top:4px;}


div#content a {text-decoration:underline; color:#17418e;}
div#content a:hover {color: #f9a303; text-decoration:none;}

div#print h1{font-size:1.4em; font-variant:small-caps; /*margin-top:2em;*/ margin-bottom:1em; font-family: verdana, arial, sans-serif; color:#17418e;}
div#print h4{font-size:0.9em; margin-top:1.5em; margin-bottom:2px; font-family:Arial, verdana, sans-serif; color:#000000}
div#print p.address {font-size:.8em; margin-top:0; margin-bottom:.5em; float:left; margin-right:1.5em;}
div#print p {font-size:.8em; margin-top:0; margin-bottom:1.0em; text-align:left}		
div#print  img {border: 1px solid black; margin-bottom:10px;}


/*<div#content div.images div {vertical-align:bottom}*/

/* START OF THE FORM CSS */
div#formcontainer {/*width:390px;*/ margin-left:0px; margin-top:30px; border: 1px solid #666666;}

div#formcontainer form  { } /* the top border is visually 1 px thicker because it touches the div.clearfix bordertop */
div#formcontainer form div.heading{ padding:5px 5px; color:#000000; font-size:.75em; background-color:#F4F4F4; border-bottom: 1px solid #666666;}
div#formcontainer div.clearfix  {	padding:10px 5px; border-bottom: 1px solid #E2E2E2; vertical-align:top; } 
div#formcontainer div.clearfix div.right{ padding-left:360px}
div#formcontainer div.clearfixradio  {	padding:10px 5px;  vertical-align:top; height:70px;}  
div#formcontainer div.clearthistopborder {clear:both; border-top: 1px solid #E2E2E2;}
div#formcontainer form label {width:120px; float:left;font-size:.75em;   margin:0 0px;} /* this is the text label on the left of each input */
div#formcontainer form span.sex {width:10px;  font-size:.75em;    margin-left:5px; } 
div#formcontainer form span {width:10px;  font-size:.75em;    margin-left:5px; font-weight:bold} 
div#formcontainer form span.compulsory {width:10px;  font-size:.75em;    margin-left:5px; font-weight:bold; color:#f9a303;} 
div#formcontainer form div#train_qs{margin-bottom:0px; margin-top:0px;}
div#formcontainer form div#airport_qs{margin-bottom:0px; margin-top:0px;}

/*some extra styles for the checkbox and radio button sets*/	
div#formcontainer div.buttongroup {float:left; margin:0px; padding:0px; } /* a container for a groups of buttons - suppresses the clearfix div top border on the divs around the radio buttons/checkboxes */
div#formcontainer div.buttongroup div {margin-bottom:5px; font-size:.75em;} /* wrapper for the INPUT and its text - margin-bottom sets the vertical distance between buttons */
div#formcontainer div.buttongroup input {margin-right:5px;} /* set the distance between button and its label text */
/* postions the submit button by selecting a div with attribute type SUBMIT - IDWIMIE */


  .info   { color: black; background-color: transparent; font-weight: normal; font-size:.75em;}
  .warn   { color: rgb(120,0,0); background-color: transparent; font-weight: normal; font-size:.75em;}
.error  { color: red; background-color: transparent; font-weight: bold; font-size:.75em;}
/* END OF THE FORMS CSS*/

div#ticker {margin-top:30px;}

div#rightcolumn { float:left; width: 125px;/*  background-color:#66FF99;*/  margin-top:80px; margin-right:5px; padding:5px 5px 0 5px;  border-bottom: 2px dotted #f9a303; border-top: 2px dotted #f9a303; }
div#rightcolumn * a {text-decoration:none; color:#17418e;}
div#rightcolumn * a:hover {color: #f9a303;}
div#rightcolumn p {font-size:.75em;}
div#rightcolumn img {border:none;}
div#rightcolumn div#reviews ul {list-style-type:none; font-size:.7em; padding-left: 10px; margin:5px 6px 5px 0;}
div#rightcolumn div#reviews li {margin-top:0; margin-bottom:.5em;}
div#rightcolumn h3 {text-align:center; font-size:.8em; color:#17418e; margin-bottom:0px; padding-top:3px; }
div#rightcolumn a {text-decoration:none; color:#17418e; text-decoration:underline}
div#rightcolumn a:hover {color: #f9a303; text-decoration: none;}
div#rightcolumn li.morelink {font-style:italic;}



.centre{text-align:center}


/* ticker styles see ticker.php */



/*footer styles*/
div#footer {/*margin-top:50px; */width:100%;  /* makes the div fill its container - usually body */
 					 /* pushes the links away from top and bottom of the div */
					font-size:10px;  /* sets the font size of all links */
					text-align:center; /* centers the ul elements in the div */
					background-color:#efe9d0; /* sets the background color of the div */
					 border-bottom:2px solid #f9a303;
					 padding:5px 0; }
 div#footer ul {margin:2px 0; } /* vertical spacing between the lists */
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:white; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color:#17418e; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
 div#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
 div#footer ul li a {text-decoration:underline; 
 							 color:#17418e; 
							 }
 div#footer ul li a:hover {text-decoration:none; color:#f9a303} 

 div#footer p.footer{font-size:.9em;margin:5px 0px; }
  div#footer p.footer a {text-decoration:underline; 
 							 color:#17418e; }
 div#footer p.footer a:hover {text-decoration:none; color:#f9a303} 
  
  /*misc*/
 .clearthefloats {clear:both}
  .clearthis {clear:both}

hr { border-top:2px dotted #CCCCCC;  margin: 5px 50px 5px 50px;}

  /*secret squirrel stuff*/
  p.hidden{ 	visibility:hidden; 	font-size: 1px; }