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


body, h1, h2, h3, h4, h5, div, ul, li, ul li, img, form {
	margin: 0px;
	padding: 0px;
}

#NewsAndImage {
      margin-left: auto;
      margin-right: auto;
      width: 347px;

}

#contentArea li {
margin-left:30px;bus

padding-left:5px;
}

#contentArea2 li {
margin-left:30px;
padding-left:5px;
}


#ticker-container-bus {
   border-bottom:1px dotted #666666;
   border-top:1px dotted #666666;
   clear:both;
   height:13px;
   margin:5px 0 0;
   padding:4px 0;
   width:100%;
}


#ticker-box {
   display: block
}

.ticker-list {
   display:none
}

a.ticker {
   list-style-type:none;
   text-decoration:none;
   color:#4C5F8D;
   display:block;
   font-size:80%;
}

a.ticker:hover {
   color: #6d81b2
}


.largetextbutton {
        font-size: 1.2em;
}

.smalltextbutton {
        font-size: 0.8em;
}

body	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #CCFFFF;
}

img	{
	border: 0;
}

.clear {
	clear: both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}


/* ***************************** */
/* *******LAYOUT CLASSES******** */
/* ***************************** */

#outerWrapper {
	min-width: 80px;
	margin: 0px auto;
	text-align: left;
	padding-top: 20px;
	}
	
#innerWrapper {
	margin: 0 auto;
	min-width: 860px;
	max-width: 960px;
	overflow: visible;
	background: #fff;

	}

#homeinnerWrapper {
	margin: 0 auto;
	min-width: 860px;
	max-width: 960px;
	overflow: visible;
	background: #fff;
	}

#FormField label {
        padding-right: 5px;
}


#topcorners {background-color: #fff;}
#topleft {float: left; width: 17px; height: 13px; background: url(../../upload/centro_index_files/topleft.gif) no-repeat;}
#topright {float: right; width: 17px; height: 13px; background: url(../../upload/centro_index_files/topright.gif) no-repeat;}
#bottomcorners {background: url(../../upload/centro_index_files/bottom-bckd.gif);}
#bottomleft {float: left; width: 17px; height: 21px; background: url(../../upload/centro_index_files/bottomleft.gif) no-repeat;}
#bottomright {float: right; width: 17px; height: 21px; background: url(../../upload/centro_index_files/bottomright.gif) no-repeat;}

#page-padding {padding: 0 40px 0 40px; background: #fff;}
#topbarWrapper {}
#topbarLeft {float: left;}
#topbarRight {float: right;}
#tools {text-align: right;}
#searchWrapper {text-align: right; padding-top: 14px;}
#search {float: left;text-align: right; color: #666;}
#sitetools {float: right;}
#tools {text-align: right;}

#breadcrumbWrapper {margin-top: 10px; border-top: 1px dotted #B0D5FF; border-bottom: 1px dotted #B0D5FF; line-height: 1.6em; width: 100%;}
#breadcrumb {color: #666; font-size: 0.8em;}
#breadcrumb a {color: #666; text-decoration: none;}
#breadcrumb a:hover {color: #000; text-decoration: underline;}



#footerWrapper {padding-top: 30px; font-size: 0.8em;color: #666;}
#footer-text {text-align: center; }
#footer-text a {color: #666; text-decoration: none;}
#footer {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 10px; line-height: 1.6em;}
#footerLeft {float: left;}
#footerRight {float: right;}
#footerLeft a {color: #666; text-decoration: none;}
#footerLeft a:hover {color: #000; text-decoration: underline;}


#contentWrapper {padding-top: 20px;}

#contentLeft {float: left; width: 76%;}
#contentLeftFull {float: left; width: 95%;}

#contentRight {float: right; width: 22%;}
#subnavWrapper {float: left; width: 200px;}
#contentArea {margin: 0 20px 0 220px; font-size: 0.9em;line-height: 1.4em;}
#contentArea a {color: #01AEF0; text-decoration: underline;}
#contentArea a:hover {color: #000; text-decoration: underline;}


#contentArea2 {margin: 0 20px 0 0px; font-size: 0.9em;line-height: 1.4em;}
#contentArea2 a {color: #01AEF0; text-decoration: underline;}
#contentArea2 a:hover {color: #000; text-decoration: underline;}

#quicklinks {padding-top: 30px;}
#quicklinks select {width: 200px;}

#promotional-area {width: 558px; border: 1px solid #ccc; margin-top: 30px;}

#hme-news {
		float: left;
		width: expression(document.body.clientWidth < 800? "300px" : document.body.clientWidth > 1010? "450px" : "100%");
		padding-bottom: 20px;
}
#hme-news-top { }
#news-width {width: 341px;}
#hme-news-header {float: left; color: #fff; background: url(/web/templates/centro_index_files/hme-news-topbckd.gif) no-repeat; display: block; width: 341px;}
#hme-news-header h6 {}
#hme-news-top-left {float: left; padding: 10px;}
#hme-news-top-right {float: right; background: url(/web/templates/centro_index_files/hme-news-topright.gif) no-repeat; width:8px; height: 5px;}
#hme-news-content {border-left: 1px solid #B2E6FA; border-right: 1px solid #B2E6FA; width: 339px;}
#hme-news-content p
{
	margin: 0px;
	padding: 0px;
}
#hme-news-content ul {list-style-type:none;}
#hme-news-content ul li {margin-left:0px; padding: 10px; display: block; color: #000;}
#hme-news-content ul li a {color: #000000; text-decoration: none;}
#hme-news-content ul li a:hover {color: #01AEF0; text-decoration: underline;}
.odd {background: #fff;}
.even {background: #E5F7FE;}
#hme-news-bottom {background: url(/web/templates/centro_index_files/hme-news-botbckd.gif) no-repeat; width: 341px; height: 11px;}
#hme-news-bot-left {float: left; background: url(/web/templates/centro_index_files/hme-news-botleft.gif); width: 14px; height: 11px;}
#hme-news-bot-right {float: right; background: url(/web/templates/centro_index_files/hme-news-botright.gif); width: 14px; height: 11px;}

#hme-banner {margin-top: 10px; width: 100%;}


#journey-planner {width: 194px;}
#jp-topbar {width: 194px; height: 9px; background: url(../../upload/centro_index_files/jp-topbar.gif) no-repeat;}
#jp-form {background: url(../../upload/centro_index_files/jp-bckd.gif);}
#jp-form h4 {text-align: center; color: #000;}
#jp-form label {font-weight: bold; color: #666;}
input {color: #666;}
.formpadding {padding: 10px;}

.hme-hugget {width: 194px; margin-top: 10px;}

/* *************************************** */
/* *******NAVIGATION STYLE CLASSES******** */
/* *************************************** */

#navWrapper {position:relative;}
#nav {width: 100%; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #09216B;}
#nav ul {list-style-type: none;}
#nav ul li {float: left; width: 14%; text-align: center; border-left: 1px solid #ccc; }
#nav ul li a {color: #fff; text-decoration: none; padding: 5px 0 5px 0; display: block;}
#nav ul li a:hover{text-decoration: underline;}
#right-border {border-right: 1px solid #09216B; display: block;}

#nav-dropdown 
{
    visibility: hidden;
    position:absolute; left: 56%;
    margin-left: 5px;
    width: 14%;
}


#nav-dropdown ul {list-style-type: none; width:100%;}
#nav-dropdown ul li {text-align: left; padding: 0; border: none; width: inherit;}
#nav-dropdown ul li a {display: block; color: #fff; text-decoration: none; padding: 5px 20px 5px 10px; height:20px;}
#nav-dropdown ul li a:hover {text-decoration: underline; background: #01AEF0;}


#nav-dropdown2 
{
    visibility: hidden;
    position:absolute; left: 70%;
    margin-left: 5px;
    width: 14%;
}


#nav-dropdown2 ul {list-style-type: none; width:100%;}
#nav-dropdown2 ul li {text-align: left; padding: 0; border: none; width: inherit;}
#nav-dropdown2 ul li a {display: block; color: #fff; text-decoration: none; padding: 5px 20px 5px 10px; height:20px;}
#nav-dropdown2 ul li a:hover {text-decoration: underline; background: #01AEF0;}


#nav2 {width: 100%; margin-top: 5px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #02B8CB;}
#nav2 ul {list-style-type: none;}
#nav2 ul li {float: left; text-align: center; border-left: 1px solid #ccc; }
#nav2 ul li {color: #fff; text-decoration: none; padding: 5px 5px 5px 5px; display: block;}
#nav2 ul li a {color: #fff; text-decoration: none; display: block;}
#nav2 ul li a:hover{text-decoration: underline;}

.ae_open img{
        display:none;
}


#bus {background: #F89828;}
#train {background: #7AC142;}
#metro {background: #E54097;}

#bus2 {background: #F89828;}
#train2 {background: #7AC142;}
#metro2 {background: #E54097;}


#icons-nav {width: 200px;}
#icons-nav ul {list-style-type: none;}
#icons-nav ul li {padding-left: 36px; height: 34px;}
#icons-nav ul li a {color: #666; text-decoration: none; line-height: 2.6em;}
#icons-nav ul li a:hover {color: #01AEF0; text-decoration: underline;}
#bus-icon {background: url(../../upload/centro_index_files/bus-icon.gif) no-repeat; border-bottom: 1px solid #F89828;}
#train-icon {background: url(../../upload/centro_index_files/train-icon.gif) no-repeat; border-bottom: 1px solid #7AC142;}
#metro-icon {background: url(../../upload/centro_index_files/metro-icon.gif) no-repeat; border-bottom: 1px solid #E54097;}

#ae-menu {
	/*font-size: 0.9em;*/
	word-wrap: break-word;
	width: 200px;
	padding: 40px 0 0 0;
	border-bottom: 1px solid #01AEF0;
}
/* Disable bullets on all menu items */
#ae-menu li {list-style-type: none;}
/* Move arrow image pointer so that it appears consistently at left hand side of menu */
#ae-menu li img {left: 0px;}
#ae-menu ul li ul li  img {}
/* Set background for LEVEL 1 */
#ae-menu ul {
	margin: 0;
	padding-left: 0;
	color: inherit;
}
/* Set background for LEVEL 1 */
#ae-menu ul {
	margin-left: 0;
	padding: 0;
	color: inherit;
}
/* Indent LEVEL 1 and set blue font for all non-menu links from LEVEL 2 downwards */
#ae-menu ul li {
	color: #666;
	border-top: 1px solid #01AEF0;
	text-indent: 0px;
	padding-left: 6px;
	line-height: 2.6em;
}
/* Set background for LEVEL 2 */
#ae-menu ul li ul {
	margin-left: -6px;
	padding: 0;
	color: inherit;
}
/* Indent LEVEL 2 and set blue font for all non-menu links from LEVEL 2 downwards */
#ae-menu ul li ul li {
	color: #BB0044;
	font-weight: normal;
	padding-left: 30px;
	background: #F1FBFE;
}
/* Set background for LEVEL 3 */
#ae-menu ul li ul li ul {
	margin: 0;
	padding: 0;
	color: inherit;
}
/* Indent LEVEL 3 */
#ae-menu ul li ul li ul li {
	background: none;
}
/* Set background for LEVEL 4 */
#ae-menu ul li ul li ul li ul {
	margin: 0;
	padding: 0;
	color: inherit;
}
/* Indent LEVEL 4 */
#ae-menu ul li ul li ul li ul li {
	border: 0px;
}

#ae-menu ul li a {color: #666; text-decoration: none;}
#ae-menu ul li a:hover {color: #01AEF0; text-decoration: underline;}

/* ********************************* */
/* *******TEXT STYLE CLASSES******** */
/* ********************************* */


#tools a {text-decoration: none; color: #666;}
#tools a:hover {text-decoration: underline; color: #000;}

#hme-news-top-left h3 {color: #fff;}

h1 {font-size:1.4em; font-weight: bold; color: #01AEF0;}
h2 {font-size:1.3em; font-weight: bold;color: #01AEF0;}
h3 {font-size:1.2em; font-weight: bold;color: #01AEF0;}
h4 {font-size:1.1em; font-weight: bold;color: #01AEF0;}
h5 {font-size:1.0em; font-weight: bold;color: #01AEF0;}
h6 {font-size:0.9em; font-weight: bold;color: #01AEF0;}

/* new styles */

#ticker-box { list-style-type:none; }
#ticker-box ul{ list-style-type:none; text-decoration:none; margin-left:0px; padding-left:0px; }
#ticker-box li { list-style-type:none; text-decoration:none; margin-left:0px; padding-left:0px; }
#ticker-box a{ text-decoration:none; font-size:11px; color:  #666666; }
#ticker-container-bus { height:17px; }

/* PERSHORE MINI SITE */

#pershore_h { width:880px; height:65px; background: url(/upload/top_bar.jpg) no-repeat; }
#pershore_h_l { color: #FFFFFF; height:45px; float: left; font-size: 23px; font-weight: bold; padding-left: 20px; padding-top: 20px;}
#pershore_h_r { float:right; width:250px; text-align:right; height:55px; padding-top:10px; padding-right:15px; }
#pershore_h_r img { }

#pershore_n { height:40px; background: url(/upload/tabs-bg.jpg) no-repeat #b7d110; }
.pershore_tab { float:left; text-align:center; color:#ffffff; width:110px; }
.pershore_tab a { color:#ffffff; text-decoration:none; }
.pershore_tab.tab_1 { padding-top:11px;}
.pershore_tab.tab_2 { padding-top:11px;}
.pershore_tab.tab_3 { padding-top:11px;}
.pershore_tab.tab_4 { padding-top:11px;}
.pershore_tab.tab_5 { padding-top:3px;}
.pershore_tab.tab_6 { padding-top:3px;}
.pershore_tab.tab_7 { padding-top:11px;}
.pershore_tab.tab_8 { padding-top:11px;}

#pershore_c { background:#cccc00; padding:10px; }
#pershore_c ul { margin-left:20px; }

#pershore_l { width:660px; float:left; }
#pershore_l_t { width:660px; height:30px; background: url(/upload/top-rounded-red.jpg) no-repeat top; }
#pershore_l_m { padding:0px 10px; margin:0px 1px; background: url(/upload/mid-rounded-red.jpg) repeat-y; }
#pershore_l_m_s { width:640px; margin-top:10px; }
#pershore_l_m_s_l { width:310px; float:left; }
#pershore_l_m_s_r { width:310px; float:right; }
#pershore_l_b { width:660px; height:30px; background: url(/upload/bottom-rounded-red.jpg) no-repeat bottom; }
#pershore_r { width:190px; float:right; }

.pershore_vb { width:880px; height:25px; background: url(/upload/bottom_rounded.jpg) no-repeat;  }

#pershore_r_img { width:190px; margin-bottom:20px; }
#pershore_r_s_1 { width:190px; margin-bottom:20px; }
#pershore_r_s_2 { width:190px; margin-bottom:20px; }
#pershore_r_s_3 { width:190px; margin-bottom:20px; }

/* Home RSS Display */
#hme-news-content .text-area { float: left; display: block; width: 220px; }
#hme-news-content .date-area { float: right; display: block; width: 90px; }

.imagespaceonright {padding-right:10px; }