.subnavwrap {
	height: 30px;
	width: auto;
	border-bottom: 1px solid #999999;
	margin: 0;
	padding: 0px 0px 0px 17px;
	color: #FFFFFF;
	position: relative;
	top: 0px;
}
.subnavwrap div {
	position: absolute;
	top: 0px;	
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: auto;
}
.subnavwrap a:hover {
	background-position: left top;
}

/*DEFAULT POSITIONS FOR SUBNAV. TO ALTER ADD #SUBID .FIRSTSUBNAV
THEN NEW WIDTH AND POSITION FROM LEFT CORNER */
.subnavwrap .firstsubnav {
	left: auto;
	width:100px;
}
.subnavwrap .secondsubnav {
	left: 118px;	
	width:100px;
	
}
.subnavwrap .thirdsubnav {
	left: 218px;
	width:100px;
	
}
.subnavwrap .fourthsubnav {
	left: 318px;
	width:100px;
	
}
.subnavwrap .fifthsubnav {
	left: 418px;
	width:100px;
	
}
/*SETTINGS FOR ABOUT US*/
#subaboutus {
	background-color: #333333;
}
#subaboutus a  {
	font-size: 1px;
	color: #333333;
	text-decoration: none;
	display: block;
	height: 30px;
	width: auto;
	text-indent:-3000px;
}
#subaboutus a:hover {
background-position: left top;
}
/*SETTINGS FOR COURSES*/
#subcourses {
	background-color: #BA3914;
}
#subcourses a  {
	font-size: 1px;
	color: #643423;
	text-decoration: none;
	display: block;
	height: 30px;
	width: auto;
	text-indent:-3000px;
}
#subcourses a:hover {
background-position: left top;
}
/*SETTINGS FOR CAREER OPPORTUNITIES*/
#subcareerops {
	background-color: #00AAAD;
}
#subcareerops a  {
	font-size: 1px;
	color: #643423;
	text-decoration: none;
	display: block;
	height: 30px;
	width: auto;
	text-indent:-3000px;
}
#subcareerops a:hover {
background-position: left top;
}
/*SETTINGS FOR EVENTS*/
#subevents {
	background-color: #F2A111;
}
#subevents a  {
	font-size: 1px;
	color: #F2A111;
	text-decoration: none;
	display: block;
	height: 30px;
	width: auto;
	text-indent:-3000px;
}
#subevents a:hover {
background-position: left top;
}
/*SETTINGS FOR GUEST SERVICES*/
#subguestservices {
	background-color: #9A915C;
}
#subguestservices a  {
	font-size: 1px;
	color: #9A915C;
	text-decoration: none;
	display: block;
	height: 30px;
	width: auto;
	text-indent:-3000px;
}
#subguestservices a:hover {
background-position: left top;
}

/*OPTIONAL SUBNAV POSITIONING
FOR FINE TUNING WIDTH AND POSITIONING
defaults are: second: 118, third: 218, fourth, 318
fourth: 418*/
#subaboutus .thirdsubnav {
	left: 250px;
}
#subaboutus .fourthsubnav {
	left: 350px;
}
#subcourses .fifthsubnav {
	left: 440px;
	width: 110px;
}
#subcourses .thirdsubnav {
	left: 220px;
	width: 110px;
}
#subcourses .fourthsubnav {
	width: 107px;
	left: 336px;
}
#subcourses .secondsubnav {
	left: 107px;
	}
#subcareerops .firstsubnav {
	width: 140px;
}
#subcareerops .secondsubnav {
	left: 180px;
	width: 100px;
}
#subevents .secondsubnav {
	width: 65px;
}
#subevents .fourthsubnav {
	left: 325px;
	width: 100px;
}
#subevents .thirdsubnav {
	width:200px;
	left:200px;
}
/*The top-level common properties for subnavs
Height matches the height of the background images. No repeating. Text indent
hides the text offscreen left.
If you need to add more links, place a comma after #b4 and add more selectors,
incrementing from #b5*/
/*ABOUT US*/
#subcareers, #subteam, #suboverview, #subupcoming, #subrecent, #submultimedia, #subspeakerbios {
	height: 30px!important;
	width: 100px!important;
	background-repeat: no-repeat;
	text-indent: -3000px;
}
#suboverview {
	background-image: url(../images/subnav/overview.gif);
	background-position: left bottom;
}
#subcareers {
	background-image: url(../images/subnav/careers.gif);
	background-position: left bottom;
}
#subteam {
	background-image: url(../images/subnav/team.gif);
	background-position: left bottom;
}
#subnews {
	background-image: url(../images/subnav/news.gif);
	background-position: left bottom;
}
/*COURSES*/
#subcoverview {
	background-image: url(../images/subnav/c_overview.gif);
	background-position: left bottom;
}
#subcosmetology {
	background-image: url(../images/subnav/cosmetology.gif);
	background-position: left bottom;
}
#subesthetics {
	background-image: url(../images/subnav/esthetics.gif);
	background-position: left bottom;
}
#subnailtech {
	background-image: url(../images/subnav/nailtech.gif);
	background-position: left bottom;
}
#subadvstudies {
	background-image: url(../images/subnav/advstudies.gif);
	background-position: left bottom;
}
/*EXTERNAL CAREERS*/
#subcareeroplink {
	background-image: url(../images/subnav/careeropssub.gif);
	background-position: left bottom;
}
#subpostcareer {
	background-image: url(../images/subnav/postcareer.gif);
	background-position: left bottom;
}
/*EVENTS*/
#subupcoming {
	background-image: url(../images/subnav/ev_upcoming.gif);
	background-position: left bottom;
}
#subrecent {
	background-image: url(../images/subnav/ev_recent.gif);
	background-position: left bottom;
}
#subspeakerbios {
	background-image: url(../images/subnav/ev_speakers.gif);
	background-position: left bottom;
}
#submultimedia {
	background-image: url(../images/subnav/ev_multimedia.gif);
	background-position: left bottom;
}
/*GUEST SERVICES*/
#subhair {
	background-image: url(../images/subnav/hair.gif);
	background-position: left bottom;
}
#subnails {
	background-image: url(../images/subnav/nails.gif);
	background-position: left bottom;
}
#subwaxing {
	background-image: url(../images/subnav/waxing.gif);
	background-position: left bottom;
}
#subskin {
	background-image: url(../images/subnav/skin.gif);
	background-position: left bottom;
}
#submakeup {
	background-image: url(../images/subnav/makeup.gif);
	background-position: left bottom;
}