/* ------------------------- Basics ------------------------- */

html {
font-size: 100%;
min-height:101%;
color:#FFFF00;
}

table, tr, td, form, input, select, textarea, ul, li
	{
	font-family:Arial, Helvetica, sans-serif; 
	}
	
A:link {text-decoration: none; color:#00FFFF}
A:visited {text-decoration: none; color:#00FFFF}
A:active {text-decoration: none; color:#00FFFF}
A:hover {text-decoration: none; color:#00FF00;}	



/* ------------------------- Custom ------------------------- */

body {
font-size:80%;
background-color:#000000;
_background-color:#000000;
font-family:Arial, Helvetica, sans-serif;
color:#FFFF00;
}

.header_logo {
background-image:url(http://www.gmpte.com/resources/gmpte_logo_highcontrast.png);
background-repeat:no-repeat;
}

.left {
float:left;
}

.right {
float:right;
}

.right A:link {text-decoration: none; color:#00FFFF}
.right A:visited {text-decoration: none; color:#00FFFF}
.right A:active {text-decoration: none; color:#00FFFF}
.right A:hover {text-decoration: none; color:#00FF00;}	


.clear {
clear:both;
}

img.left {
margin:0 1em 1em 0;
}

img.right {
margin:0 0 1em 1em;
}

.padding {
padding:10px;
}

#content p {
margin:1.1em 0;
}

table.mytable { width: 100%; padding: 0px; border: 1px; border: 1px solid #FFFF00; line-height: 16px;}
table.mytable td { font-size: 100%; border: 1px; vertical-align: top; padding: 7px; background-color: #000000}
table.mytable tr.special td { border-bottom: 1px solid #FF0000;  }

.table_headers {
	background-color:#000000;
	font-weight: bold;
}

table { 
	margin-bottom: 20px;
	color:#FFFF00;
}

p {
	color: #FFFF00;
	margin-bottom: 20px;
	line-height: 16px;
}

p strong, p em{color:#FFFF00; }

p a {
color:#00FFFF;
text-decoration: none;
}

p a:hover {
color:#00FF00;
text-decoration:underline;
}

hr {
	color:#FF0000;
	clear:both;
	float:none;
	width:100%;
	height: 1px;
	border:none;
	margin: 1em 0 2em 0;
	background-color: #000000;
}

#section_img_header {
	height: 175px;
	overflow: hidden;
}

.content_column_left {
	width: 310px;
	height: auto;
	float: left;
	margin-bottom: 25px;
	overflow: hidden;
}

.content_column_right {
	width: 310px;
	height: auto;
	float: right;
	margin-bottom: 25px;
	overflow: hidden;
}

.content_column_left p { 
	margin-bottom: 8px;
	line-height: 18px;
}

.blah {
}

.content_column_right p { 
	margin-bottom: 8px;
	line-height: 18px;
}

img.map_thumbs {
	margin-bottom: 5px;
}

ul.metrolink{
	list-style-type: disc;
	margin-left: 40px;
	margin-bottom: 30px;
	color:#FFFF00;
}

#main ul {
	list-style-type: disc;
	margin-left: 40px;
	margin-bottom: 30px;
	color: #FFFF00;
}

#main ol {
	list-style-type: decimal;
	margin-left: 40px;
	margin-bottom: 30px;
	color: #FFFF00;
}	

.boldblack
	{
	color: #00FFFF;
	}

.leaflet {
	width: 17%;
	float: left;
}

.leaflet_description {
	width: 83%;
	float: right;
}

.headshot {
	width: 10%;
	float: left;
}

.director_details {
	width: 87%;
	float: right;
}

	
.submitbutton
	{
	background-color: #000000;
	border-top: 1px #FFFF00 solid;
	border-right: 1px #FFFF00 solid;
	border-bottom: 1px #FFFF00 solid;
	border-left: 1px #FFFF00 solid;
	color:#FFFF00;
	}	

/* ------------------------- Acessibility Switcher ------------------------- */

.hide { display: none; }
a #theme-hicontrast { background: url(http://www.gmpte.com/resources/accessibility/accessibility_highcontrast.jpg); width: 22px; }
a #theme-default { background: url(http://www.gmpte.com/resources/accessibility/accessibility_default.jpg); width: 22px; }
#accessibility_widget p, #accessibility_widget ul, #accessibility_widget li { float:left; }
#switcher { background-color:#000000; border: 1px solid #FFFF00; padding: 5px; width: 630px; height: 22px; }
#accessibility_widget ul { list-style-position: outside; list-style-type: none; list-style-image: none; padding: 0; margin: 0; }
#accessibility_widget li { padding-right: 10px; }
#accessibility_widget p { padding-top: 3px; margin-right: 10px;}


/* ------------------------- Main Navigation ------------------------- */


.main_nav_wrap {
 	height: 45px;
	width: 960px;
	margin: 0 auto;
	color: #000000;
}

.one_line {
	padding-bottom: 8px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

.two_line {
padding: 6px 15px 17px;
}

ul#nav {
 	height: 45px;
	width: 960px;
    list-style: none;
    margin: 0 auto;
    padding: 0;
	color: #333;
}
	
ul#nav li {
    float: left; }

ul#nav li a {
    display: inline;
	height: 22px;
	width: 106px;
	line-height: 16px;
	text-align: center;
	display: block;
	float: left;
	text-decoration: none;
	color:#00FFFF;
	background-image:none;
	background-position: left top;	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color:#FFFF00;
}

/* for use when the last menu item (right) has a single line of text */
ul#nav li a.lastoneline { 
	width: 108px;
	padding-bottom: 8px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border-right: none;
}

ul#nav li a:hover {
	background-image: none;
	background-position: left top;
	color:#00FF00;
}

ul#nav li a.active {
	background-image: none;
	background-repeat: repeat-x;
	background-position: left top;
	color:#00FFFF;
}


/* ------------------------- Heading styles ------------------------- */

h3.relatedlinks {
margin-top:15px;
color:#FFFF00;
font-size:1.5em;
margin-bottom:10px;
}

h3 {
color:#000000;
font-size:1.5em;
margin-bottom:10px;
}

h2 {
color: #FFFF00;
font-size: 2em;
line-height: 0.9em;
}

h2.section_titles {
margin-top:20px;
margin-bottom:20px;
}

p.heading {
font-weight:700;
font-size:18px;
color:#FFFF00;
margin:0;
padding:0;
}

/* ------------------------ Search box --------------------------- */

#searchbar {
	margin: 38px 0 0 0;
	font: 11px verdana;
	z-index: 10;
	font-family:Arial, Helvetica, sans-serif;
	color: #CE1141;
	font-weight: bold;
	width: 210px;
	height: 30px;
	color: #FFFF00;
	background-color: #000000;
	border: 1px solid #FFFF00;
	}

.search, .required
	{
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFF00;
	font-weight: bold;
	}

.searchinput
	{
    color: #FFFF00;
	float: left;
    padding: 0;
    margin: 6px 0 0 6px;
    border: 0;
    width: 159px;
    background: none;
	}	
	
.searchinputdisabled
	{
	background-color: #000000;
	border-top: 1px #FFFF00 solid;
	border-right: 1px #FFFF00 solid;
	border-bottom: 1px #FFFF00 solid;
	border-left: 1px #FFFF00 solid;
	}
	
.submitbutton
	{
	background-color: #000000;
	border-top: 1px #FFFF00 solid;
	border-right: 1px #FFFF00 solid;
	border-bottom: 1px #FFFF00 solid;
	border-left: 1px #FFFF00 solid;
	}
	
#go {
	float: right;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0;
	padding: 0;
}

#s {
	color: #FFFF00;
	float: left;
	padding: 0;
	border: 0;
	width: 159px;
	height: 17px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 3px;
	padding-left: 2px;
	background-color: #000000;
	background-image: none;
	font-size: 12px;
}


/* ------------------------- Structure ------------------------- */

#container {
overflow:hidden;
border:solid #000;
font-size:1.5em;
border-width:0;
}

#footercontainer {
overflow:hidden;
border:solid #000;
font-size:1.5em;
background-color:#F18E00;
margin-top:20px;
border-width:0;
}

#header {
height:135px;
width:920px;
margin-left:auto;
margin-right:auto;
padding:20px;
color:#FFFF00;
}

#header_wrap {
width:960px;
height:135px;
background-color:#000000;
background-repeat:no-repeat;
background-position:left top;
margin:0 auto;
}

#content_wrap {
	width:960px;
	line-height:1.9em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#content_container {
width:960px;
background-color:#000000;
color:#FFFF00;
margin:0 auto;
}

#content_container_bottom {
width:960px;
height:30px;
background-image:url(http://www.gmpte.com/website/resources/content_bg_bottom.png);
background-repeat:no-repeat;
background-position:left bottom;
margin:0 auto;
}

#main {
width:640px;
margin-right:20px;
margin-top:20px;
margin-bottom: 20px;
}

#main p.intro {
font-weight:700;
font-size:150%;
line-height: 22px;
}

#main_search {
float:left;
width:900px;
margin-left:20px;
margin-top:20px;
}

#content_column_left {
	width: 310px;
	height: auto;
	float: left;
	margin-bottom: 25px;
	overflow: hidden;
}

#content_column_right {
	width: 310px;
	height: auto;
	float: right;
	margin-bottom: 25px;
	overflow: hidden;
}

#home_left {
float:left;
width:660px;
padding-top:10px;
padding-left:20px;
padding-bottom:25px;
}

#home_right {
float:right;
width:240px;
padding-top:10px;
padding-right:20px;
padding-bottom:20px;
}

#home_news {
width:660px;
border:1px solid #AA0631;
}

.home_sectional_heading {
padding-left:4px;
font-weight:700;
background-color:#E7E8E8;
border-color:#AA0631;
border-style:solid;
border-width:0 0 1px 3px;
}



/* ------------------------- Latest news main column ------------------------- */

#latest_news_full {
width:660px;
margin-bottom:15px;
margin-top:25px;
}

#lastest_news_full_header {
background-image:none;
background-repeat:no-repeat;
background-position:left top;
width:645px;
height:36px;
padding-left:15px;
padding-top:17px;
}

#latest_news_full_content {
width:630px;
background-image:none;
background-repeat:repeat-y;
background-position:left top;
padding:15px;
}

#latest_news_full_footer {
width:660px;
height:22px;
background-image:none;
background-repeat:no-repeat;
background-position:left top;
}

#media_centre_link {
margin-right:20px;
}

#media_centre_link a {
color:#00FFFF;
font-weight:700;
text-decoration:none;
}

#media_centre_link a:hover {
color:#00FF00;
text-decoration:none;
font-weight:700;
background-color:#000000;
}

#latest_news_full_content a {
font-weight: bold;
text-decoration: none;
color: #00FFFF;
}

#latest_news_full_content a:hover {
text-decoration: underline;
}

#latest_news_full_content p {
padding-bottom: 10px;
}

.news_date {
float:right;
color:#00FF00;
}

/* ------------------------- Latest updates side block ------------------------- */

#updates p.heading {
font-weight:700;
font-size:18px;
color:#FFFF00;
margin:0;
padding:0;
}

#updates_header {
background-image:none;
background-repeat:no-repeat;
background-position:left top;
width:225px;
height:36px;
padding-left:15px;
padding-top:17px;
border-top: 1px #FFFF00 solid;
border-right: 1px #FFFF00 solid;
border-left: 1px #FFFF00 solid;
}

#updates_content {
width:210px;
background-image:none;
background-repeat:repeat-y;
background-position:left top;
padding:15px;
border-right: 1px #FFFF00 solid;
border-bottom: 1px #FFFF00 solid;
border-left: 1px #FFFF00 solid;
}

#updates_content p { }

#updates_footer {
width:240px;
height:22px;
background-image:none;
background-repeat:no-repeat;
background-position:left top;
}

/* ------------------------- Journey Planner main ------------------------- */

#journey_planner_lite_660 {
height:250px;
width:660px;
margin-bottom:25px;
color:#000000;
border-right: 1px #FFFF00 solid;
border-left: 1px #FFFF00 solid;
}

#journey_planner_header {
background-image:none;
background-repeat:no-repeat;
background-position:left top;
width:645px;
height:36px;
padding-left:15px;
padding-top:17px;
border-top: 1px #FFFF00 solid;
border-bottom: 1px #FFFF00 solid;
}

#journey_planner_content {
width:630px;
height:142px;
background-image:none;
background-repeat:no-repeat;
background-position:left top;
padding:15px;
}

#journey_planner_footer {
width:660px;
height:22px;
background-image:none;
background-repeat:no-repeat;
background-position:left top;
margin-bottom:20px;
border-bottom: 1px #FFFF00 solid;
}

.formtextbox {
width: 100%;
height: 17px;
margin-bottom: 8px;
padding-top: 3px;
padding-left:3px;
background-color:#000000;
color:#FFFF00;
border: 1px solid #FFFF00;
}

.formtextbox_date {
width: 90%;
height: 17px;
margin-bottom: 8px;
padding-top: 3px;
padding-left:3px;
background-color:#000000;
color:#FFFF00;
border: 1px solid #FFFF00;
}

.search_btn {
width: 30%;
height: 20px;
float: right;
}

.advanced_link {
padding-left: 4px;
}

.advanced_link a {
color: #00FFFF;
text-decoration: none;
}

.advanced_link a:hover {
text-decoration: underline;
}

.hidden {
	display: none;
}

/* ------------------------- Journey Planner Nav ------------------------- */

#journey_planning_links {
	float: right;
	width: 47%;
}

#journey_planning_links ul {
padding-bottom:0;
list-style-type: none;
}

#journey_planning_links li {
margin-bottom: 4px;
}

#journey_planning_links li a:visited, #journey_planning_links li a {
	font-size: 100%;
	display: block;
	border-left: 4px solid #000000;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0.5em;
	color: #00FFFF;
	background-color: #000000;
}

#journey_planning_links li a:hover, #journey_planning_links li a.active {
	font-size: 100%;
	display: block;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0.5em;
	border-left: 4px solid #000000;
	background-color: #000000;
	text-decoration: none;
	color:#00FF00;
}



/* ------------------------- Sub navigation ------------------------- */

#sub_nav_wrap {
width:240px;
z-index:2;
margin-left:20px;
top:-50px;
position:relative;
}

#sub_nav {
width:240px;
background-color:#E7EAEC;
padding:0 10px 10px;
}

#sub_nav_top {
background-image:url(http://www.gmpte.com/website/resources/nav_bg_top.png);
background-repeat:no-repeat;
background-position:left top;
width:260px;
height:25px;
}

#sub_nav_bottom {
background-image:url(http://www.gmpte.com/website/resources/nav_bg_bottom.png);
background-repeat:no-repeat;
background-position:left top;
width:260px;
height:25px;
}

#sub_nav ul {
padding-bottom:0;
list-style-type: none;
color:#FFFF00;
}

#sub_nav li {
margin-bottom: 3px;
color:#FFFF00;
}

#sub_nav li a:visited, #sub_nav li a {
font-size: 100%;
display: block;
padding: 0.4em 0 0.4em 0.5em;
border-left: 4px solid #000000;
background-color: #000000;
text-decoration: none;
color:#00FFFF;
}

#sub_nav li a:hover, #sub_nav li a.active {
font-size: 100%;
display: block;
padding: 0.4em 0 0.4em 0.5em;
border-left: 4px solid #000000;
background-color:#000000;
text-decoration: none;
color:#00FF00;

}

.link_active li a.active {
width:240px;
background-color:#000000;
padding:0 10px 10px;
color:#00FF00;
}

/* ------------------------- Sub navigation - 2nd level ------------------------- */

ul#menu, ul#menu ul { list-style: none; margin: 0; padding: 0; }


ul#menu { }

ul#menu li {
	padding-top:4px;
	color:#00FFFF;
}

ul#menu ul li { border: none; }

ul#menu ul li:last-child { border-bottom: none; }

ul#menu a.heading, ul#menu li a {
	background-color:#000000;
	border-left:4px solid #000000;
	display:block;
	font-size:100%;
	line-height:18px;
	padding:6px 3px 6px 5px;
	text-decoration:none;
	color: #333333;
}

ul#menu a.heading:hover, ul#menu li a:hover { 
	border-left: 4px solid #000000;
	background-color: #9D9FA1;
}

ul#menu li.ui-menu-selected a.heading, ul#menu li.expanded a.heading {
	border-left: 4px solid #000000;
	background-color: #000000;
	color:#00FFFF;
}

ul#menu li ul a { 	
	border-left: 4px solid #000000;
	background-color: #000000;
	text-decoration: none;
	color: #00FFFF;
}

ul#menu li ul a:hover {
background-color:#000000;
border-left:4px solid #000000;
padding:6px 3px 6px 5px;
color:#00FF00;
}

ul#menu li ul .date { padding-right: 10px; }
ul#menu li ul .count { padding-left: 10px; }

/*****Additional Custom Accordion Styles*****/
ul#menu li ul { display: none;  margin-left: 8px; }
ul#menu li.expanded ul { display: block; margin-left: 8px; }


/* ------------------------- dd accordion ------------------------- */

.glossymenu{
margin: 0px 0;
padding: 0;
width: 240px; /*width of menu*/
}

.glossymenu a, .glossymenu a:visited, .glossymenu a:active { color: #00FFFF; text-decoration: none; }

.closed, .nosub {
	background-color:#000000;
	border-left:4px solid #000000;
	display:block;
	font-size:100%;
	line-height:18px;
	padding:6px 3px 6px 5px;
	text-decoration:none;
	color: #00FFFF;
	margin-bottom:4px;
}

.opened{
	background-color:#000000;
	border-left:4px solid #000000;
	display:block;
	font-size:100%;
	line-height:18px;
	padding:6px 3px 6px 5px;
	text-decoration:none;
	color: #00FFFF;
	margin-bottom:4px;;
}

.glossymenu a:hover {
border-left: 4px solid #000000;
background-color: #000000;
color: #00FF00;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #00FFFF;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/

}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
padding-left:12px;
}

.glossymenu div.submenu ul li a{
	background-color:#000000;
	border-left:4px solid #000000;
	display:block;
	font-size:100%;
	line-height:18px;
	padding:6px 3px 6px 5px;
	text-decoration:none;
	color: #00FFFF;
	margin-bottom:4px;
}

.glossymenu div.submenu ul li a:hover{
border-left: 4px solid #000000;
background: #000000;
color: #00FF00;
}


/* ------------------------- Drop down - Accordion ------------------------- */

.accordion {
	border-left: 1px #9D9FA1 solid;
	border-right: 1px #9D9FA1 solid;
	border-top: 1px #9D9FA1 solid;
}

.accordion_content {
	background-color: #000000;
	color:#FFFF00;
	overflow: hidden;
	width: 638px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #9d9fa1;
}

.accordion_content p { margin: 10px; line-height: 15px; }
	
.accordion h2 { 
	background-color:#666666; 
	font-size: 14px;
	line-height: 16px; 
	cursor: pointer; 
	padding: 10px; 
	border-bottom: 1px #9D9FA1 solid;
	background-image: url(http://www.gmpte.com/resources/accordion_arrow.gif);
	background-repeat: no-repeat;
	background-position: right -47px; 
}

.accordion h2.active { 
	background-color: #9D9FA1;
	background-position: right 9px;
}

.accordion h2:hover {
	background-color: #9D9FA1;
}

/* ------------------ Calendar Picker stlye ------------------ */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ffffff;
	border: 1px solid #999999;
	margin-top: 10px;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #999999;
	padding:5px;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #c6c8ca;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #ce1141;
	border: 1px solid #888888;
	cursor: pointer;
	color: #FFFFFF;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #ffffff;
	border: 1px solid #AAAAAA;
	color: #333333;
	padding: 5px;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #ce1141;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	padding: 0px;
	background-color: #CCCCCC;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-size: 10px;
	color: #000000;
	background: #CCCCCC;
	font-weight: bold;
	padding: 2px;
	}

/* ------------------------- Footer ------------------------- */

#footer {
	height:27px;
	width:920px;
	background-color:#000000;
	background-image:none;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 38px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	color:#FFFF00;
}

#footer p {
color:#00FFFF;
}