/*Fundations
modified by Rose Goldsborough 051205 */


/* IMPORTANT -- IMPORTANT -- IMPORTANT -- IMPORTANT -- IMPORTANT -- IMPORTANT -- IMPORTANT -- */
/* This does not control the index page. You have to change the styles on index-style.css also */



body {
     color: #ffffff;
     margin-top: 0px;
     margin-left: 0px;

     /* Below is the vertical left yellowblue line that goes BEHIND the navigation to the bottom of the page. it was img4 in style sheet */
     background-image: url("../images/v_l_lines.gif"); /* This is the vertical left yellowblue line that goes BEHIND the navigation to the bottom of the page */
     background-repeat: repeat-y; 
     z-index: 20;

}

li.faq {
margin: 1.3em 0 1.3em 0;
}

/* The following commands set up the images on the pages reg */
.img1 {                      /* This is header.jpg*/
	position:relative;
	top:0px;
	left: 0px;
	z-index: 2;
}	
	
.img2 {                     /* This is filler.jpg*/
background: url("../images/filler.jpg") repeat-x;
position:absolute;
top:3px;
right: 10px;
width: 90%;   /*this guy is coming in from right...doesn't need to be 100%*/
}	
	
.img3 {                  /* This is right_col.jpg*/
position:absolute;
top:1px;
right: 0px;
z-index: 20;
}	
		
.img4 {                      /* This is shadow.jpg*/
position:absolute;
top:135px;
left: 9px;
}	


.img5 {						/* This is logo.gif */
position:absolute;
top:0px;
left:0px;
}

.img6 {						/* This is the logo */
position:absolute;
top:0px;
left:0px;                                       /*made left:0px from 30px for flash banner */
z-index: 100;
padding:0;
}

.img7 {						/* This is v_r_lines.gif */
position:absolute;
bottom:150px;
right:0px;
}

.img8 {
position: absolute;
bottom: 0px;
right: 0px;
z-index: 100;
height: 100%;
background-image: url("../images/v_r_lines.gif");
background-repeat: repeat-y;
}	

/* ====================================
    pic commands for the mod_s_u page 
   ==================================== */
.pic1 {
position: absolute;
top: 350px;
right: 55px;
z-index: 200;
}   

.pic2 {
position: absolute;
top: 500px;
right: 55px;
z-index: 200;
}      
	
	
.leftnav
{
	position:absolute;
	left:0px;
	top:0px;
	width: 200px;
	z-index: 100;
}		
	
	

/* this is the OUTSIDE box that contains the vertical RIGHT yellowblue line.  It also contains the entire content element below */
.contentbox  
{    
	position:absolute;
	right:0px;
	top:110px;
      width: 98%;     
      background-image: url("../images/v_r_lines.gif"); 
      background-repeat: repeat-y; 
      background-position: right;
}	
	


.content
{
      margin-left: 130px;
      width: 79%;
	font-family: tahoma, arial;
	font-size:12px;
	color: #224193;
      background-color: #FFFFFF;
	  line-height: 120%;
}	
	
	   
	
	
	/* These two tags are for the headers of all the pages */
	
.fund_header
{
font-family: tahoma, arial;
font-size: 30px;
font-weight: 600;
}

.ations_header
{
font-family: tahoma, arial;
font-style: italic;
font-size: 30px;
font-weight: 300;
}	
	

/* These tags are for all body copy links  */
a.body:link{
    font-family: tahoma, arial;
    font-size: 12px;
    color: #224193;
    text-decoration: none;
      }

a.body:visited{
    font-family: tahoma, arial;
    font-size: 12px;
    color: #224193;
    text-decoration: none;
     }
	  
a.body:hover{
    color: #FECF21;
	font-size: 12px;
    text-decoration: none;	
       }
	   
/* These tags are for link to form  */	   
a.body2:link{
    font-family: tahoma, arial;
    font-size: 15px;
    color: #224193;
	font-weight: bold;
    text-decoration: underline;
      }

a.body2:visited{
    font-family: tahoma, arial;
    font-size: 15px;
    color: #224193;
	font-weight: bold;
    text-decoration: underline;
     }
	  
a.body2:hover{
    color: #FECF21;
	font-size: 15px;
	font-weight: bold;
    text-decoration: underline;	
       }	   
	   
/* These tags are for links with underline  */	   
a.body3:link{
    font-family: tahoma, arial;
    font-size: 12px;
    color: #224193;
    text-decoration: underline;
      }

a.body3:visited{
    font-family: tahoma, arial;
    font-size: 12px;
    color: #224193;
    text-decoration: underline;
     }
	  
a.body3:hover{
    color: #FECF21;
	font-size: 12px;
    text-decoration: underline;	
       }



	   

	   /* These tags are for all list item links links  */
a.li:link{
    font-family: tahoma, arial;
    font-size: 14px;
	font-weight: bold;
    color: #224193;
    text-decoration: none;
      }

a.li:visited{
    font-family: tahoma, arial;
    font-size: 14px;
	font-weight: bold;
    color: #224193;
    text-decoration: none;
     }
	  
a.li:hover{
    color: #FECF21;
	font-size: 14px;
	font-weight: bold;
    text-decoration: none;	
       }
	   
	   
.li_text{
    font-family: tahoma, arial;
    font-size: 14px;
	font-weight: bold;
    color: #224193;
    text-decoration: none;
      }	   


.sub_head
{
 	font-family: tahoma, arial;
    font-size: 20px;
    color: #224193;
	font-weight: 600;
	}

/* Sub Head - links */	
a.sub_head:link
{
 	font-family: tahoma, arial;
    font-size: 20px;
    color: #224193;
	font-weight: 600;
	text-decoration: none;
	}	
	
a.sub_head:visited
{
 	font-family: tahoma, arial;
    font-size: 20px;
    color: #224193;
	font-weight: 600;
	text-decoration: none;
	}	
	
a.sub_head:hover
{
 	font-family: tahoma, arial;
    font-size: 20px;
    color: #FECF21;
	font-weight: 600;
	text-decoration: none;
	}		
	

.about_pic
{
position:absolute;
bottom:450px;
right:35px;
}



/*



a.skip:link		
	{
	color:#FEDC71;
	font-family:Verdana,Arial;
	font-size:9px;
	text-decoration: none;
	}
	
a.skip:visited{
	color:#FEDC71;
	font-family:Verdana,Arial;
	font-size:9px;
	text-decoration: none;
	}

a.skip:hover{
	color:#009966;
	font-family:Verdana,Arial;
	font-size:9px;
	text-decoration: none;
	}
	
.skip{
	position:absolute; 
	top:  2px;
    left: 37px;  
	}
	*/
	
/*  the next 4 commands controls the link and placements of the css for the nojavascript command*/	
/*
a.nojs_internal:link 
    {
     color: #69026D;
	 text-decoration:none;
	 font-weight: 700;
    }

a.nojs_internal:visited 
   {
    color: #69026D;
	text-decoration:none;
	font-weight: 700;				   
   }

a.nojs_internal:hover 
   {
    color: #ebb819;
	font-weight: 700;				   
   }	
   */   
	
/*----------- This is message for browser with no javascript directs them to site map ---*/

.noscripttext
{
	position:absolute;
	left:220px;
	top:18px;
	width: 375px;
	font-family: tahoma, arial;
	font-size:13px;
	z-index: 97;
}
/*
.noscripttext_external
{
	position:absolute;
	left:200px;
	top:2px;
	width: 250px;
	font-family: tahoma, arial;
	font-size:12px;
	z-index: 96;
}

	
	*/
	
	
.clCMEvent {
	LEFT: 0px; 
	VISIBILITY: visible; 
	WIDTH: 99%; 
	CLIP: rect(0px 100% 100% 0px); 
	POSITION: absolute; 
	TOP: 0px; 
	HEIGHT: 99%;
}
.clCMAbs {
	LEFT: 0px; 
	VISIBILITY: hidden; 
	POSITION: absolute; 
	TOP: 0px;
}
.clBar {
	VISIBILITY: visible; 
	WIDTH: 0px; /* was set to 10px - changing to 0px fixes the bug */
	POSITION: absolute; 
	HEIGHT: 10px; 
	BACKGROUND-COLOR: #FFCC00;
}

/* ...LEFT....LEFT....LEFT....LEFT....LEFT....LEFT....LEFT....LEFT....LEFT....LEFT....LEFT....LEFT....LEFT....LEFT....LEFT....LEFT.... */

/* this gives a border to the top level nav.  */
/*Styles for level 0*/
.clLevel0,.clLevel0over{
	position:absolute; 
	padding:3px; 
	font-family:arial; 
	font-size:11px; 
	font-weight:bold;
}

.clLevel0{
	background-color:#FFFFFF; 
	color:#224193;
}

.clLevel0over{
	background-position:100% 0%; 
	background-color:#FFFFFF; 
	layer-background-color:#FFFFFF; 
	color:#FFCC00; 
	cursor:pointer; 
	cursor:hand; 
	background-repeat:no-repeat; 
} 

.clLevel0border{
	position:absolute; 
	visibility:visible; 
	border-color:#FFCC00; 
	boder-style:solid; 
	border-width:thick;
}  


/*Styles for level 1 */
.clLevel1, .clLevel1over{
	position:absolute; 
	padding:5px; 
	font-family:arial; 
	font-size:11px; 
	font-weight:bold;
}

.clLevel1{
	background-color:#FFFFFF; 
	color:#224193;
}

.clLevel1over{
	background-position:100% 0%; 
	background-color:#FFFFFF; 
	layer-background-color:#FFFFFF; 
	color:#FFCC00; 
	cursor:pointer; 
	cursor:hand; 
	background-repeat:no-repeat; 
}
 
.clLevel1border{
	position:absolute; 
	visibility:visible; 
	border-color:#FFCC00; 
	border-style:solid;
	border-width:thick; 
}


