/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body{
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#fff;	
	font-family: Verdana;
	font-size:13px;
	color:#fff;
	font-weight:lighter;
	padding-top:5px;
	line-height:16px;
}


div#mainbox{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:780px;	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background:#333333 url(images/maincontent.gif) repeat-y;

}


div#header {height:170px;background:#000 url(images/canadiandanceteachers3.jpg) no-repeat;text-align:left;}

#bannertxt1red{position:relative;top:5px;left:3px;font-family: Verdana;font-size:26px;color: #ff3333;font-style:normal;font-weight: bold;margin-left:4px;}
#bannertxt2red{position:absolute;top:18px;left:682px;font-family: Verdana; font-size: 14px; color: #ff0000;font-style:normal;font-weight: bold;}

#bannertxt1purple{position:relative;top:5px;left:3px;font-family: Verdana;font-size:26px;color: #cc99ff;font-style:normal;font-weight: bold;margin-left:4px;}
#bannertxt2purple{position:absolute;top:18px;left:682px;font-family: Verdana; font-size: 14px; color: #cc99ff;font-style:normal;font-weight: bold;}

#bannertxt1pink{position:relative;top:5px;left:3px;font-family: Verdana;font-size:26px;color: #ff99ff;font-style:normal;font-weight: bold;margin-left:4px;}
#bannertxt2pink{position:absolute;top:18px;left:682px;font-family: Verdana; font-size: 14px; color: #ff99ff;font-style:normal;font-weight: bold;}

#bannertxt1orange{position:relative;top:5px;left:3px;font-family: Verdana;font-size:26px;color: #ff9900;font-style:normal;font-weight: bold;margin-left:4px;}
#bannertxt2orange{position:absolute;top:18px;left:682px;font-family: Verdana; font-size: 14px; color: #ff9900;font-style:normal;font-weight: bold;}

#bannertxt1yellow{position:relative;top:5px;left:3px;font-family: Verdana;font-size:26px;color: #ffcc00;font-style:normal;font-weight: bold;margin-left:4px;}
#bannertxt2yellow{position:absolute;top:18px;left:682px;font-family: Verdana; font-size: 14px; color: #ffcc00;font-style:normal;font-weight: bold;}

#bannertxt1seafoam{position:relative;top:5px;left:3px;font-family: Verdana;font-size:26px;color: #66ffff;font-style:normal;font-weight: bold;margin-left:4px;}
#bannertxt2seafoam{position:absolute;top:18px;left:682px;font-family: Verdana; font-size: 14px; color: #66ffff;font-style:normal;font-weight: bold;}



div#topnav{position:absolute;left:249px;z-index:6;top:38px; background-color:#000}
div#navbar{background-color:#000000; width:780px; height:26px;}

.blacktitle{font-weight:lighter; font-size:15px; color:#000000; letter-spacing:0.2mm; font-weight:bold}
.pinktitle{font-weight:lighter; font-size:15px; color:#ff99ff; letter-spacing:0.2mm;}
.purpletitle{font-weight:lighter; font-size:15px; color:#cc99ff; letter-spacing:0.2mm;}
.yellowtitle{font-weight:lighter; font-size:15px; color:#ffcc00; letter-spacing:0.2mm;}
.whitetitle{font-weight:lighter; font-size:14px; color:#ffffff; letter-spacing:0.2mm; font-weight:bold}
.seafoamtitle{font-weight:lighter; font-size:15px; color:#66ffff; letter-spacing:0.2mm;}
.orangetitle{font-weight:lighter; font-size:15px; color:#ff9900; letter-spacing:0.2mm;}
div#emptyblk{position:absolute;left:5px; font-weight:bold; font-size:15px; color:#ff99ff; letter-spacing:0.2mm; padding-top:4px}


div#navbartxt{position:relative;left:173px; width:645px;top:5px}

div#content {
	padding:5px 10px 5em 10px; /* bottom padding for footer */
}

div#footer {
	position:absolute;
	width:100%;
	bottom:0px; /* stick to bottom */
	background:#333;
	height:35px;
	z-index:10;
}
	
	#footertxt
            {
            font-family: Verdana; font-size: 11px; 
			font-weight:lighter;
			text-align:left;
            }				
 		a.footer,a.footer:visited,a.footer:link, a.footer:active  
			{
             font-family: Verdana; font-size: 11px; color: #ffffff;
			font-weight:lighter;
            }
               
          a.footer:hover  
			{
           	 font-family: Verdana; font-size: 11px; color: #ffffff;
			font-weight:lighter;
	       }	    		   
		
	       
	       a.ballroom,a.ballroom:visited,a.ballroom:link, a.ballroom:active  
			{
            color : #cc99ff;text-decoration : none;font-family : Verdana;font-size : 12px; font-weight : lighter;
            }
               
          a.ballroom:hover  
			{
           	color : #ffffff;text-decoration : none;	font-family : Verdana;font-size : 12px;	font-weight : lighter;
	       }
		   
		   a.stage,a.stage:visited,a.stage:link, a.stage:active  
			{
            color : #ffffff;text-decoration : none;font-family : Verdana;font-size : 12px; font-weight : lighter;
            }
               
          a.stage:hover  
			{
           	color : #ff9900;text-decoration : none;	font-family : Verdana;font-size : 12px;	font-weight : lighter;
	       }	 
	      a.national,a.national:visited,a.national:link, a.national:active  
			{
            color : #ffcc00;text-decoration : none;font-family : Verdana;font-size : 12px; font-weight : lighter;
            }
               
          a.national:hover  
			{
           	color : #ffffff;text-decoration : none;	font-family : Verdana;font-size : 12px;	font-weight : lighter;
	       }	 
		 a.ballet,a.ballet:visited,a.ballet:link, a.ballet:active  
			{
            color : #ffffff;text-decoration : none;font-family : Verdana;font-size : 12px; font-weight : lighter;
            }
               
          a.ballet:hover  
			{
           	color : #ff66ff;text-decoration : none;	font-family : Verdana;font-size : 12px;	font-weight : lighter;
	       }	
		
	     a.modern,a.modern:visited,a.modern:link, a.modern:active  
			{
            color : #66ffff;text-decoration : none;font-family : Verdana;font-size : 12px; font-weight : lighter;
            }
               
          a.modern:hover  
			{
           	color : #ffffff;text-decoration : none;	font-family : Verdana;font-size : 12px;	font-weight : lighter;
	       }	
		  a, A:link, a:visited, a:active  
		  {
			text-decoration : none;font-family: Verdana; font-size: 12px; color: #ffffff;
           }
         
          A:hover  
          {
         	text-decoration : none;font-family: Verdana; font-size: 12px; color: #000000;
           } 
           a.hype2, A.hype2:link, a.hype2:visited, a.hype2:active  
		  {
			text-decoration : none;font-family: Verdana; font-size: 12px; color: #ffffff;
           }
         
          A.hype2:hover  
          {
         	text-decoration : none;font-family: Verdana; font-size: 12px; color: #999999;
           } 
            
             a.hype1,a.hype1:visited,a.hype1:link, a.hype1:active  
			{
            color : #ccff99;text-decoration : none;font-family : Verdana;font-size : 12px; 
            }
               
          a.hype1:hover  
			{
           	color : #660000;text-decoration : none;	font-family : Verdana;font-size : 12px;	
	       }	
          a.hype3,a.hype3:visited,a.hype3:link, a.hype3:active  
			{
            color : #660000;text-decoration : none;font-family : Verdana;font-size : 12px; font-weight : bold;
            }
               
          a.hype3:hover  
			{
           	color : #ffffff;text-decoration : none;	font-family : Verdana;font-size : 12px;	font-weight : bold;
	       }	
	        a.hype4,a.hype4:visited,a.hype4:link, a.hype4:active  
			{
            color : #660000;text-decoration : none;font-family : Verdana;font-size : 15px; font-weight : bold;
            }
               
          a.hype4:hover  
			{
           	color : #ffffff;text-decoration : none;	font-family : Verdana;font-size : 15px;	font-weight : bold;
	       }	
	       
               
          a.purple, A.purple:link, a.purple:visited, a.purple:active  
		  {
			text-decoration : none;font-family: Verdana; font-size: 12px; color: #ffffff;
           }
         
          A.purple:hover  
          {
         	text-decoration : none;font-family: Verdana; font-size: 12px; color: #cc99ff;
           } 
           
          A.pink, A.pink:link, a.pink:visited, a.pink:active  
		  {
			text-decoration : none;font-family: Verdana; font-size: 12px; color: #ffffff;
		  }
         
          A.pink:hover  
          {
         	text-decoration : none;font-family: Verdana; font-size: 12px; color: #ff99ff;
           } 
            A.orange, A.orange:link, a.orange:visited, a.orange:active  
		  {
			text-decoration : none;font-family: Verdana; font-size: 12px; color: #ffffff;
           }
         
          A.orange:hover  
          {
         	text-decoration : none;font-family: Verdana; font-size: 12px; color: #ff9900;
           } 
           
         A.yellow, A.yellow:link, a.yellow:visited, a.yellow:active  
		  {
			text-decoration : none;font-family: Verdana; font-size: 12px; color: #ffffff;
           }
         
          A.yellow:hover  
          {
         	text-decoration : none;font-family: Verdana; font-size: 12px; color: #ffcc00;
           } 
           A.seafoam, A.seafoam:link, a.seafoam:visited, a.seafoam:active  
		  {
			text-decoration : none;font-family: Verdana; font-size: 12px; color: #ffffff;
           }
         
          A.seafoam:hover  
          {
         	text-decoration : none;font-family: Verdana; font-size: 12px; color: #66ffff;
           } 
             A.gr, A.gr:link, a.gr:visited, a.gr:active  
		  {
			text-decoration : none;font-family: Verdana; font-size: 12px; color: #ffffff;
           }
         
          A.gr:hover  
          {
         	text-decoration : none;font-family: Verdana; font-size: 12px; color: #66ff99;
           } 
           
             a.hype5,a.hype5:visited,a.hype5:link, a.hype5:active  
			{
            color : #000;text-decoration : none;font-family : Verdana;font-size : 12px;
            }
               
          a.hype5:hover  
			{
           	color : #fff;text-decoration : none;}