body
{	
	margin-top: 10px;
	padding:0;
	text-align: center;
	font-family: Arial,Verdana,Helvetica, sans-serif;	
}

.container
{
	width: 825px;
	margin-left: auto;
	margin-right: auto;
}
.footer {PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT: small-caps 1em Arial, Helvetica, sans-serif; COLOR: #666666; LETTER-SPACING: 0.05em; TEXT-DECORATION: none}
A.footer:link {COLOR: #666666;}
A.footer:visited {COLOR: #666666;}
A.footer:hover {COLOR: #99ccff;}
.links {font-family: Arial,Verdana,Helvetica, sans-serif; font-size:12px; margin-top:30px;}

table
{
	font-size: 12px;
	vertical-align: top;
}
p
{
	text-align: left;
	padding: 0 10px 0 10px;
}

.center
{
	text-align: center;
}

.imageContainer
{
	position: relative;
	text-align: center;	
}
.imageContainer img
{
	margin-top: 20px;
}

.rightContainer
{
	padding-top: 19px;
}

.rightContainer1
{
	padding-top: 20px;
}

/* navigation */

ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;	
}
 
ol#toc a {  
    color: #666666;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
}
 
ol#toc a:hover {
    
  color: blue;
}
 
ol#toc li {
    float: left;
    margin: 0 1px 0 0;
}
 
ol#toc li.current span {
position: relative;
   background: url(tab.png) no-repeat;
     font-weight: bold;
	 text-align: center;
	 width: 207px;
	 height: 29px;
	 z-index: 2;
}
 
ol#toc span {
  
    display: block;
    line-height: 2em;
	*padding-left: 5px;
    padding-right: 10px;
	padding-top: 2px;
}

/* tab bottom border */
.tabline
{
	position: relative;
	top: 2px;
	*top: -18px;
	border-bottom: solid 2px #999;
	width: 823px;
	z-index: 1;
}

a img
{
	border: none;
}

a.TextVideo_Click:link, a.TextVideo_Click:visited, a.TextVideo_Click:hover, a.TextVideo_Click:active
{		
	text-decoration:none;	
	color: #000;
	text-align: left;	
}

.BCLogoContainer
{
	float: left;
	background-color: #fff;
	height: 75px;
}

.BCLogoContainer img
{	
	margin-top: 15px;
}

.floatRight
{
	float: right;
}

.paddingLeft
{
	padding-left: 5px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
border: solid 1px #999;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
margin-top: 0; /* To nullify .imageContainer img so there is no space at top in popup */
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 40px;
left: -90px; /*position where enlarged image should offset horizontally */

}

/* DMS and CCTV icons positioning on the map */

.tab
{
	position: relative;
	left: -5px;
}

.tab1icon1, .tab1icon2, .tab1icon5, .tab1icon6, .tab1icon7, .tab1icon8, .tab1icon9,
.tab2icon3, .tab2icon4, .tab2icon10, .tab2icon11, .tab2icon12, .tab2icon13,
.icon1, .icon2, .icon3, .icon4, .icon5, .icon6, .icon7, .icon8, .icon9, .icon10, .icon11, .icon12, .icon13
{
	position: absolute;
	background: transparent;
	*background: url(transparent.gif);
	/*	border: solid 1px red; */
}

.tab1icon1:hover, .tab1icon2:hover, .tab1icon5:hover, .tab1icon6:hover, .tab1icon7:hover, .tab1icon8:hover, .tab1icon9:hover,
.tab2icon3:hover, .tab2icon4:hover, .tab2icon10:hover, .tab2icon11:hover, .tab2icon12:hover, .tab2icon13:hover,
.icon1:hover, .icon2:hover, .icon3:hover, .icon4:hover, .icon5:hover, .icon6:hover, .icon7:hover, .icon8:hover, .icon9:hover, .icon10:hover, .icon11:hover, .icon12:hover, .icon13:hover
{	
	border: dashed 1px red;
}

.tab1icon1  /* DMS on route 99 */
{
	top: 16px;
	left: 40px;
	width: 45px;
	height: 20px;
}

.tab1icon2  /* DMS on route 15 */
{	
	top: 16px;
	left: 368px;
	width: 45px;
	height: 20px;			
}

.tab1icon5  /* CCTV on route 199 at 8th */
{	
	top: 114px;
	left: 120px;
	width: 20px;
	height: 22px;		
}
.tab1icon6  /* CCTV on route 99 at 4th */
{	
	top: 231px;
	left: 92px;
	width: 20px;
	height: 20px;		
}
.tab1icon7  /* CCTV on route 99 at border */
{	
	top: 375px;
	left: 113px;
	width: 20px;
	height: 20px;		
}
.tab1icon8  /* CCTV on route 15 at 2nd */
{	
	top: 280px;
	left: 403px;
	width: 20px;
	height: 20px;		
}
.tab1icon9  /* CCTV on route 15 at border */
{	
	top: 341px;
	left: 360px;
	width: 20px;
	height: 20px;		
}

.tab2icon3  /* DMS on route 13 */
{	
	top: 16px;
	left: 37px;
	width: 45px;
	height: 20px;		
}
.tab2icon4  /* DMS on route 11 */
{	
	top: 16px;
	left: 350px;
	width: 45px;
	height: 20px;		
}
.tab2icon10  /* CCTV on route 13 looking north */
{	
	top: 315px;
	left: 139px;
	width: 22px;
	height: 20px;		
}
.tab2icon11  /* CCTV on route 13 looking south */
{	
	top: 338px;
	left: 139px;
	width: 22px;
	height: 20px;		
}
.tab2icon12  /* CCTV on route 11 looking north */
{	
	top: 270px;
	left: 389px;
	width: 21px;
	height: 22px;		
}
.tab2icon13  /* CCTV on route 11 looking south */
{	
	top: 295px;
	left: 389px;
	width: 21px;
	height: 22px;		
}

.icon1  /* DMS on route 99 */
{
	top: 123px;
	left: 15px;
	width: 45px;
	height: 20px;	
}

.icon2  /* DMS on route 15 */
{	
	top: 123px;
	left: 252px;
	width: 45px;
	height: 20px;		
}

.icon3  /* DMS on route 13 */
{	
	top: 123px;
	left: 353px;
	width: 45px;
	height: 20px;		
}
.icon4  /* DMS on route 11 */
{	
	top: 123px;
	left: 669px;
	width: 45px;
	height: 20px;		
}
.icon5  /* CCTV on route 199 at 8th */
{	
	top: 200px;
	left: 77px;
	width: 20px;
	height: 20px;		
}
.icon6  /* CCTV on route 99 at 4th */
{	
	top: 287px;
	left: 58px;
	width: 20px;
	height: 20px;		
}
.icon7  /* CCTV on route 99 at border */
{	
	top: 382px;
	left: 72px;
	width: 20px;
	height: 20px;		
}
.icon8  /* CCTV on route 15 at 2nd */
{	
	top: 314px;
	left: 288px;
	width: 20px;
	height: 20px;		
}
.icon9  /* CCTV on route 15 at border */
{	
	top: 356px;
	left: 260px;
	width: 20px;
	height: 20px;		
}
.icon10  /* CCTV on route 13 looking north */
{	
	top: 332px;
	left: 440px;
	width: 20px;
	height: 20px;		
}
.icon11  /* CCTV on route 13 looking south */
{	
	top: 354px;
	left: 440px;
	width: 20px;
	height: 20px;		
}
.icon12  /* CCTV on route 11 looking north */
{	
	top: 308px;
	left: 708px;
	width: 20px;
	height: 20px;		
}
.icon13  /* CCTV on route 11 looking south */
{	
	top: 329px;
	left: 708px;
	width: 20px;
	height: 20px;		
}