/* Canal Club Pages - style sheet */
/* selector {property:value}*/
/* xhtml*/

/*link colours*/
a:link 		{
  		text-decoration: underline;
		color: black;
		}



/*background YELLOW box*/
.ccbac		{
		position:absolute;
		left:75px;
		height: 680px;
		width:780px;
		top:15px;
		color: #000000;
		background-color:#ffff00;
		border:1px solid black;
		z-index: 0;
		}

.ccbac2a	{position:absolute;left:75px;
		height: 1000px;
		width:780px;top:15px;color: #000000;background-color:#ffff00;border:1px solid black;
		z-index: 0;}

/*Outer Background colour*/
body 		{
		color: #FFFFFF;
		background-color:#006400;
		}

/*Map heading Box*/
.title2		{
		position:absolute;
		left:170px;
		width:650px;
		height:50px;
		top:30px;
		color: #3300ff;
		background-color:#e6e8fa;
		font-family: Tahoma, sans-serif;
		font-size: 12pt;
		text-align: center;
		vertical-align:middle;
		font-weight: bold;
		border-top:1px solid black;
		border-bottom:1px solid black;
		border-left:8px solid black;
		border-right:8px solid black;
		z-index: 3;
		}
		
		
		
/*Map canvas*/
#map_canvas	{

	}
	

/*Map Left Navigation Bar*/
.navmap		{
		position:absolute;
		left:30px;
		height:40px;
		top:30px;
		width:125px;
		border-top:1px solid black;
		border-bottom:1px solid black;
		border-left:8px solid black;
		border-right:1px solid black;
		background-color:#e6e8fa;
		color: blue;
		font-family:  tahoma,sans-serif;
		font-size: 9pt;
		text-align: center;
		font-weight: bold;
		z-index: 5;
		padding: 0px 0px 10px 0px;
		}


#navmap1,#navmap2 {margin-right:8px;width:123px; height:21px; display:block; float:left}
#nav1{margin-left:3px}

#navmap1:link, #navmap1:visited{background-image:url(buttons/button1up.png)}
#navmap1:hover {background-image:url(buttons/button1over.png)}

#navmap2:link,#navmap2:visited{background-image:url(buttons/button6up.png)}
#navmap2:hover{background-image:url(buttons/button6over.png)}



/**map main box, grey back, wider, contains table with text**/
.map_main_box	{		
		position:absolute;
		left:30px;
		top:85px;
		width: 850px;	
		background-color:#e6e8fa;
		border-top:1px solid black;
		border-bottom:1px solid black;
		border-left:8px solid black;
		border-right:1px solid black;
		padding:5px 5px 5px 5px;
		z-index:3;
		}




/*DATE box*/
.topbar		{
		position:absolute;
		left:700px;
		height:15px;
		top:7px;
		border-top:1px solid black;
		border-bottom:1px solid black;
		border-left:4px solid black;
		border-right:4px solid black;
		background-color:#e6e8fa;
		color: #3300FF;
		font-family:Tahoma;
		font-size: 9pt;
		text-align:center;
		font-weight:bold;
		z-index: 1;
		}

/*Back box*/
.topbar1	{
		position:absolute;
		left:630px;
		height:15px;
		top:7px;
		border-top:1px solid black;
		border-bottom:1px solid black;
		border-left:4px solid black;
		border-right:4px solid black;
		background-color:#e6e8fa;
		color: #3300ff;
		font-family:Tahoma;
		font-size:9pt;
		text-align:center;
		font-weight:bold;
		z-index: 1;
		}

/*text at bottom of map*/
.main_txt2	{
		width:825px;
		border:0px solid black;
		color: #3300ff;
		background-color:#E6E8FA;
		font-family: Tahoma, sans serif;
		font-size:12pt;
		padding:0px 0px 0px 5px
		}	

/**Titles in spoof section**/
h2		{
		text-align: left;
		color: #3300ff;
		background-color:#E6E8FA;
		font-family: Tahoma, sans serif;
		font-size:12pt;
		text-decoration:underline
		}

/*Image button movements*/
.mouseBeOffMe 	{
		border-top:    0px  solid #3300FF; 
		border-bottom: 2px  solid #3300FF;
		border-left:   2px  solid #3300FF; 
		border-right:  2px  solid #3300FF; 
		}

.mouseBeOnMe	{
		border-top:    0px  solid #FFF000;
		border-bottom: 2px  solid #FFF000; 
		border-left:   0px  solid #FFF000; 
		border-right:  4px  solid #FFF000;
		}

.mouseBeDown	{
		border-top:    2px  solid #FF0000;
		border-bottom: 0px  solid #FF0000; 
		border-left:   4px  solid #FF0000; 
		border-right:  0px  solid #FF0000;
		}

.mouseBeUp	{
		border-top:    0px  solid #FF0000;
		border-bottom: 2px  solid #FF0000; 
		border-left:   2px  solid #FF0000; 
		border-right:  2px  solid #FF0000;
		}		

	




/*Don't print the following*/
@media print	{
		.message,.red,.nav,.nav1,.nav2,.pic, 
		.topbar,.topbar1,.topbar2,.css,.css1,.xhtml,.xhtml1,	
		.ccbac,.ccbac2,.ccbac3,.ccbac4,.ccbac5, .ccbac6, .ccbac7
		{display: none;}
		.main_box {left:60px}
		.title {left:60px}
		}