@import url(style_editor_1068.css);
a, a:link {
	color: #00f;
}
a:visited {
	color: #00f;
}
body {
	background-color: #069;
}
body, p, td, th, li {
	
		font-size: 10pt;
	
	
		font-family: arial,sans-serif;
	
}

.menu, a:link.menu, a:visited.menu {
	color: #fff;
	font-size: 12px;
	font-family: arial,sans-serif;
}
#menuList {
	background-color: #000;
}
#menuList li a {
	border-right: 1px solid #fff;
}
/*========== GENERAL ==============*/
h1 {
color: #006699;
background-color: transparent;
font-family: Arial,Helvetica,sans-serif;
font-size: 12pt;
font-weight: bold;
margin: 0px;
text-transform: uppercase;
display: normal;
text-align: left;
}

#spanish {
 color: #fff;
 font-size: 10px;
 font-weight: normal;
 margin-left: 500px;
 z-index: 999;
 width: 100px;
 position: absolute;
 top: 3px;
 }

#spanish a {
 color: #fff;
 }

/*========== TOP OF THE MENU CASCADE ==============*/
.menu {
position:relative;
float:left;
margin:0;
padding:0;
border:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
left:15px;
font-size: 10px;
color:#333;
top:16px;
width:863px;
height:24px;
z-index:2000;
visibility:visible;
}
.menu .item
{
background:transparent url("/clients/1068/106403.gif");
height:20px;
padding:0px;
margin-top: 1px;
padding-left:3px;
line-height: 20px;
background-repeat: no-repeat;
}
.menu .item2
{
background:transparent url("/clients/1068/106403.gif");
height:21px;
padding:0px;
margin-top: 0px;
padding-left:3px;
line-height: 21px;
background-repeat: no-repeat;
}
.menu img {
vertical-align: top;
}
.menu ul {
padding:0;
margin:0;
border:0;
list-style-type:none;
line-height:1.5em;
}
.menu li {
float:left;
position:relative;
}
.menu ul li table {
margin:-1px 0;
margin:0;
border-collapse:collapse;
font-size:10px;
}
.drop {
display:block;
padding:0px 0.33em;
margin:0;
text-align:right;
cursor:pointer;
cursor:auto;
}
.drop span {
float:left;
}
.rightmenu {
position:relative;
float:right;
}
#research {
position:absolute;
top:0px;
left:364px;
}
/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
.menu ul li ul {
display:none;
padding:0px;
}
.menu ul li a,
.menu ul li a:visited {
display:block;
float:left;
text-decoration:none;
height:22px;
font-size:10px;
padding:0px 5px;
color:#FFFFFF;
}
.menu ul li:hover a,
.menu ul li a:hover {
border-top:0px solid #000;
height:22px;
}
/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block;
position:absolute;
margin:0;
top:23px;
left:-1px;
height:auto;
width:11.7em;
color:#333;
background:#E7E7E7;
padding:2px;
text-align:left;
}
.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {
left:0px;
}
.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {
width:13.0em;
}
.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {
left:0;
right:0;
}
* html .menu ul.rightmenu li a:hover ul {
right:-1px;
}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
border-top:1px solid #FFFFFF;
border-bottom:1px solid #C2C2C2;
border-right:3px solid #BEBEBE;
margin:0;
padding:1px;
height:auto;
color:#000;
background:transparent url("/clients/1767/102164.jpg") bottom left repeat-x;
width:15.3em;
text-align:left;
}
.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {
color:#FFFFFF;
background:transparent url("/clients/1767/102161.jpg") bottom left repeat-x;
width:15.3em;
}
.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {
width:13.5em;
}
/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/
.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden;
}
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility:visible;
position:absolute;
margin-top:-1px;
top:0;
left:11.9em;
border-top:1px solid #FFFFFF;
border-bottom:2px solid #C2C2C2;
border-right:3px solid #BEBEBE;
padding:2px;
height:auto;
color:#000;
background:transparent url("/clients/1767/102164.jpg") bottom left repeat-x;
width:11.7em;
}
.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a { /
left:-1px;
height:auto;
width:15.3em;
color:#333;
background:#E7E7E7;
padding:2px;
top:0;
}
.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {
width:15.3em;
color:#FFFFFF;
background:transparent url("/clients/1767/102161.jpg") bottom left repeat-x;
}
#text {
height:1.215em;
}
.menu li a {
padding-left: 4px;
}
/*------------------------HEAD----------------------------*/
html .externalSite {
margin-left:-150px;
padding:0px;
height:80%;
vertical-align:center;
}
body .externalSite
{
margin:0px;
padding:0px;
height:80%;
}
#container {
padding-right: 0px;
padding-left:0px;
min-height: 100%;
left: 60px;
margin: 0px auto;
width: 863px;
padding-top: 0px;
position: relative;
top: 0px;
height: 600px;
}
.externalSite #content {
padding-right: 15px;
display: block;
padding-left: 15px;
float: left;
background-image: url(/clients/1767/102254.jpg);
visibility: visible;
margin: 0px;
width: 862px;
background-repeat: repeat-y;
position: absolute;
height: auto;
text-align: left
}
#rightbar {
z-index: 1;
left:862px;
background-image: url(/clients/1767/102385.jpg);
visibility: visible;
width: 15px;
background-repeat: repeat-y;
position: absolute;
top: 0px;
height: 65px;
}
#leftbar {
z-index: 1;
left: -877.5px;
background-image: url(/clients/1767/102386.jpg);
visibility: visible;
width: 15px;
background-repeat: repeat-y;
position: absolute;
top: 0px;
height: 65px;
}
#masthead {
z-index: 1;
left: 0px;
padding-left:0px;
background-image: url(/clients/1068/102868.jpg);
width: 894px;
padding-top:0px;
position: relative;
top: 0px;
height: 100px;
}
#alert {
left: 15px;
padding-left:0px;
background-image: url(/clients/1767/101966.jpg);
width: 830px;
padding-top:0px;
position: relative;
top: 100px;
height: 19px;
}
#AlertImage {
z-index: 10000;
padding-left:0px;
left: 85px;
/*background-image: url(/clients/1767/102102.gif);*/
width: 16px;
position: relative;
background-repeat: no-repeat;
top: 0px;
height: 14px;
}
#Alertmovie {
z-index: 10000;
left: 10px;
/*background-image: url(/clients/1767/102389.gif);*/
width: 120px;
position: relative;
background-repeat: no-repeat;
padding-top:2px;
height: 18px;
margin-top:0px;
}
INPUT.search {
font-weight: bold;
font-size: 9px;
color: #333;
font-family: arial, verdana, ms sans serif;
}
searchresults {
padding-left: 1em;
}
#search {
z-index: 1;
left: 0px;
visibility: visible;
width: 10px;
position: absolute;
top: 20px;
height: 12px;
padding-top:0px;
margin-left:-40px;
}
#searchbox {
z-index: 1;
left: 625px;
visibility: visible;
width: 141px;
position: absolute;
height: 19px;
margin-top:-9px;
padding-top:1px;
}
#searchresults {
padding-left: 1em;
}
.searchtxt {
font-weight: bold;
font-size: 10px;
margin-top:-20px;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
}
#searchtx
{
z-index: 1;
left: 0px;
visibilty: visible;
width: 10px;
position: absolute;
top: 10px;
_top: 7px;
height: 12px;
padding-top:0px;
margin-left:-40px;
}
#bodyContent {
clear: both;
}
/*----------NEW NAVİGASYON MENU BAR 1---------------------*/
#nav1 {
position:relative;
background-image: url("/clients/1068/106346.gif");
left:15px;
font-size: 8px;
top:18px;
width:862px;
height:23px;
z-index:2000;
border: 0px;
}
#nav2 {
position:relative;
background-image: url("/clients/1068/106349.gif");
left:15px;
font-size: 8px;
color:#333;
top:18px;
width:863px;
height:21px;
z-index:1500;
visibility:visible;
background-repeat: no-repeat;
border: 0px;
}
#nav_full {
position:relative;
background-image: url("/clients/1767/102505.jpg");
left:12px;
font-size: 8px;
color:#333;
top:16px;
width:863px;
height:44px;
z-index:1500;
visibility:visible;
background-repeat: no-repeat;
}
.navdiv{
position:absolute;
background-color:#F8F8F8;
color:#333;
width:160px;
top:1.5em;
}
#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:21px;
}
#nav a{
display:block;
font-size:10px;
color:#fff;
padding:0px 5px;
text-decoration:none;
}
#nav a:hover{
background-color:#333;
color:#fff;
}
#nav ul {
position:absolute;
background-color:#F8F8F8;
color:#333;
display:none;
width:160px;
top:1.5em;
}
#nav li{
float:left;
position:relative;
}
#nav li ul a{
width:150px;
height:auto;
float:left;
color:#333;
}
#nav ul ul{
top:auto;
}
#nav li ul ul {
left:150px;
margin:0px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
/*--------------------------FOOT-------------------------*/
#copyright1 {
background-image: url("/clients/1068/106331.gif");
clear: both;
height: 38px;
}
#copyright2
{
position:relative;
left:0px;
width:862px;
height:21px;
z-index:9;
visibility:visible;
top: 10px;
}
#copyrightNotice
{
position:absolute;
left:0px;
width:862px;
height:21px;
text-align:center;
padding-top:17px;
font-family: Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight: bold;
color: #486066;
z-index:1;
visibility:visible;
top:-15px;
}
#copyrightNotice2
{
position:absolute;
left:0px;
width:862px;
height:21px;
text-align:center;
padding-top:17px;
font-family: Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight: bold;
color: #FFFFFF;
z-index:999;
visibility:visible;
top:5px;
}
/*================== LEFT NAV =============*/
#sidemenu {
background-attachment: none;
background-color: transparent;
background-image:url(http://www.piersystem.com/clients/1068/105270.jpg);
background-position: 0 0;
background-repeat: no-repeat;
float: right;
height: 199px;
width: 141px;
}
#sidemenu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#sidemenu li {
margin: 4px 4px 0px 7px;
padding: 0;
}
#sidemenu a {
color: #FFFF99;
font-size: 11px;
padding: 5px;
}
#sidemenu a:hover {
color: #56c5ff;
}
#sidemenu a.selected {
color: #56c5ff;
}
/*==================== MISC ===============*/
#page_content {
padding: 10px;
}
body {
background-color: #fff;
}
.externalSite {
background-color: #006699;
}
#bottomnav a {
color:#003366;
text-decoration:underline;
}
#bottomnav {
background-image:url(http://www.ridemetro.org/Images/bottom_nav.jpg);
font-family:Arial,Helvetica,sans-serif;
font-size:7pt;
font-weight:bold;
height:7px;
left:0px;
position:relative;
text-align:center;
visibility:visible;
width:862px;
padding: 0px;
margin: 0px;
z-index:9;
}
#copytxt {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:7pt;
font-weight:bold;
height:10px;
left:0px;
padding-top:5px;
position:absolute;
text-align:center;
visibility:visible;
width:862px;
z-index:999;
}
ul.blurb {
list-style-type: none;
}
.blurb_headline {
font-size: .9em;
font-weight: bold;
display: block;
}
.blurb_subheading {
font-size: .8em;
display: block;
}
a:link.learn_more,
a:hover.learn_more,
a.learn_more {
color:#C1272D;
font-family:Arial,Helvetica,sans-serif;
font-size:9px;
text-decoration: underline;
}
#headlines {
text-align: left;
padding: 10px 0px 10px;
}
.headline {
font-size: 1em;
}
#search_wrapper {
margin: 10px;
}
.blurb li {
margin-bottom: 10px;
}
ul.injectedDocumentList li {
margin-top:10px;
margin-left: -15px;
list-style: none;
}
ul.injectedDocumentList a:link,
ul.injectedDocumentList a:visited {
text-decoration: none;
color: #000;
}
#userBar, #guestBar {
border: 0px solid #fff;
position: absolute;
top: 102px;
left: 15px;
z-index: 99;
color: #fff;
}
#userBar, #guestBar a {
color: #ede101;
}
#clearAll {
clear: both;
font-color: #006699;
}
/*============= HOMEPAGE ================*/
#hm div {
border: 0px solid #f00;
}
#hm {
border: 0px;
width: 862px;
}
#hm_main {
float: left;
}
#hm_main_top {
width: 680px;
_width: 690px;
}
#hm_main_top_left {
float: left;
margin: 0px 10px 10px 0px;
padding: 0px;
width: 395px;
}
#hm_main_top_left img {
margin: 0px;
padding: 0px;
}
a:hover.banner_link_1 {
background-position: -259px 0;
}
a.banner_link_1 {
float: left;
display: block;
width: 259px;
height: 17px;
background: url(http://www.piersystem.com/clients/1068/105231.jpg) no-repeat;
}
a:hover.banner_link_2 {
background-position: -136px 0;
}
a.banner_link_2 {
float: right;
display: block;
width: 136px;
height: 17px;
background: url(http://www.piersystem.com/clients/1068/105229.jpg) no-repeat;
}
#hm_main_top_right {
/*margin-right: 50px;
_margin-right: 20px;*/
padding-top: 10px;
clear: none;
border: 1px solid #ccc;
position: absolute;
left: 420px;
width: 290px;
}
#hm_right {
float: right;
width: 154px;
_width: 154px;
padding-top: 6px;
}
#hm_main_mid {
width: 636px;
}
#hm_main_mid_1 {
float: left;
background: url("http://www.metrosolutions.org/clients/1068/119461.jpg")
no-repeat;
width: 212px;
height: 175px;
}
#hm_main_mid_1_txt {
padding-top: 91px;
margin-left: -20px;
width: 212px;
}
#hm_main_mid_2 {
float: right;
background: url("http://www.metrosolutions.org/clients/1068/406407.jpg") no-repeat;
width: 208px;
height: 175px;
}
#hm_main_mid_2_txt {
padding-top: 91px;
margin-left: -30px;
width: 212px;
}
#hm_main_mid_3 {
float: right;
background: url("http://www.metrosolutions.org/clients/1068/313243.jpg") no-repeat;
width: 212px;
height: 175px;
}
#hm_main_mid_3_txt {
padding-top: 91px;
margin-left: -30px;
width: 212px;
}
#hm_main_bottom { }
.blurb {
font-size: .8em;
}
a.right_roll_2 {
display: block;
width: 154px;
height: 90px;
background: url(http://www.piersystem.com/clients/1068/319923.jpg) no-repeat;
}
a:hover.right_roll_2 {
background-position: -154px 0;
}
a.right_roll_3 {
display: block;
width: 154px;
height: 90px; background: url(http://www.piersystem.com/clients/1068/103019.jpg) no-repeat;
}
a:hover.right_roll_3 {
background-position: -154px 0;
}
a.right_roll_4 {
display: block;
width: 154px;
height: 90px;
margin-top: 7px;
background: url(http://www.piersystem.com/clients/1068/126681.jpg) no-repeat;
}
a:hover.right_roll_4 {
background-position: -154px 0;
}
.hotOffThePress {
margin: 0;
padding-left: 4px;
font-size: 11px;
}
#hm_main_top_right ul.blurb li {
border: 0px solid #ccc;
margin: 0;
}
#hm_main_top_right ul.blurb {
padding: 0px;
margin: 0px;
}
#hm_main_mid {
padding: 20px 0 20px 0;
}
#hm_main_bottom {
padding-bottom:20px;
padding-top:20px;
}
/*=========== MISC ===========*/
.inqImg {
width: expression(this.width > 750 ? 750: true);
float: left;
clear: none;
}

img {border: 0px;}

/*=========== Translations.com CSS ===========*/
.OneLinkNoTx
/* Translations.com CSS */
{ /*no-op*/ }

.OneLinkHide
/* Translations.com CSS */
{ /*no-op*/ }

.OneLinkTxShow
/* Translations.com CSS */
{ display:none; }

.OneLinkShow
/* Translations.com CSS */
{ display:none; }

.sorry {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14pt;
  font-style: italic;
  color: #C30;
  font-weight: bold;
  padding-top: 10px;
  padding-left: 20px; 
  padding-bottom: 20px; 
}