/*TAP cascading style sheet*/
/*Site designed and constructed by Neil Thompson, speech-language.tower-hamlets@lgfl.net*/

/*adapted to take out negative position indices on blocks to accommodate ie5*/

body{margin:0; padding:0; min-width:740px; text-align:center;}

img{border:0;}

/*the outerwrapper div ensures correct centering and access to content to the left in small browsers*/
/*everything is within the outer wrapper*/

#outerwrapper {
   position : relative;
   text-align : left;
   width : 740px;
   margin-left : auto;
   margin-right : auto;
}


/*banner positioning*/

div.leftbanner{position:absolute; left:0px;top:15px;}
div.rightbanner{position:absolute; left:240px; top:15px;}


/*menu bar buttons*/

/*browser blocks are positioned relative to the centre using margin-left:50%*/
/*and left:-xx to position relative to this*/


div.button1{font: 9pt "Verdana",sans-serif bold;
	    text-align: center;
	    left:0px;
	    height:19px;
	    background-color: #6699FF;
	    background-image: url(../graphics/menubar.gif);
	    background-repeat: repeat-x;
	    color: black;
	    width:105px;
	    position:absolute;
	    top: 106px;
	    }
	    
div.buttonrest{font: 9pt "Verdana",sans-serif bold;
	       text-align: center;
	       left:106px;
	       height:19px;
	       background-color: #6699FF;
	       background-image: url(../graphics/menubar.gif);
	       background-repeat: repeat-x;
               color: black;
	       width:105px;
	       position:absolute;
	       top:0px;
	       }
	    
div.buttonlast{font: 9pt "Verdana",sans-serif bold;
	       text-align: center;
	       left:106px;
	       height:19px;
	       background-color: #6699FF;
	       background-image: url(../graphics/menubar.gif);
	       background-repeat: repeat-x;
               color: black;
	       width:104px;
	       position:absolute;
	       top:0px;
	       }

/*main part of page boxes*/
	    
div.outerbox{left:0px;
	     text-align: left;
	     border:0;
	     padding:0;
	     width:740px;
	     top:127px;
	     position:absolute;
	     background-color: #C8E5EC;}


div.leftbox{float:left;
	    padding: 0px;
	    width:124px;
	    background-color: #C8E5EC;
	    top:0px;
	    margin-bottom:0px;
	    }
	    
div.mainbox{float:right;
	    border-left:2px solid white;
	    padding: 0px;
	    width:613px;
	    background-color: #C8E5EC;
	    top:0px;
	    margin-bottom:0px;
	    }
	    
div.boxcontainer{margin-left:15px;
	      margin-right:15px;
	      margin-top:10px;
	      margin-bottom:10px;
 	      color:black;
	      font-style: normal;
	      font-size: 12pt;
	      font-family: "Verdana",sans-serif;
	      line-height: 16pt;}


#cse-search-results{border:1px solid black;
										margin:3px;
										padding:3px;
										background-color: #FFFFFF;
										}

	    
/*main part of page paragraph and div styles*/

.smalltitle{color:black; font-family:verdana,sans-serif; font-size:8pt; line-height:8pt;}

div.pagetitle{color:black; font-size:20pt; font-weight:bold; font-family:"Comic Sans MS",sans-serif;}
div.centerpagetitle{color:black; font-size:20pt; font-weight:bold; font-family:"Comic Sans MS",sans-serif;text-align:center;}
div.tabletitle{color:black; font-size:16pt;font-weight:bold; font-family:"Comic Sans MS",sans-serif;text-align:center;}
div.minititle{color:black; font-size:14pt; line-height:17pt; font-weight:bold; font-family:"Comic Sans MS",sans-serif;}
div.comicsmalltitle{color:black; font-size:12pt; line-height:13pt; font-family:"Comic Sans MS",sans-serif;}
div.title2{color:black; font-size:12pt; line-height:15pt; font-weight:bold;}



/* specialised boxes */

div.question{
			margin-top:10px;
		    margin-bottom:10px;
		    border:1px solid #000000;
		    padding:5px;
		    }

div.announcementbox{margin-top:10px;
		    margin-bottom:10px;
		    margin-left:0px;
		    margin-right:0px;
		    border:2px solid #CC3300;
		    padding: 4px 10px 10px 10px;
		    width: 569px;
		    }

.announcementbox h1{
	      color:black; 
	      font-size:14pt; 
	      font-weight:bold; 
	      font-family:"Comic Sans MS",sans-serif;
	      margin: 6px 2px 6px 0px;
}

.announcementbox div.tap2{
	      margin: 4px 0 4px 0;
	    }

/*text positioning and style*/		    

.center{text-align:center;}
.left{text-align:left;}
.centerbold{text-align:center; font-weight:bold;}

p.tap{color:black; font-family:"Verdana",sans-serif; font-size:12pt; line-height: 15pt;}

.tap2{color:black; font-family:"Verdana",sans-serif; font-size:11pt; line-height: 14pt;}
.tap3{color:black; font-family:"Verdana",sans-serif; font-size:10pt; line-height: 11pt;}
.tap3ital{color:black; font-family:"Verdana",sans-serif; font-size:10pt; line-height: 11pt; font-style:italic;}
.tapcs{color:black; font-family:"Comic Sans MS",sans-serif; font-size:13pt; line-height: 16pt;}


.tap2bold{color:black; font-family:"Verdana",sans-serif; font-size:11pt; font-weight:bold; line-height: 14pt;}

/*decorations*/

div.whiteline{background-color:#FFFFFF; height:1px; font-size:1pt;}

div.small_menu_title{color:black; font-family:verdana,sans-serif; font-size:8pt; line-height:10pt; padding: 0px 0px 2px 0px; margin: 0px 0px 4px 0px; border-width:0px 0px 1px 0px; border-color:#111111; border-style:solid;}

/*left and right align within a box*/
.container {
   position: relative;
   height: 30px;
   }

.left-element {
   position: absolute;
   left: 0;
   width: 50%;
   }

.right-element {
   position: absolute;
   right: 0;
   width: 50%;
   top: 0;
   text-align: right; /* depends on element width */
   } 


/* fonts and text styles*/

.comicsans{font-family:"Comic Sans MS",sans-serif;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.italicbold{font-weight:bold; font-style:italic;}
.normal{font-weight:normal;}
.highlight{background-color:#FFFFA5;}

.error{color:#A96BC9; font-weight:bold; font-family:"Verdana",sans-serif; font-size:10pt; line-height: 11pt;}

br.fourpoint{line-height:4pt;}

/* styling for menu which has the big yellow box gifs */

div.yellowboxmenu{font-size:20pt; font-weight:bold; margin-left:20px;}



/* table styling */


.red{background-color:#FFAB8D;}
.yellow{background-color:#FEFF8B;}
.tapcolor{background-color:#C8E5EC;}

table.tap{border: 0.5px solid black; 
	  background-color:black; 
	  width:580px;
	  font-family:"Comic Sans MS",sans-serif;
	  font-size:12pt;
	  line-height:13pt;}
td.redgreytitle{padding:5px; margin:0px; border:0.5px solid black;background-color:#C0C0C0;font-family:"Comic Sans MS",sans-serif bold;font-size:12pt;}
td.yellowgreytitle{padding:5px; margin:0px; border:0.5px solid black;background-color:#F1F1F1;font-family:"Comic Sans MS",sans-serif bold;font-size:12pt;}
td.tap{padding:5px; margin:0px; border:0.5px solid black;text-align:center;height:100%;}


table.descriptions{border: 0.5px solid black; 
	  	   background-color:black; 
	  	   width:580px;
	 	   font-family:"Verdana",sans-serif;
	 	   font-size:10pt;
	  	   line-height:11pt;}
table.smalldesc{border: 0.5px solid black; 
	  	   background-color:black; 
	  	   width:580px;
	 	   font-family:"Verdana",sans-serif;
	 	   font-size:8pt;
	  	   line-height:10pt;}
	  	   
td.desc{padding:5px; margin:0px; border:0.5px solid black;text-align:left; vertical-align:top;}
td.smalldesc{padding:3px; margin:0px; border:0.5px solid black;text-align:left; vertical-align:top;}
td.desctitle{padding:5px; margin:0px; border:0.5px solid black;font-family:"Comic Sans MS",sans-serif bold; font-size:12pt;}

table.tap2{width:580px;color:black; font-family:"Verdana",sans-serif; font-size:11pt; line-height: 14pt;}

/* Training Pages */
table.tap2.training-calendar {
	border-collapse:collapse;
}

table.tap2.training-calendar tr {
}

table.tap2.training-calendar th {
	vertical-align: top;
	padding-top: 15px;
	padding-bottom: 5px;
	text-align: left;
	font-weight: normal;
	border-width: 0 0 1px 0;
	border-color: white;
	border-style: solid;
}

table.tap2.training-calendar td {
	vertical-align: top;
	padding-bottom: 12px;
	text-align: left;
	border-width: 0 0 1px 0;
	border-color: white;
	border-style: solid;
}

table.course-info {
	border-collapse:collapse;
	font-size: 11pt;
	width: 95%;
}
table.course-info th {
	vertical-align: top;
	text-align: left;
	border: solid 1px #000;
	font-size: 10pt;
}

table.course-info td {
	vertical-align: top;
	text-align: left;
	border: solid 1px #000;
}


h3 {color:black; font-size:16pt; font-weight:bold; line-height: 26px; font-family:Verdana,sans-serif;}

p.note {
	font-style: italic;
	font-size: 10pt;
	line-height: 11pt;
	margin-top: 2px;
}

h4 {color:black; font-size:12pt; font-weight:bold; font-family:Verdana,sans-serif; margin-bottom: 4px;}

/* bottom credits style and #clear and #wrapper which are used when ensuring the bottom credits go below everything else*/

div.bottomcredits{border-top: 2px solid white; border-bottom: 10px solid white; background-color: white; margin-left:0px; width:740px; font:8pt "Verdana",sans-serif; color:black; text-align:center;}

div.bottomcredits_results{border:1px solid black;
										margin:3px;
										padding:3px;
										background-color: #FFFFFF;
										font:8pt "Verdana",sans-serif; color:black; 
										text-align:center;}


#clear{clear: both;}

#wrapper {margin: 0; padding: 0;}

div.bottom_announcement{
		    margin-bottom:10px;
		    margin-top:0px;
		    margin-left:0px;
		    margin-right:0px;
		    border:none;
		    background-color: #C8E5EC;
		    width: 730px;
		    padding: 5px;
		    }

div.bottom_announcement_box{
		    margin: 0px;
		    border:solid 1px gray;
		    padding: 0px;
		    width: 730px;
		    font-size: 10pt;
		    
		    }

/* link behaviour */

a.redlink{text-decoration: none;font-family:"Comic Sans MS",sans-serif;}
a.redlink:link{color:#CC3300;}
a.redlink:visited{color:#CC3300;}
a.redlink:hover{color:#FF8E67;}
a.redlink:active{color:#CC3300;}

a.miniredlink{text-decoration: none;font-family:"Comic Sans MS",sans-serif; font-size:9pt;font-weight:bold;}
a.miniredlink:link{color:#CC3300;}
a.miniredlink:visited{color:#CC3300;}
a.miniredlink:hover{color:#FF8E67;}
a.miniredlink:active{color:#CC3300;}

a.stdredlink{text-decoration: none;font-family:"Comic Sans MS",sans-serif; font-size:12pt; line-height:13pt;}
a.stdredlink:link{color:#CC3300;}
a.stdredlink:visited{color:#CC3300;}
a.stdredlink:hover{color:#FF8E67;}
a.stdredlink:active{color:#CC3300;}

a.stdredlink2{text-decoration: none;font-family:"Comic Sans MS",sans-serif; font-size:12pt; font-weight:normal;}
a.stdredlink2:link{color:#CC3300;}
a.stdredlink2:visited{color:#CC3300;}
a.stdredlink2:hover{color:#FF8E67;}
a.stdredlink2:active{color:#CC3300;}

/*black link for lighter backgrounds*/
a.blacklink1{text-decoration: none;}
a.blacklink1:link{color:black;}
a.blacklink1:visited{color:black;}
a.blacklink1:hover{color:#999999;}
a.blacklink1:active{color:black;}

/*black link for lighter backgrounds: comic sans*/
a.blacklink1cs{text-decoration: none;font-family:"Comic Sans MS",sans-serif;}
a.blacklink1cs:link{color:black;}
a.blacklink1cs:visited{color:black;}
a.blacklink1cs:hover{color:#888888;}
a.blacklink1cs:active{color:black;}

/*black link for darker backgrounds*/
a.blacklink2{text-decoration: none;}
a.blacklink2:link{color:black;}
a.blacklink2:visited{color:black;}
a.blacklink2:hover{color:#999999;}
a.blacklink2:active{color:black;}


a.menubar{text-decoration: none; font-size:10pt; font-weight:bold; font-family: "Verdana",sans-serif;}
a.menubar:link{color:black;}
a.menubar:visited{color:black;}
a.menubar:hover{color:white;}
a.menubar:active{color:black;}