/*********************************************************/
/*                                      Sita Group Websites                                        */
/*                                                                                                              */
/*                                             CSS File                                                     */
/*                                                                                                               */
/*             		 Created by: Pixeltech Design                                    */
/*                                                                                                               */
/**********************************************************/


body { background-color: #ffffff; margin: 0; padding: 0; color:#515151; font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;  font-size:9pt; line-height: 12pt; }

p { color: #515151; font-size:9pt; line-height: 12pt; font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;}
strong, b { font-weight: bold;}
h1 { font-size: 18pt; line-height: 24pt; }
h2 { font-size: 14pt; line-height: 18pt; color:#EA6E00;  font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif; }
h3 { font-size: 12pt; line-height: 16pt; color: #000000;  font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif; }
h4 { font-size: 11pt; line-height: 12pt; color: #282828;  font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif; }
h5 { font-size: 10pt; line-height: 11pt; color: #EA6E00;  font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif; }
h6 { font-size: 9pt; line-height: 12pt; color:#6E6E6E;  font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif; }



a { color: #EA6E00;  text-decoration:none;  font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;}
a:visited { color: #EA6E00; }
a:hover { color:#282828; text-decoration: underline; } /*FFC21A*/
a:active { color: #515151;  text-decoration:none; }

img { border: 0; }

ol { color: #515151; font-size:9pt; line-height: 12pt;  font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;}

ul { color: #515151; font-size:9pt; line-height: 12pt;  list-style-image: url('images/arrow.gif');  font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;}
li { color: #515151; font-size:9pt; line-height: 12pt;  }

select, input, textarea { color:#444444; font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif; font-size:9pt; line-height: 11pt; }

	/* Stretch table to page height.... used to flex-size footer at bottom to the window */
	table.stretch { height: 100%; width: 100%;  }
	table.stretch td.body { height: 100%; vertical-align: top; }

	/* Page Headers */ 
	#header { 
		height: 115px; 
		margin:0px; 
		padding:0px;
		vertical-align:top; 
		background-image: url('images/header_bg.gif');  
		background-repeat: repeat-x; 
		background-color: #EA6E00;
	}


/* Top menus */
#topmenu {
	background-color: #3D3D3D;
	padding-left: 2px; padding-right: 2px; padding-top: 0px; padding-bottom: 0px;
	border: 0px;
	margin:0px;
	height:19px;
}

.topmenu { width:800px; height:12px; padding:0px; margin:0px; text-align:left; font-size: 8pt; line-height: 10pt; vertical-align:middle; }
.topmenu td {font-size: 8.5pt; line-height: 11pt;}
.menu  { color:  #ffffff; font-family: Arial, Trebuchet MS, Verdana, sans-serif; }
.margmenu { margin-left:20px; margin-right:20px; padding:0px; }

a.menu:link {color: #ffffff; text-decoration:none; } /*FFEBBC*/
a.menu:visited {color: #EA6E00; }
a.menu:hover {color: #FFC21A;  text-decoration:none;}
a.menu:active {color: #EA6E00; }

/* Back to Top Rollovers */
a img { background: no-repeat; border:none;}
a.backtop img {background-image: url(images/top.gif); height: 19px; width: 88px; border:none;}
a.backtop:hover img {background-image: url(images/top_over.gif); }


.welcome { background-image:url(images/home_welcome.jpg);  background-repeat: no-repeat; height: 228px; border:none; text-align:justify;}
.welcomeblurb { color:#282828; font-size: 8.75pt; line-height: 11pt; margin-top: 0px; padding-top:66px; padding-left: 260px; padding-right: 27px; }
.welcomeblurb2 { color:#282828; font-size: 8.75pt; line-height: 11pt; padding-left: 260px; padding-right: 27px;}

.body1 { vertical-align:top; }
/*.body2 { border: solid 1px; vertical-align:top; padding:25px; width: 680px; font-weight: 9pt; line-height: 12pt; }*/

.newshead { width:158; }
.newsticker { padding:0px; width: 580px; height: 20px; background-color: #E4E4E4; color: #515151;  font-weight:bold; font-size:9pt; line-height: 11pt; }

.specialshead { padding-left:14px; text-align:justify; padding-right: 10px; padding-top: 20px; }
.specialsblurb {width: 555px; padding-left: 16px; text-align:justify; padding-right: 40px;}
.specialoffer {color: #EA6E00; font-weight: bolder; font-size: 10pt;}

.subhead1 { font-size:10pt; line-height: 13pt; color:#282828; font-weight: bold; }
.subhead2 { font-size:10pt; line-height: 13pt; color:#B22600; font-weight: bold;  text-align: left;}

.orangetext { color: #EA6E00;  font-size: 9pt;}

.oline { width: 680px; height:10px;  border-bottom: solid 1px #EA6E00; }
.oline2 { width: 100%; height:10px;  border-bottom: solid 1px #EA6E00;  }

.textdiv {padding-left: 15px; padding-right: 20px; text-align:justify;}
.imagespace {padding-bottom:20px;}
.imagespace2 {padding-bottom:5px;}
.imagespace1 {padding-top:50px; padding-bottom:5px;}
.imagespace0 {padding-top:50px; padding-bottom:20px;}


.sitafoot {width:800px;font-size:7.5pt;}

.orangefooterline {background-color:#EA6E00; height: 4px;}
.cell1 { background-color: #EE8B33; color:white; font-weight:bold; vertical-align:middle; text-align:center; }
.cell2 { background-color: #C6C6C6; font-weight:bold; width:150px; vertical-align:top; text-align:right; }
.cell3 { background-color: #E4E4E4; text-align:left; }
.cell4 { background-color: #E4E4E4; font-weight:bold; vertical-align:middle;  }

.ratestbl {border: 1px solid #9D9D9D;}
.ratetype { font-weight:bold; color: #353535; padding-left: 10px; }
.rates0 { background-color: #EA6E00; color:white; font-weight:bold; vertical-align:middle; text-align:center; }
.rates1 { background-color: #C6C6C6; vertical-align:middle; text-align: center;  }
.rates2 { background-color: #E4E4E4; vertical-align:middle; text-align: center;  }
.rates3 {background-color: #EE8B33;}
.rates4 {background-color: #616161; color:#FFFFFF;}  /*#9D9D9D; color:#000000;}  */

.tt1 {background-color:#B22600; color:white;}

.row1 { background-color: #E4E4E4; text-align:left; }
.row2 { background-color: #C6C6C6;  }
.row3 { background-color: #F7C9A0;  color:#282828; }
.row4 { background-color: #F3AC6D;  color:#282828;}
.row5 { background-color: #EFEFEF; color:#282828; }

.linklogo {padding-left: 15px; width: 160px; text-align:right; vertical-align:middle;  }
.linkname { font-weight: bold; }
.linkdes {text-align: justify; width:560px; padding-left: 10px; vertical-align:middle;}


/* Page Footers */
#footer {
	width: 100%;
	height: 40px;
	clear: both;
	margin-top:0px;
	background-color: #282828;
	border: 0px;
	/*border-bottom: 2px solid #649CD2;*/
	text-align:left;
}

#copyright {
	margin:10px;
	color:#FFEBBC;
	text-align:center;
}

.foot a { 
	font-size: 7.5pt; color:  #FFEBBC; 
}
.foot a:visited { 
	color:  #FFC21A;
}
.foot a:hover { 
	color:  #EA6E00;
}

p.foot  { 
	font-size: 7.5pt; color:  #FFEBBC;
}
	
	

/* Timetables Styles */
.routetitle1 { font-size: 11pt; line-height: 13pt; color: #888888; text-align:left; }
.subbies { background-image:url('images/sub_back.gif'); background-repeat: no-repeat; height: 29px; width: 100%; padding-left: 20px; padding-top: 3px; }
.routesub1 {  font-weight: bold; font-size: 12pt; line-height: 16pt; color: #000000;  font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;  padding-top: 20px; }
.routesub2 {  font-weight: bold; font-size: 12pt; line-height: 16pt; color: #ffffff;  font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif; }
.indenttxt { padding-left: 10px; padding-right: 10px;  }


.smalltxt { font-size: 8pt; line-height: 11pt; }
.timeheading { font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif; font-size: 12pt; font-weight: bold; text-align: center; }
.timesub { font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif; font-size: 10pt;  text-align: center; }
.sailors { font-size: 7.5pt; color: #18094e; }
.key1 { font-size: 7.5pt; color: #5b322a; background-color: #B38A7A;  }
.key2 { background-color: #eddeb6;  }
.key3 { font-weight: bold; text-align: center;}
.work1 { font-size: 7.5pt; color: #18094e; background-color: #3354ae;  }
.work2 { background-color: #3354ae; font-weight: bold; text-align: left;  color: #ffffff; }
.work3 { background-color: #d3dcf4; text-align: left; }


table td {font-size: 9pt; line-height:11pt; }

/* Timetable Declarations */

table.ttt	{
	border:	1px black solid;
	background-color: #E4C697;	/* BGcol */
	
}

th.ttheaderrow	{
	background-color: #8C553F;	/* headCol */
	color: #fff; /* headTextCol */
	font-size: 8.5pt;
	text-align: right;
	padding: 5px;
	width:100px;
}
tr.ttheaderrow	{
	background-color: #8C553F;	/* headCol */
	color: #fff; /* headTextCol */
	font-size: 8.5pt;
	padding: 5px;
}

/*	This is usually center / bold by default anyway, but
	doesn't hurt to be explicit */

th.ttheadercell {
	text-align: center;
	font-weight: bold;
	font-size: 8.5pt;
}


tr.ampm {
	background-color: #75814E;	/* AMPM col */
	color: #F6EACA; /* AMPMTextCol */
	text-align: center;
	font-weight: bold;
	font-size: 8.5pt;
}

td.tttd, td.ttimepoint1, td.ttimepoint2, td.ttimepoint4, td.ttimepoint5, td.ttimepoint6, td.ttimepoint7, td.ttimepoint9, td.ttimepoint10, td.ttimepoint15 
{
	text-align: center;
	font-size: 8pt;
}

div.ttinfo {
	align:	center;
	font-size: 8pt;
}

/*	At this time, timepoints (highlighted columns) must be specified
	by numbers directly; ie, will need a separate class for each. 

	Including the above td.ttimepoint2 code, the following
	declaration is the equivilant of linkCol2=DDDDDD

	linkColN STILL needs to be passed to the script, but it ignores
	the passed value. It just needs to be defined that's all.

*/

td.ttimepoint1, td.ttimepoint2, td.ttimepoint4, td.ttimepoint5, td.ttimepoint6, td.ttimepoint7, td.ttimepoint9, td.ttimepoint10, td.ttimepoint15  
{
	background-color: #E4B56A;
	font-size: 8pt;

}

/*	It would be useful not to have multiple COLOURs for
	these columns, then we could just get away with one ttimepoint
	definition! (Would still need to pass them to the script though).
*/