/* Top Nav with Image Mouseover  */

.cssnav	{
	position:relative;
	font-family: arial, verdana, helvetica, sans-serif;
	background-image: url(../images/bkg-topnav2.jpg);
	background-repeat: repeat-x;
	display: block;
	width: 125px;height: 25px;
	margin: 0; 
	margin-bottom:0px;
	padding: 0; 
	}

.cssnav a {
	display:block;
	font-size: 11px;
	width: 125px;
	height: 25px;
	display: block;float: left;
	margin: 0;
	padding: 0;
	color: black; 
	text-decoration: none; 
	}
	
.cssnav img {
	width: 100%; 
	height: 100%; 
	border: 0; 
	}

* html a:hover {
	visibility:visible
	}

.cssnav a:hover img{visibility:hidden}

.cssnav span {	
	position:absolute;	
	left:5px;	
	top:3px;	
	margin:0;	
	cursor: pointer;
	}

/* End Top Nav with Image Mouseover  */


/*   Top Nav with Penn Foster College    */

.topnavpfc {
	font-size:10px; 
	font-weight:bold; 
	line-height:11px; 
	padding:3px; 
	background: #D9E9D4 url(../images/bkg-topnav.jpg) repeat-x scroll left bottom
}

/*   End Top Nav with Penn Foster College    */



/* --------- Horizontal Buttons TOP NAV---------------  */

#topnavhome ul
{
	padding: 0;
	margin: 0px;
/*	background-color: #C1CEBD; */
	background: url(../images/bkg-button-top.gif) repeat-x scroll left top;
	color: #ffffff;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	list-style-image: none;
} /* EEDC82 */

#topnavhome ul li {
	display: inline;
}

#topnavhome ul li a
{
	padding: 5px 13px 5px 13px;
/*	background-color: #C1CEBD;*/
	background: url(../images/bkg-button-top.gif) repeat-x scroll left top;
	color: #000000;
	text-decoration: none;
	float: left;
	border-left: 1px solid #666666;
}

#topnavhome ul li a:hover
{
/* 	background-color: #cccccc; */
	background: url(../images/bkg-button-top2.gif) repeat-x scroll left top;
	color: #000000;
	text-decoration: underline;
}



/* --------- Horizontal Buttons TOP NAV---------------  */

#topnav ul
{
	padding: 0;
	margin: 0px;
	background-color: #C1CEBD; 
/*	background: url(../images/bkg-button-top.gif) repeat-x scroll left top;*/
	color: #ffffff;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	list-style-image: none;
	border-left: 1px solid #666666;
} /* EEDC82 */

#topnav ul li {
	display: inline;
}

#topnav ul li a
{
	padding: 3px 5px 3px 5px;
	background-color: #C1CEBD;
/*	background: url(../images/bkg-button-top.gif) repeat-x scroll left top;*/
	color: #000000;
	text-decoration: none;
	text-align: center;
	float: left;
/*	border-left: 1px solid #666666;*/
	border-right: 0px solid #C1CEBD;
}

#topnav ul li a:hover
{
 	background-color: #cccccc; 
/*	background: url(../images/bkg-button-top2.gif) repeat-x scroll left top;*/
	color: #000000;
	text-decoration: underline;
}

/* --------- School of Buttons - Vertical nav ---------------  */

#schoolof ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
list-style-image: none;
border-left: 1px solid #EEDC82;
border-right: 1px solid #EEDC82;
border-bottom: 1px solid #EEDC82;

}

#schoolof a
{
display: block;
padding: 2px 3px 2px 8px;
width: 110px;
/*background: #EEDC82 url(../images/cat_bkg.gif) repeat-x scroll left top;*/
border-bottom: 0px solid #ffffff;
border-top: 1px solid #EEDC82;
border-bottom: 2px solid #ffffff;
background-color: #FFF8D5;
text-align: center;
color: #000000;
text-decoration: none;
}


#schoolof a:hover
{
/* background: #E6D9B1 url(../images/bkg-school-buttons2.gif) repeat-y scroll left top; */
background-color: #FFEFA6;
color: #666666;
text-decoration: underline;
}

/* --------- Complete List Button - Vertical nav ---------------  */

#completelist ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
list-style-image: none;
border-left: 1px solid #97AC91;
border-right: 1px solid #97AC91;
border-bottom: 1px solid #97AC91;

}

#completelist a
{
display: block;
padding: 2px 3px 2px 8px;
width: 240px;
/* background: #EEDC82 url(../images/bkg-school-buttons.gif) repeat-y scroll left top;*/
border-bottom: 0px solid #ffffff;
border-top: 1px solid #97AC91;
border-bottom: 1px solid #ffffff;
background-color: #DEE5DD;
text-align: center;
color: #000000;
text-decoration: none;
}


#completelist a:hover
{
/* background: #E6D9B1 url(../images/bkg-school-buttons2.gif) repeat-y scroll left top; */
background-color: #C1CEBD;
color: #666666;
text-decoration: underline;
}



/* --------- Student Login Button TOP NAV---------------  */

#studentlogin ul   {
	padding: 0;
	margin: 0px;
	background-color: #670001;
	color: #ffffff;
	float: left;
	width: 150px;
	font-family: arial, helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	text-align: center;
}

#studentlogin ul li { display: inline; }

#studentlogin ul li a   {
	padding: 5px 0px 5px 0px;
	background-color: #670001;
	color: #ffffff;
	text-decoration: none;
	float: left;
	border-left: 0px solid #ffffff;
	width: 150px;
}

#studentlogin ul li a:hover   {
	background-color: #cccccc;
	color: #000000;
	width: 150px;
}

/* --------- Program Pages Nav Buttons - Vertical nav ---------------  */

#programnav ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
list-style-image: none;
border-left: 1px solid #EEDC82;
border-right: 1px solid #EEDC82;
border-bottom: 1px solid #EEDC82;

}

#programnav a
{
display: block;
padding: 5px 0px 4px 8px;
width: 157px;
/* background: #EEDC82 url(../images/bkg-school-buttons.gif) repeat-y scroll left top;*/
border-top: 1px solid #EEDC82;
border-bottom: 2px solid #ffffff;
background-color: #FFF8D5;
text-align: left;
color: #000000;
text-decoration: none;
}


#programnav a:hover
{
/* background: #E6D9B1 url(../images/bkg-school-buttons2.gif) repeat-y scroll left top; */
background-color: #FFEFA6;
color: #666666;
text-decoration: underline;
}

/* --------- Program Pages Nav Enroll Buttons - Vertical nav ---------------  */


/* --------- Program Nav for College button - Vertical nav ---------------  */

#programnavpfc ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
list-style-image: none;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;

}

#programnavpfc a
{
display: block;
padding: 5px 0px 4px 8px;
width: 157px;
/* background: #EEDC82 url(../images/bkg-school-buttons.gif) repeat-y scroll left top;*/
border-top: 1px solid #666666;
border-bottom: 0px solid #ffffff;
background-color: #fbebab;
text-align: left;
color: #000000;
text-decoration: none;
}
/*  CDDDE9  F8B80C  */


#programnavpfc a:hover
{
/* background: #E6D9B1 url(../images/bkg-school-buttons2.gif) repeat-y scroll left top; */
background-color: #FAE079;
color: #666666;
text-decoration: underline;
}
/*  A9C5D8    */

/* --------- Program Nav for College button - Vertical nav ---------------  */




#programnavenroll ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
list-style-image: none;
border-left: 1px solid #335c3c;
border-right: 1px solid #335c3c;
border-bottom: 1px solid #335c3c;

}

#programnavenroll a
{
display: block;
padding: 5px 0px 4px 8px;
width: 157px;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #335c3c;
background-color: #dee5dd;
text-align: left;
color: #000000;
}


#programnavenroll a:hover
{
background-color: #cccccc;
color: #000000;
text-decoration: underline;
}