/* 		CCRTA WEB SITE COLORS		
logo blue			#006380
logo green			#5ab325
grey bg				#ededed
rider alerts red	#900e32

*/

/* 		GENERAL		*/
html, body {
   margin: 0;
   padding: 0; 
}

body	{
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.4;
}

p, ul, li	{
	font-size: small;
}

h1, h2, h3, h4, h5, h6{
	margin-bottom: 0px;
    padding-bottom: 0px;
}

h1	{
	background-color:#5ab325;
	color:#FFFFFF;
	font-size:18px;
	padding: 0 0 2px 10px;
}

h2	{
	color:#006699;
	font-size:16px;
	padding: 0px;
	font-weight:bold;
}

h3	{
	color:#006699;
	font-size:14px;
	padding: 0px;
	font-weight:bold;
}

.formSubmit	{
	width:40px;
	padding:0;
	margin:0;
}

.clearPad	{
	clear:both;
	margin-bottom: 4px;
}

.h1GoogleTrip	{
	background-color:#5ab325;
	color:#FFFFFF;
	font-size:18px;
	padding: 2px 0 2px 10px;
	float:right;
	width: 190px;
	clear:both;
	margin-top:6px;
}

.h1Alert	{
	width:756px;
	background-color:#900e32;
	color:#FFFFFF;
	font-size:18px;
	margin:4px 0 0 0;
	padding: 2px 0 2px 10px;
	clear:both;
}

.alignLeft {
	float: left;
}
.alignRight {
	float: right;
}

.RightInterior {
	float: right;
	border:1px solid #5AB325;
	margin:20px 10px 5px 0px;
	padding:5px;
}

.RightParking {
	float: right;
	border:1px solid #5AB325;
	margin:0px 100px 5px 0px;
	padding:5px;
}

.RightContact {
	float: right;
	border:1px solid #5AB325;
	margin:5px 100px 5px 0px;
	padding:5px;
}

.caption	{
	text-align:center;
	font-size:x-small;
}

.routeDescription	{
	margin:0px 20px 0px 20px;
	font-size:small;
}

.interiorImages	{
	margin: 20px 10px 5px 10px;
	border:1px solid #5ab325;
	padding:5px;
}

.scheduleHeading	{
	color:#5e5e5e;
	font-weight:bold;
}

#google_translate_element	{
	float:right;
}

/* 		HOME PAGE SELECT FORMS		*/
select	{
	width:140px;
}



/* 		LAYOUT		*/
#container {	
	margin: 0 auto;
	width: 61.25em;
}
#main {	
	width: 100%;
}

#lines	{
	margin:1px 0 1px 0;
	padding:0;
	display:block;
}

.dates	{
	color:#cc0033;
	font-weight:bold;
	font-size:small;
}

.padImage	{
	padding:10px;
}

.busImage	{
	float: left;
	margin: 5px 20px 5px 0px;
	border:1px solid #5ab325;
	padding:5px;
}

.goGreen	{
	border:1px solid #5ab325;
	font-size:small;
	padding:5px 5px 5px 10px;
	margin:20px;
}

.greenTitle	{
	font-weight:bold;
	font-size:large;
	color:#5ab325;
}

.divClear	{
	clear:both;
}

.quickLinks	{
	border:1px solid #ededed;
	margin:0px 10px 10px 10px;
	padding: 0px 0px 0px 10px;
	font-size:small;
	float:right;
}

.quickLinks li	{
	list-style-image:url(/images/blue-arrow.png);
}

.FlexQuickLinks	{
	border:1px solid #ededed;
	margin:0px 10px 10px 10px;
	padding: 0px 0px 0px 10px;
	font-size:small;
	float:left;
}

.FlexQuickLinks li	{
	list-style-image:url(/images/blue-arrow.png);
}

.bbusLinks	{
	font-size:small;
}

.bbusLinks li	{
	list-style-image:url(/images/blue-arrow.png);
}

#htcBuilding	{
	float:right;
	margin:20px;
	padding:5px;
	border: 1px solid #5ab325;
}

#fareDiv	{
	float:right;
	width:420px;
	border:thin solid #EDEDED;
	padding:5px;
}

/* 		HEADER		*/
#header {
	float: left;
	min-height: 6.25em;
	width: 61.25em;
	background-image:url(/images/lighthouse-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	border-bottom: solid 0.13em #000000;
}

#homeIcon	{
	border:0;
	padding-top:2px;
}	

#dateStamp	{
	float:right;
	font-size:12px;
	padding:1px 5px 0px 0px;
	text-align:right;
}

#dateStamp a:link		{color:#242424; text-decoration:none;}
#dateStamp a:visited	{color:#242424; text-decoration:none;}
#dateStamp a:hover		{color:#6b6b6b; text-decoration:underline;}
#dateStamp a:active		{color:#242424; text-decoration:none;}

/* 		NAVIGATION		*/
/*#nav	{
	font-size:.87em;
	clear:left;
	position:relative;
}*/

#nav	{
	margin: 1.2em 0 0 0.8em;
	width: 100%;
	clear: left;
}

#nav img.circle {
	width: 0.88em;
	height: 0.88em;
	position: absolute; 
	margin-top: -0.3em;
	z-index:10;	
}		

#nav, #nav ul {
	padding: 0;
  	margin: 0 0 0 .8em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#nav a {
	display: block;
	text-decoration:none;
	color:#000000;
	padding:0.4em;
}

#nav li {
	float: left;
	width: 9.5em;
}

#nav li ul {
	position: absolute;
	width: 9.5em;
	left: -999em;
	background-color:#5ab325;
	border-top: solid 2px #000000;
	margin: 0 -.8em 0 0;
}

#nav li ul li	{
	border-bottom:1px solid #ffffff;
}

#nav li:hover ul {
	left: auto;
	background-position: 0 0;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	background-position: 0 0;
}

#nav a:link			{color:black; text-decoration:none;}
#nav a:visited		{color:black; text-decoration:none;}
#nav a:hover		{color:#ffffff; text-decoration:none; background-color:#5ab325;}
#nav a:active		{color:black; text-decoration:none;}

/*Fix for IE7*/
#nav li:hover {
	position: static;
}					


/* 		BODY		*/

#leftContent	{
	float:left;
	width: 980px;
}

#leftInterior	{
	float:left;
	width: 775px;
}

.greyBg	{
	background:#ededed;
	margin:0 0 1px 0;
	padding:5px 0 5px 10px;
	font-size:12px;
}

.googleBg	{
	background:#ededed;
	margin:0 0 1px 0;
	padding:5px 0 5px 10px;
	font-size:12px;
}

.alertBg	{
	border:1px solid #900e32;
	background:#ededed;
	margin:0 0 1px 0;
	padding:5px 0 5px 10px;
	font-size:12px;
	width:754px;
}

.overviewbox { 
	float:left;
	width:18.9em;
	height:37em;
	background:#C5CFE6;
	margin:0;
	margin-right:0.1em; 
}

.overviewbox .overviewheading { 
	width:18.9em;
	height:4.9em;
	float:left;
	clear:both;
}

.overviewbox .overviewimg { 
	width:18.9em;
	height:12em;
	float:left;
	clear:both; 
}

.overviewbox .menu	{
	margin-bottom:1px;
}

.selectContainer	{
	float:left;
	width:190px;
	height:370px;
	margin:0;
	margin-right: 2px; 
}	

.selectContainer .selecttitle	{
	width:190px; 
	height:82px; 
	float:left; 
	clear:both;
}

.selectContainer .selectimage	{
	width:190px; 
	height: 120px; 
	float:left; 
	clear:both;
}

.selectContainer p { 
	width:190px; 
	margin-top:15px; 
	text-align:center; 
	line-height:1.8;
	float:left;
	clear:both; 
}

.last	{
	margin-right:0;
}

.busSelect	{
	background-image:url(/images/bus-bg.jpg);
	background-repeat:no-repeat;
	float:left;
	clear:both;
	height:168px;
	width:190px;
	text-align:center;
}

.busSelect p	{
	font-size:16px;
}

.callSelect	{
	background-image:url(/images/call-bg.jpg);
	background-repeat:no-repeat;
	float:left;
	clear:both;
	height:168px;
	width:190px;
	text-align:center;
}

.callSelect p	{
	font-size:16px;
}

.seasonalSelect	{
	background-image:url(/images/seasonal-bg.jpg);
	background-repeat:no-repeat;
	float:left;
	clear:both;
	height:168px;
	width:190px;
	text-align:center;
}

.seasonalSelect p	{
	font-size:16px;
}

.htcSelect	{
	background-image:url(/images/htc-bg.jpg);
	background-repeat:no-repeat;
	float:left;
	clear:both;
	height:168px;
	width:190px;
	text-align:center;
}

.htcSelect p	{
	font-size:16px;
}

/* 		RIGHT HAND COLUMN		*/
#rightcolumn {
	float: right;
	width: 200px;
}

#tripPlanner	{
	clear:both;
	width: 200px;
	background-color:#ededed;
}

#tripPlanner p	{
	font-size:12px;
	line-height:1.2;
	padding:5px 5px 0 5px;
}

#gpsLocation	{
	clear:both;
	width: 200px;
	background-color:#ededed;
}

#gpsLocation p	{
	font-size:12px;
	line-height:1.2;
	padding:5px 5px 0 5px;
}

.tripImage	{
	clear:both;
}

#goGreen	{
	clear:both;
	width: 200px;
	background-color:#ededed;
}

#gogreenText	{
	font-size:12px;
}
/* 		BUS SCHEDULES & FARES		*/
.seasonalRoute	{
	border-collapse: collapse;
	font-size:small;
	text-align:left;
	width:75%;
}

.seasonalRoute caption	{
	background-color:#006380;
	font-size:large;
	font-weight:bold;
	color:#ffffff;
}

.seasonalRoute th	{
	border: thin solid #ededed; 
	padding: 0.3em;
	font-size:14px;
	vertical-align:bottom;
	color:#006380; 
	background-color:#ededed;
	white-space:nowrap;
}	

.seasonalRoute td	{
	border: thin solid #ededed; 
	padding: 0.1em; 
}

.fixedRoute	{
	border-collapse: collapse;
	font-size:small;
	text-align:left;
	width:75%;
	vertical-align:top;
}

.fixedRoute caption	{
	background-color:#006380;
	font-size:large;
	font-weight:bold;
	color:#ffffff;
}

.fixedRouteSubCaption	{
	font-size:small;
}

.fixedRoute th { 
	border: thin solid #ededed; 
	padding: 0.3em;
	font-size:medium;
	color:#006380; 
	background-color:#ededed;
}

.fixedRoute td	{
	border: thin solid #ededed; 
	padding: 0.1em; 
}

.grey	{
	background-color:#ededed;
}

.blue	{
	background-color:#bcdbde;
}

.schedule	{ 
	border-collapse: collapse;
	font-size:small;
	text-align:left;
}

.schedule th { 
	border: thin solid #ededed; 
	padding: 0.3em;
	font-size:medium;
	color:#006380; 
	background-color:#ededed;
}

.schedule td	{
	border: thin solid #ededed; 
	padding: 0.3em; 
} 

.schedule caption	{
	font-size:large;
	font-weight:bold;
	color:#006380;
}

#scheduleSubCaption	{
	font-size:small;
}

.fares {
	border-collapse: collapse;
	font-size:small;
	text-align:left;
	width:50%;
	float:left;
}

.fares caption	{
	font-size:large;
	font-weight:bold;
	color:#ffffff;
	background-color:#5ab325;
}

.fares th	{
	border: thin solid #ededed; 
	padding: 0.3em;
	font-size:medium;
	color:#5ab325; 
	background-color:#ededed;
}

.fares td	{
	border: thin solid #ededed; 
	padding: 0.3em;
}

.faresHeading	{
	color:#5ab325;
	font-weight:bold;
}

.faresNotes	{
	background-color:#ededed;
}

.mainStop	{
	color:#006380;
}

.flagFlex	{
	float:right;
	width:25%;
	border:thin solid #5ab325;
	padding:5px;
	margin:10px 20px 10px 20px;
}

.floatLeft	{
	float:left;
	padding-right:5px;
}
	 
/* 		FOOTER		*/
#footer	{
	background-image:url(/images/footer-bg.jpg);
	background-repeat:no-repeat;
}

#footerNav	{
	border-top: 2px solid #5ab325;
	font-size:0.75em;
	padding:5px 0 0 20px;
}

#footerNav a:link		{color:#6b6b6b; text-decoration:none;}
#footerNav a:visited	{color:#6b6b6b; text-decoration:none;}
#footerNav a:hover		{color:#242424; text-decoration:underline;}
#footerNav a:active		{color:#6b6b6b; text-decoration:none;}

#footerHTC	{
	font-size: 0.875em;
	padding:30px 0 0 20px;
}

#appliedLanguage	{
	float:right;
	clear:both;
}

#credit	{
	clear:both;
	color:#000000;
	font-size:.5em;
	text-align:center;
	padding:0 0 0.5em 0;
	margin:-20px 0 0 0;
}

#credit a:link		{color:#000000; text-decoration:none;}
#credit a:visited	{color:#000000; text-decoration:none;}
#credit a:hover		{color:#242424; text-decoration:underline;}
#credit a:active	{color:#000000; text-decoration:none;}

#disclaimer	{
	clear:both;
	font-size:0.7em;
	text-align:center;
	color: #6b6b6b;
}

/* 		ADMIN SECTION		*/

.help
{
	font-size: 14px;
	font-weight: normal;
	display:none;
	border:1px solid #000099;
	background-color:#CCFFCC;
	padding:5px;
}