/* this style sheet covers content and content placement for internal pages  */

 
 

/*  start edit 04-05-2004 EF aka BF these two classes allow the purple left strip and
    the top yellow strip to extend as the resolution and page size change */
	
.purple_left
     {
     background-image: url("../images/purple_white_shim.png"); 
     background-color: #ffffff;
     background-repeat: repeat-y;
	 }
	 
.purple_left2
     {
     background-image: url("../images/purple_white_shim.png"); 
     background-color: #FFDC71;
     background-repeat: repeat-y;
	 }
	 
.purple_left3
     {
     background-image: url("../images/purple_white_shim.png"); 
     background-color: #FFEEAA;
     background-repeat: repeat-y;
	 }
 
.purple_top
    {
	   background-image: url("../images/toppurple_shim.jpg"); 
	   background-color: #ffffff;
	   background-repeat: repeat-x;
	}	 
 
.yellow_top
    {
	   background-image: url("../images/yellow_shim.png"); 
	   background-color: #ffffff;
	   background-repeat: repeat-x;
	}
	
.yellow_top2
    {
	   background-image: url("../images/yellow_shim.png"); 
	   background-color: #FFDC71;
	   background-repeat: repeat-x;
	}
	
.yellow_top3
    {
	   background-image: url("../images/yellow_shim.png"); 
	   background-color: #FFEEAA;
	   background-repeat: repeat-x;
	}
/*end edit 04-05-2004 */	







#skip {
        position:absolute; 
		top:  -2px;
        left: 55px;  
       			
		}

#location {POSITION: absolute; top:130px; left:50px; z-index:5}

#location_old {POSITION: absolute; top:130px; left:185px; z-index:5}

#location_down {POSITION: absolute; top:300px; left:185px; z-index:5}

#location_down2 {POSITION: absolute; top:425px; left:185px; z-index:5}


.content {
	color:#000000; 
	font-family:'times new roman'; 
	font-size:12px; z-index:50
}

#bot {
color:#B6A7AD;
font-family:tahoma,arial,helvetica; 
font-size:8px; 
z-index:50;
}

/*Start edit 04-19-2004 EF aka BF this class allow "Human resource" to be
at the top of the page above the title. files are /client.../hr/XXX.html */
.sub_goldtitle {
    font-family: arial; 
    /* font-family: century schoolbook,'times new roman', serif;  */
    font-size: 13px;
    color: #69026D;
    text-decoration: none;
    font-weight: 600;
	letter-spacing: 5px;
	}
/*end edit 04-19-2004 */
	
	
.goldtitle {
    font-family: arial;  
    /* font-family: century schoolbook,'times new roman', serif;   */
    font-size: 26px;
    color: #69026D;
    text-decoration: none;
    font-weight: 500;
	}
	
	
/*  these next two control the right-hand titles on the three wcucourses html pages(index.html, cards.html, coaches.html) */	
.goldtitleOD1 {
    font-family: arial; 
    font-size: 13px;
    color: #69026D;
    text-decoration: none;
    font-weight: 600;
	letter-spacing: 5px;
	margin-top: 5px;	
	margin-bottom: 10px;
	}

.goldtitleOD2 {
    font-family: arial;  
    font-size: 20px;
    color: #69026D;
    text-decoration: none;
    font-weight: 500;
	}	
	
	
	
/*  these next two control the right-hand titles on the three wcucourses html pages(index.html, cards.html, coaches.html) */	
.sub_goldtitleOD1 {
    font-family: arial; 
    font-size: 13px;
    color: #69026D;
    text-decoration: none;
    font-weight: 600;
	letter-spacing: 5px;
	margin-top: 5px;	
	margin-bottom: 10px;
	}

.sub_goldtitleOD2 {
    font-family: arial;  
    font-size: 18px;
    color: #69026D;
    text-decoration: none;
    font-weight: 500;
	margin-top: 8px;
	}		
	
	
	

/*  tested on student_progress.html and lead-develop.html makes title smaller */
.hr_goldtitle {
  /*  font-family: tahoma, arial;   */
    font-family: 'times new roman', serif; 
    font-size: 28px;
    color: #69026D;
    text-decoration: none;
    font-weight: 400;
	}	

	
.ave_goldtitle {
  /*font-family: tahoma, arial;   */
    font-family: 'times new roman', serif; 
    font-size: 30px;
    color: #69026D;
    text-decoration: none;
    font-weight: 400;
	}	
	
#headline { 
    font-family: 'times new roman', serif; 
    font-size: 24px;
    color: #69026D;
    text-decoration: none;
    font-weight: 400;
	position: relative;
	top: -25px;
	left: 0px;
	}		


/* this starts the very top right nav (no javascript menu involved with this nav)....TOP RIGHT    TOP RIGHT    TOP RIGHT    TOP RIGHT   */ 



/*----------------------------------link styles--------------------------*/





a.topnav:link{
    font-family: tahoma, arial;
    font-size: 10px;
    color: #69026D;
    text-decoration: none;
    font-weight: 400;
      }

a.topnav:visited{
    font-family: tahoma, arial;
    font-size: 10px;
    color: #69026D;
    text-decoration: none;
    font-weight: 400;
      }
	  
a.topnav:hover{
    color: #FFFFFF;
	font-size: 10px;
    text-decoration: none;	
       }
	  

/*#toprightnav{
    position: absolute;
	top: 9;
	left: 430;
       }		   
  	   
.toprightnav2{
    position: relative;
	top: -17px;
	left: 0px;
       }	/*/
	  
a:link{
    font-family: verdana, tahoma, arial;
    font-size: 13px;
    color: #7c7c7c;
    text-decoration: none;
    font-weight: 500;
      }

	  
a:visited{
    font-family: verdana, tahoma, arial;
    font-size: 13px;
    color: #7c7c7c;
    text-decoration: none;
    font-weight: 500;
    }
	
	
a:hover{
    color: #cc9933;
	font-size: 13px;
    text-decoration: underline;	
       }


	   
a.contentlink:link{
    font-family: serif;
    font-size: 13px;
    color: #7c7c7c;
    text-decoration: none;
    font-weight: 500;
    }

a.contentlink:visited{
    font-family: serif;
    font-size: 13px;
    color: #7c7c7c;
    text-decoration: none;
    font-weight: 500;
    }

a.contentlink:hover{
    color: #cc9933;
    text-decoration: underline;	
    }
	
a.botnav:link{
    font-family: serif;
    font-size: 11px;
    color: #7a656f;
    text-decoration: none;
    font-weight: 500;
    }

a.botnav:visited{
    font-family: serif;
    font-size: 11px;
    color: #7a656f;
    text-decoration: none;
    font-weight: 500;
    }

a.botnav:hover{
    color: #69026d;
    text-decoration: underline;	
    }
	
	
  /*--- This seems to be the style for the skip nav button but
 ----  if used it makes the color yellow and the font small
 ---- so I used class = 'topnav' for the skip nav button since
 ---- the colors were right.. i do not know what this is for
 ---- so I will leave it here for now .. kd 4/1/04------*/
a.skipnav:link{
    font-family:  'times new roman', serif;
    font-size: 9px;
    color: #ffff00;
    text-decoration: none;
    font-weight: 500;
	position: absolute;
	left: 10px;
	top: -10px;
    }

a.skipnav:visited{
    font-family:  'times new roman', serif;
    font-size: 9px;
    color: #ffff00;
    text-decoration: none;
    font-weight: 500;
    }

a.skipnav:hover{
    color: #0000ff;
    text-decoration: underline;	
    }	
  

a.type1:link{
    font-family: tahoma, arial;
    font-size: 20px;
    color: #0000ff;
    text-decoration: none;
    font-weight: 400;
    }

a.type1:visited{
    font-family: tahoma, arial;
    font-size: 20px;
    color: #0000ff;
    text-decoration: none;
    font-weight: 400;
    }

a.type1:hover{
    color: #ff0000;
    text-decoration: underline;	
    }	  
	  
	  
	   
#top_pipes{
    font-family: tahoma, arial;
    font-size: 10px;
         }	 

	

.toprightnav2{
    position: relative;
	top: -10px;
	left: 0px;
       }		  
		
		 
/*
#toprightnav{
    position: relative;
	top: -150px;
	left: 440px;
       }		   
*/
	   
/*----------- This is message for browser with no javascript directs them to site map ---*/
.noscripttext
{
	position:relative;
	left:180px;
	top:0px;
	font-family: tahoma, arial;
	font-size:13px;
}


/* -------- This is for the site map ---------*/
.sitemap
{
	position:relative;
	left:200px;
	top:-30px;
}

/* -------- This is for the site map bottom nav ---------*/
.sitemapnav
{
	position:relative;
	left:90px;
	top:0px;
}



/* -------- This is for the front page placement of logos ---------*/
.logo1
      {
    position: absolute;
	top: 88px;
	left: 0px;
       }		

.logo2
      {
    position: absolute;
	top: 80px;
	left: 450px;
       }