/*<![CDATA[*/
/* CSS Document */
* {margin:0;padding:0;font: normal 10pt arial, "times new roman", palentino;background:transparent;}
/* commented backslash hack \*/ 
html, body {
	width:100%;
	min-width:910px;
	min-height:600px;
	background-color:rgb(255,255,255);
	/* Commented out - Adversely effecting Menu alignment in IE - 12/28/06 Len text-align:center;  This is used for the Center Menu - Do Not Remove - Other content is reset to left align. */
}
/* end hack */

/* for Mozilla/Safari/Opera */
*>#container {
 padding-top: 600px !important;
 padding-left: 800px !important;
 min-height: 1px;
 min-width: 1px;
}
*>#container #content {
 margin-top: -600px;
 margin-left: -800px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html #container {
 height: 600px;
 width: 800px;
}
/* end filter */

/* Body Backgrounds */
#utugo017_mt, #utugo017_mr, #utugo017_ml, #utugo017_tr1, #utugo017_tl2, #utugo017_tmr, #utugo017_br1, #utugo017_bl1, #utugo017_tml, #utugo017_tl1 {
  	display:inline-table;
	height:100%;
	padding:0;
	width:100%;
  /* \*/display:block;/**/
  }
 #utugo017_mt {
  background: transparent url(../images/layout/utugo017_mt.jpg) repeat-x;
  }
#utugo017_mr {
/*  background: transparent url(../images/layout/utugo017_mr.jpg) right repeat-y;*/
  }
#utugo017_ml {
  background: transparent url(../images/layout/utugo017_ml.jpg) left repeat-y;
  }
#utugo017_tr1 {
/*  background: transparent url(../images/layout/utugo017_tr1.jpg) top right no-repeat;*/
  }
#utugo017_tl2 {
  background: transparent url(../images/layout/utugo017_tl2.jpg) repeat-x 413px 0px;
  }
#utugo017_tl1 {
  background: transparent url(../images/layout/utugo017_tl1.jpg) no-repeat 0px 0px;
  }
#utugo017_br1 {
  background: transparent url(../images/layout/utugo017_br1.jpg) bottom repeat-x;
  }
#utugo017_bl1 {
  background: transparent url(../images/layout/utugo017_bl1.jpg) bottom left no-repeat;
  }
#utugo017_tml {
/*  background: transparent url(../images/layout/utugo017_tml.jpg) no-repeat 0px 165px;*/
  }
#container {
 	display:block;
}
/* End Body Backgrounds */

/* Layout */
#headerspacer {
/*	border: 1px solid red; */
	height:90px;
  background: transparent url(../images/trains/train2.jpg) 177px bottom no-repeat;
}
#header {
/*	border: 1px solid green;*/
	margin-left:200px;
	height:95px;
}
/* Menu formatting*/

#nav_center { /* nav centerd only container */
	position:absolute;
	z-index:2;
	top:90px;
	left:180px;
	width:721px;
	margin:0px auto;
}
	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		background: transparent;
	}
	
	#nav li.menu { /* all list items */
		position: relative;
		float:left;
		width:103px; /* Adds space between butttons */
		height:26px;
		z-index:1;
		margin:0px 0px 0px 0px; /* as the Menu Text placement moves down (adds to padding from top below) minus margin by same or close value*/
	}
	
	#nav li.menu a { /* all list items link */
		height : 26px;
		display : block;
		color : rgb(253,254,255);
		font : normal normal 11px arial, "times new roman", palentino;
		text-decoration : none;
		padding : 0px 2px 0px 2px; /* Text placement - Is associated to all list items */
		text-align : center;
		line-height : 23px;
		background: transparent url(../images/layout/nav_off.jpg) top center no-repeat;
	}
	
	#nav li.menu a:hover { /* all list items link */
		height : 26px;
		/*color : rgb(130,130,130); Alternate Color*/
		color : rgb(207,219,230);
		background: transparent url(../images/layout/nav_on.jpg) top center no-repeat;
		padding-top:1px;
	}
	
	#nav li.menu ul { /* second-level list items */
		position : absolute;
		width:123px; /* Adds space between butttons */
		left: -999em;
		margin-left:0px; /* breakout distance */
		padding:0px;
		background: rgb(100,100,100);
		filter:alpha(opacity=75); /* for IE */
		-moz-opacity:0.75; /* for mozilla */
		opacity: 0.75; /* for safari */
		khtml-opacity: 0.75 /* for konquerer and older safari */	
		}
	
	#nav li.menu ul a { /* second-level list items link */
		background: rgb(15,25,25);
		border:1px solid rgb(100,100,100);
		width:123px; /* Adds space between butttons */
	}

	#nav li.menu ul a:hover { /* second-level list items link hover */
		background: rgb(75,75,75);
		width:123px; /* Adds space between butttons */
	}

	#nav li.menu ul ul { /* third-and-above-level lists */
		top: 9px;
		margin-left:124px; /* breakout distance */
	}
	
#nav li.menu.menu:hover ul ul, #nav li.menu:hover ul ul ul, #nav li.menu:hover ul ul ul ul, #nav li.menu.sfhover ul ul, #nav li.menu.sfhover ul ul ul, #nav li.menu.sfhover ul ul ul ul {
		left: -999em;
	}
	
#nav li.menu:hover ul, #nav li.menu li.menu:hover ul, #nav li.menu li.menu li.menu:hover ul, #nav li.menu li.menu li.menu li.menu:hover ul, #nav li.menu.sfhover ul, #nav li.menu li.menu.sfhover ul, #nav li.menu li.menu li.menu.sfhover ul, #nav li.menu li.menu li.menu li.menu.sfhover ul {
		left: auto;
	}
	
#nav a.parent {
	/*background: url(http://www.pinched.com/images/menu/sub.gif) 130px 7px no-repeat;*/
}
#nav li.menu a.small_font {
	font-size:7pt; /*Provides for a slightly smaller font to save real estate for fixed width height menu*/
}

	div.menu { /* No link */
		height : 29px;
		width: 149px;
		padding : 3px 0px 0px 5px; /* Text placement - Is associated to all list items - This is without a link */
		font-weight : bold;
	}
	
	.blank{
	position:relative;
	clear:both;
	padding: 5px 4px 6px 4px; 
	margin: 3px 5px 5px 0px; 
	width:137px;
	background:none;
	height:100%;
	border:1px solid #9d9da1;/*  */
	}

/* End Navigation */
.clear { clear: both;} /* CSS HACK: only for NN4, so now use Caio hack to cleanse palette */
/*/*/ .clear { display: none; } /* */
/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */
.columns-float
	{
	top:-15px;
	float: left;
	width: 85%;
	}
.column-one
	{
	float: right;
	width: 67%;
	}
/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
.column-two { margin-right: 67%;width:170px; }
.column-three {margin-left: 0%;width:0px;}
/* */
.column-one-content, .column-two-content, .column-three-content
	{
	padding: 0px 3px 0px 3px;
/*	border: none; */
	color: #000000;
	text-align:left;
	}
.column-one-content { background: none; }
.column-one-content-clear { width:100%;float:left; }
.column-two-content { background:  none }
.column-three-content { background: none; }
/* GUTTERS BETWEEN COLUMNS */
.column-one-content
	{
	margin-left: 10px;
	margin-right: 10px;
	}
/* HORIZONTAL PADDING OUTSIDE COLUMNS */
.column-two-content { margin-left: 10px; }
.column-three-content { margin-right: 50px; }
/* VERTICAL PADDING ABOVE COLUMNS */
.box-header
	{ margin-bottom: 0px; }
.column_padding_after
	{
	height:0px;
	font-size: 1px;
	line-height: 0px;
	clear: both;
	}
/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/
.box-wrap, .columns-float, .column-one, .column-two, .column-three, h2
	{ p\osition: relative; }
/* */

#footerspacer {
	height:99px; /* This will adjust the bottom limit of each content to footer spacer */
	background-color: transparent;
	padding: 0px 0px 0px 0px;
}
#footer {
	position: relative;
	clear: both;
	bottom:0px;
	text-align: center;
	font-size: .8em;
	padding: 0px 0px 30px 0px;
	margin: 0px;
/* border:1px solid red; */
	}

/* Links actions */
a { 
	text-decoration:none; 
	color: rgb(35,11,145);
	background: transparent;
	}
a:hover { 
	text-decoration:none; 
	color: rgb(238,55,66);
	background: transparent;
	}
#resize {float:left;/* border:1px solid red; */}
p {text-indent:7px;}
.new {
	font-weight:900;
	color:red;
	}
img, table {border:0px;}
th {
	color:rgb(62,78,138);
	text-align:left;
	border:0px solid rgb(62,78,138);
	font-weight:900;
}
.locals {
	margin-top:17px;
	padding-left:45px;
	}
.locals td {
	padding:3px;
	background-color:rgb(245,245,245);
	}
td {
	vertical-align: top;
	margin:5px;
	padding:7px;
	}
h1, h2, h3, h4 {
	color:rgb(62,78,138);
	background-color:transparent;
	}
h1 {font-weight:900;font-size:15px;padding-bottom:13px;}
h2 {font-weight:800;font-size:14px;padding-bottom:13px;}
h3 {font-weight:600;font-size:13px;}
h4 {font-weight:800;font-size:12px;padding-bottom:0px;}
.star {
	height: 60px;
	padding:0px 20px 0px 20px;
	background: transparent url(../images/star.jpg) 0px -1px no-repeat;
	}
.star_content, .star_title {
	position: relative;
	top: 25px;
	display: inline;
	height: 1%;
	padding:5px 7px 5px 7px;
	background-color: transparent;
	}
.bold {
	font-weight: 900;
	font-size: 13px;
}
#lotsalove0,#lotsalove1,#lotsalove2	{ display:none }
#footer #slideshow {
	position:relative;
	border: 1px solid red;/**/
	top:70px;
	/*bottom:20px;*/
	left:20px;
	clear: both;
}
.under_construction_tv{
	width: 340px;
	height: 300px;
	background: transparent url(../images/layout/under_construction_tv.jpg) center center no-repeat;
}

.caption_small{
	font-size:10px;
}

/* Sideboxes */
.left_body, .right_body, .top_body, .bottom_body, .right_head, .left_foot, .right_foot {
  display:inline-table;
  /* \*/display:block;/**/
  }
.left_body {
  background: transparent url('../images/layout/sidebox/left_body.jpg') left repeat-y;
  }
.right_body {
  background: transparent url('../images/layout/sidebox/right_body.jpg') right repeat-y;
  }
.top_body {
  background: transparent url('../images/layout/sidebox/top_body.jpg') top repeat-x;
  }
.bottom_body {
  background: transparent url('../images/layout/sidebox/bottom_body.jpg') bottom repeat-x;
  }
.right_head {
  background: transparent url('../images/layout/sidebox/right_head.jpg') right top no-repeat;
  }
.left_foot {
  background: transparent url('../images/layout/sidebox/left_foot.jpg') left bottom no-repeat;
  }
.right_foot {
  background: transparent url('../images/layout/sidebox/right_foot.jpg') right bottom no-repeat;
  }
.left_head {
  padding:30px 30px 50px 30px;
  background: transparent url('../images/layout/sidebox/left_head.jpg') left top no-repeat;
  }
.left_head div, .left_head table {
  display:block;
  width: 100%;
  /* border:1px dashed green; */
}
/* End Sideboxes */

  /*]]>*/