/* 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;
		}


/*background box slightly longer*/
.ccbac2		{
		position:absolute;
		left:75px;
		height: 760px;
		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;}
		
/*background box very long!*/
.ccbac3		{
		position:absolute;
		left:75px;
		height: 2050px;
		width:780px;
		top:15px;
		color: #000000;
		background-color:#ffff00;
		border:1px solid black;
		z-index: 0;
		}


/*background box chil 1*/
.ccbac4		{
		position:absolute;
		left:75px;
		height: 12000px;
		width:780px;
		top:15px;
		color: #000000;
		background-color:#ffff00;
		border:1px solid black;
		z-index: 0;
		}
.ccbac5	{position:absolute;left:75px;
		height: 14000px;
		width:780px;top:15px;color: #000000;background-color:#ffff00;border:1px solid black;
		z-index: 0;}

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

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

.ccbac8	{position:absolute;left:75px;
		height: 10000px;
		width:780px;top:15px;color: #000000;background-color:#ffff00;border:1px solid black;
		z-index: 0;	}
.ccbac9	{position:absolute;left:75px;
		height: 12250px;
		width:780px;top:15px;color: #000000;background-color:#ffff00;border:1px solid black;
		z-index: 0;	}
.ccbac10	{position:absolute;left:75px;
		height: 9500px;
		width:780px;top:15px;color: #000000;background-color:#ffff00;border:1px solid black;
		z-index: 0;	}
.ccbac11	{position:absolute;left:75px;
		height: 10500px;
		width:780px;top:15px;color: #000000;background-color:#ffff00;border:1px solid black;
		z-index: 0;	}

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

.ccbac14	{position:absolute;left:75px;
		height: 7100px;
		width:780px;top:15px;color: #000000;background-color:#ffff00;border:1px solid black;
		z-index: 0;	}
		
.ccbac15	{position:absolute;left:75px;
		height: 11000px;
		width:780px;top:15px;color: #000000;background-color:#ffff00;border:1px solid black;
		z-index: 0;	}
		
.ccbac16	{position:absolute;left:75px;
		height: 20000px;
		width:780px;top:15px;color: #000000;background-color:#ffff00;border:1px solid black;
		z-index: 0;	}
		
.ccbac17	{position:absolute;left:75px;
		height: 17500px;
		width:780px;top:15px;color: #000000;background-color:#ffff00;border:1px solid black;
		z-index: 0;	}

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

.ccbac19	{position:absolute;left:75px;
		height: 19000px;
		width:780px;top:15px;color: #000000;background-color:#ffff00;border:1px solid black;
		z-index: 0;	}
		
.ccbac20	{position:absolute;left:75px;
		height: 18200px;
		width:780px;top:15px;color: #000000;background-color:#ffff00;border:1px solid black;
		z-index: 0;	}
		
.ccbac21	{position:absolute;left:75px;
		height: 13500px;
		width:780px;top:15px;color: #000000;background-color:#ffff00;border:1px solid black;
		z-index: 0;	}		

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


/*Left Navigation Bar*/
.nav		{
		position:absolute;
		left:30px;
		height:200px;
		top:7px;
		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;
		}


/*List of Workparties Navigation Bar*/
.worklist	{
		position:absolute;
		left:5px;
		height:300px;
		top:300px;
		width:155px;
		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: 8pt;
		text-align: left;
		font-weight: bold;
		z-index: 5;
		}

/*Text within Workparties Navigation Bar*/
.worktext	{
		background-color:#e6e8fa;
		color: blue;
		font-family: Tahoma, sans-serif;
		font-size: 8pt;
		text-align: left;
		font-weight: bold;
		padding: 0px 0px 0px 5px
		}
		
		
		

/*Back to List of Workparties Mini Nav Bar*/
.worklist2	{
		position:absolute;
		left:5px;
		height:30px;
		top:300px;
		width:155px;
		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: 8pt;
		text-align: center;
		font-weight: bold;
		z-index: 5;
		}


/*Main heading Box*/
.title		{
		position:absolute;
		left:170px;
		width:435px;
		height:70px;
		top:30px;
		color: #3300ff;
		background-color:#e6e8fa;
		font-family: Tahoma, sans-serif;
		font-size: 18pt;
		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;
		}


/*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;
		}







.bigpic		{
		position: absolute;
		left:170px;
		height:425px;
		top:115px;
		width:510px;		
		color: #000000;
		background-color: #EDEDED;
		font-family: verdana, Arial,sans-serif;
		font-size: 10pt;
		border-top:1px solid black;
		z-index: 8;
		}

.main_box	{		
		position:absolute;
		left:170px;
		top:115px;	
		width:650px;	
		color:#0000ff;
		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;
		}
.table	{		
		color:#0000ff;
		background-color:#e6e8fa;
		border-style: ridge;
		border-color:999999;
		border-width:2px 2px 2px 2px;
		padding:5px 5px 5px 5px;
		}
		
.tablepic	{float:right
		}
		
.leftpic	{float:left
			}
			
			

.main_txt	{
		width:625px;
		border:0px solid black;
		color: #3300ff;
		background-color:#E6E8FA;
		font-family: Tahoma, sans serif;
		font-size:12pt;
		padding:0px 0px 0px 5px
		
		
		
		
		}	


.work_box	{		
		position:absolute;
		left:30px;
		top:250px;	
		width:650px;	
		color:#0000ff;
		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;
		}

.work_txt	{
		width:625px;
		border:0px solid black;
		color: #3300ff;
		background-color:#E6E8FA;
		font-family: Tahoma, sans serif;
		font-size:12pt;
		}
/**Titles in spoof section**/
h2		{
		text-align: left;
		color: #3300ff;
		background-color:#E6E8FA;
		font-family: Tahoma, sans serif;
		font-size:12pt;
		text-decoration:underline
		}
		
/**Titles under pictures**/
.centerpic		{
		text-align: center;
		color: #3300ff;
		background-color:#E6E8FA;
		font-family: Tahoma, sans serif;
		font-size:12pt;
		font-weight:bold;
		}
		
/**Titles under pictures**/
.ti		{border:blue solid thin;
		text-align: center;
		color: #3300ff;
		background-color:#E6E8FA;
		font-family: Tahoma, sans serif;
		font-size:12pt;
		font-weight:bold;
		padding: 5px 5px 5px 5px;
		}




/*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;
		}		

/*google bar*/
.google		{
		position:absolute;
		left:30px;
		height:600px;
		top:300px;
		width:120px;
		border-top:1px solid black;
		border-bottom:1px solid black;
		border-left:8px solid black;
		border-right:1px solid black;
		background-color:#e6e8fa;
		z-index: 5;
		}
	




/*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}
		}