/*
The Flex - Design Notes
- Anytime the word "Flex" appears in text, it should be in italics
- Myriad Web Pro = font used for titles in design mockup
- Wingdings 2 = font used for numbered bullets. J=1, K=2, L=3, M=4

Fall Site Colors:
fall brown	#884D00
brown		#c69d4b
orange		#cf852c
red			#b83c36
dark red	#6f0011
grey		#bdb198
khaki		#cec494

Site Colors:
green titles	#016c53
orange bullets	#ffc746
footer blue		#7fbbda
nav title		#027dab

The Flex Logo:
blue		#0090c1
green		#76c153

Schedule Table:
north title orange	#f99d31
south title red		#cd4552
n+s light grey		#e7e7e9
north lt yellow		#fff4e7
south lt rose		#f3dfdd
connect lt yellow	#fff3bf

SmartGuide:
burnt orange	#c8762d
blue			#175979
light blue		#d3dee5
*/

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

h1
{
	font-family: Verdana, Tahoma, sans-serif;
	color: #b83c36;
	font-style:italic;
	font-size:x-large;
	margin-bottom:0px;
}

.h1SmallTitle
{
	font-family: Verdana, Tahoma, sans-serif;
	color:  #b83c36;
	font-style:italic;
	font-size:large;
	margin-bottom:0px;
}

h2
{
	font-family: Verdana, Tahoma, sans-serif;
	color:  #b83c36;
	font-style:italic;
	font-size:medium;
	margin-bottom:0px;
}

h3
{
	font-family: Verdana, Tahoma, sans-serif;
	color:  #b83c36;
	font-style:italic;
	font-size:small;
	margin-bottom:0px;
	padding-left:0px;
}

.h3LeftNav
{
	font-family: Verdana, Tahoma, sans-serif;
	color: #b83c36;
	font-style:italic;
	font-size:small;
	font-weight:bold;
	margin-bottom:0px;
	padding-left:0px;
	padding-top:20px;
}

table.pageLayout
{
	width: 750px;
}

td, th, p, div 
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

td.centeralign
{
	text-align:center;
}
	
td.shaded
{
	background-color:#DDF6FF;
}

td.plain
{
	background-color:#FFFFFF;
}

td.navbarLayout
{
	background-color:#FFFFFF;
	width: 192px;
}

td.upperNavbar
{
	background-image:url(/images/upper-vertical-fade.jpg);
	background-position:bottom; 
	background-repeat:repeat-x;
}

.navRightTitle
{
	color:#027dab;
	font-style:italic;
	font-size:medium;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
	padding-right:5px;
}

.floatleft
{
	float:left;
}

.floatright
{
	float:right;
	padding-right:10px;
	overflow:auto;
}


.floatright ul li
{
	padding:0px;
	padding-bottom:3px;
	list-style-image:url(images/li-target.gif);
}

.tabletitle
{
	color:white;
	background-color:#b83c36;
	font-style:italic;
	font-size:medium;
	text-align:center;
}

.centerbold
{
	text-align:center;
	font-weight:bold;
}

.highlightText	{
	font-size:small;
}

.callout	{
	background-color:#ddf6ff;
	border-color:#8cbdd9;
	border-width:thin;
	border-style:dotted;
	padding:5px;
	margin-left:5px;
	font-size:x-small;
	width:48%;
	float:right;
}

.fullcallout	{
	background-color:#ddf6ff;
	border-color:#8cbdd9;
	border-width:thin;
	border-style:dotted;
	padding:5px;
	float:right;
}

.bghighlight	{
	background-color:#FFFF00;

}

/* Upper Navigation */

.upperNavigation
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight:bold;	
	padding-top:10px;
	padding-bottom:10px;
}

.topNav
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.55em;
}
.upperNavigation a

{
	color:#000000;
}

/* inPageList */

.inPageList
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:small;
	padding-left:10px;
	padding-right:0px;
	padding-top:10px;
}

.inPageList ul
{
	margin:0px;
	padding-left:20px;
}

.inPageList ul li
{
	padding:0px;
	padding-bottom:30px;
	list-style-image:url(images/li-target.gif);
}

/* Left Navigation */

.leftNavigation
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:small;
	padding-left:10px;
	padding-right:0px;
	padding-top:10px;
}

.leftNavigation ul
{
	margin:0px;
	padding-left:20px;
}

.leftNavigation ul li
{
	padding:0px;
	padding-bottom:3px;
	list-style-image:url(images/li-target.gif);
}

.leftNavigation a

{
	color:#000000;
}

.inlineNavigation ul li
{
	padding:0px;
	padding-bottom:3px;
	list-style-image:url(images/li-target.gif);
}

.contact
{
	color:#000000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:x-small;
	padding-left:5px;
	text-align:left;
}

.leftnavSmTitle
{
	font-family: Verdana, Tahoma, sans-serif;
	color: #b83c36;
	font-style:italic;
	font-weight:bold;
	font-size:.83em;
	margin:0px;
	padding:0px;
}

.leftnavxSmTitle
{
	padding-left:10px;
	padding-top:0px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #b83c36;
	font-style:italic;
	font-weight:bold;
	font-size:xx-small;
	margin-bottom:0px;
	
}

/* Lower Navigation */

.designedby
{
	text-align:center;
	color:#37779b;
	font-family: Verdana, Tahoma, sans-serif;
	font-size:0.68em;
	padding-bottom:3px;
}

.designedby a
{
	color:#37779b;
	text-decoration:none;
}

.designedby a:hover
{
	color:#ffffff;
	text-decoration:underline;
}


.lowerNavigation
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:small;
	padding:5px;
	text-align:center;
}

.lowerNavigation a
{
	color:#000000;
}

/* Page Content */

.PageContent
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:small;
	padding-left:10px;
	padding-right:10px;
}

.Padding
{
	padding-left:10px;
	padding-right:10px;
}

.PaddingL
{
	padding-left:10px;
}

.HomePageContent
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:small;
	padding-left:0px;
	padding-right:10px;
}

.HomePageContent div.LeftFlush
{
	padding: 0px;
	margin-right: 20px;
	float:left;
}

/* Table Formatting */
.tableHeader
{
	background-color:#0090c1;
	color:#ffffff;
	font-style:italic;
	font-size:medium;
	font-weight:bold;
	text-align:center;
}

.tableNorth
{
	background-color:#b83c36;
	color:#ffffff;
	font-weight:bold;
	font-size:medium;
}

.tableSouth
{
	background-color:#b83c36;
	color:#ffffff;
	font-weight:bold;
	font-size:medium;
}

.tableTitle
{
	font-weight:bold;
	font-size:medium;
}

.tableHighlight
{
	background-color:#C0C0C0;
}

.nsgrey
{
	background-color:#e7e7e9;
	font-size:0.83em;
	vertical-align:text-top;
}

.srose
{
	background-color:#f3dfdd;
}

.nyellow
{
	background-color:#fff4e7;
	font-size:0.83em;
	vertical-align:text-top;
}

.connectyellow
{
	background-color:#fff3bf;
	font-size:0.83em;
	vertical-align:text-top;
}

.stopname
{
	font-size:0.79em;
	color:#cd4552;
	white-space:nowrap;
}

.stopnamedetail
{
	font-size:0.84em;
	color:#000000;
}

.times
{
	font-size:0.83em;
	vertical-align:text-top;
}

.smfont
{
	font-size:0.83em;
}

/* Homepage List Styles */

.PageContent ol
{
	margin:10px;
}

.PageContent ol li
{
	list-style-image:url(images/li-target.gif);
}

ol li.one
{
	list-style-image:url(images/li-1.gif);
}

ol li.two
{
	list-style-image:url(images/li-2.gif);
}

ul li.disabilities
{
	list-style-image:url(images/li-disabilities.gif);
}

ul li.bike
{
	list-style-image:url(images/li-bike.gif);
}

ul li.dog
{
	list-style-image:url(images/li-dog.gif);
}
.faresFrame
{
	border-color:#D4B77A;
}

/* frequently asked questions */ 

.question
{
	font-weight:bold;
	padding-left:10px;
}

.answer
{
	margin-bottom: 10px;
	padding-left:10px;
}