#header
{
	width: 100%;
	text-align: center;	
	border-bottom: #333 1px solid;
	/*position: relative;*/
	background-color: #ffffff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#header ul
{
	margin: 0 auto;
	padding: 0 0 0 0;
	list-style: none;
	bottom: -1px;
	width: 614px;	
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	font-size: 11px;	
}
#header li
{
	display: inline;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#header a
{
	float: left;
	background: #f1f1f1 url(http://www.planitplus.net/images/white.png) no-repeat left top;
	padding: 0 0 0 10px;
	text-decoration: none;
	color: #666;
}
#header a span
{
	float: left;
	display: block;
	background: #f1f1f1 url( "http://www.planitplus.net/images/white.png" ) no-repeat right top;
	padding: 4px 10px 3px 0px;
	color: #666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span
{
	float: none;
}
#header a.home span
{
	float: none;
}
#header a.career span
{
	float: none;
}
#header a.learn span
{
	float: none;
}
#header a.school span
{
	float: none;
}
#header a.portfolio span
{
	float: none;
}

#header a.adult span
{
	float: none;
}
#header a.job span
{
	float: none;
}
/* End IE5-Mac hack */

/*
	*	1. At this point many things are simplified. The hover and background colors are set,
	*	and no positions are used because we aren't swapping images
	*	2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others, 
	*	exposing 1px of the background color of #header and giving the effect of an underline.
	*/
/*#header a.home span
{
	padding-bottom: 4px;
	color: #000;
}*/

#header a:hover, #header a:hover span
{
	background-color: #E4F1BC;
	color: #000;
}
#header a.home:hover, #header a.home:hover span
{
	background-color: #ff3333;
	color: #000;
}
#header a.career:hover, #header a.career:hover span
{
	background-color: #39f;
	color: #000;
}
#header a.learn:hover, #header a.learn:hover span
{
	background-color: #3c3;
	color: #000;
}
#header a.school:hover, #header a.school:hover span
{
	background-color: #c9f;
	color: #000;
}
#header a.adult:hover, #header a.adult:hover span
{
	background-color: #FF66FF;
	color: #000;
}
#header a.portfolio:hover, #header a.portfolio:hover span
{
	background-color: #f93;
	color: #000;
}
#header a.job:hover, #header a.job:hover span
{
	background-color: #00AFA5;
	color: #000;
}
#header a.home span, #header a.home
{
	/*background-color: #FF3333;*/
}

/*
#header a.home span, #header a.home
{
	background-color: #FF3333;
}*/
/*____END NEW BIT___________*/

.searchside
{
	background-color: /*#D6D6EB;*/#ccccff;
	padding: 0 0 0 5px;
	margin: 0 0 0 0;
	border-left: 1px solid #99C;
	border-right: 1px solid #99C;
}

/*____________TOP MENUBAR____________*/

#datebar
{
	background-color: /*#99C;*/#D6D6EB;
}

.datebar2
{
	border-top: #000 1px solid;
	background-color: #D6D6EB;/*#f0f0f0;*/
}

/*____________NAVIGATION____________*/

#SearchPane
{
	width: auto;
	margin: 0px;
	padding: 0px;
}

#searcharea
{
	background-color: #D6D6EB;
	margin: 0px;
	padding: 0 0 5px 5px;
}

#searchresults
{
	background-color: #fff;
	margin: 0px;
	padding: 0 0 5px 5px;
}

.search_right
{
	padding-left: 20px;
}

#search_container
{
	margin-right: -200px;
	width: 700px;
	float:left;	
}

#search_image
{
	width: 450px;
	margin-right: 200px;
}

#search_helptext
{
	float: right;
	width: 190px;
	border: 2px solid #D6D6EB;
	padding: 2px;
	background-color: #E8F2FD;
}

#searchlist ul
{
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}

#searchlist li
{
	display:inline;
	margin: 0;
	padding: 0;
}

#searchlist li a.search_but_off
{
	cursor: pointer;color:#110;background-color: #E8F2FD;padding: 0.33em;border-color: #ffffff;border-style: outset;border-width: 2;text-decoration:none;display:inline;clear: none;margin-top: 2em;margin-right: 0.5em; position:relative;
}


#searchlist li a.search_but_on
{
	cursor: pointer;color:#000;background-color: #ffffff;padding: 0.33em;margin: 2em 0.5em 0em 0em;border-color: BUTTON_ON_BORDER;border-style: inset;border-width: 2;text-decoration:none;display:inline;clear: none; position:relative
}

.search_onbut
{
	float: left;
	background: #D6D6EB url(http://www.planitplus.net/images/results_courses_on.gif) no-repeat left top;
	margin: 0 2px 0 2px;
	padding: 0;
	width: 150px;
}

.search_linkbut
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.search_offbut
{
	float: left;
	background: #D6D6EB url(http://www.planitplus.net/images/results_courses_off.gif) no-repeat left top;
	margin: 0;
	padding: 0;
	width: 150px;
}

.search_off
{
	background-color: #fff;
	border-top: #000 2px solid;
	width: 20px;
}

#submenu li
{
	border-bottom: 1px solid #D6D6EB;
	margin: 0;
	padding: 0;
	background-color: #99C;
	text-align: left;
	text-indent: 2px;
}

#submenu li a
{
	display: block;
	background-color: #D6D6EB;
	color: #000;
	text-decoration: none;
	width: 100%;
	border-bottom: 1px solid #D6D6EB;
}

html > body #submenu li a
{
	width: auto;
}

#submenu li a:hover
{
	background-color: #99C;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #363;
}
/*______________HOMEPAGE_________________________*/

.welcHead
{
	background-color: #99C;
	color: #FFF;
	border-top: none;
	border-left: none;
}

.searchMain
{
	background-color: #fff;
	border: 0;
	color: #000;
	padding: 4px;
}

TD.searchMain A:link, TD.searchMain A:visited
{
	color: #90C;
	text-decoration: none;
	border-bottom: #ccc 1px solid;
	background-color: Transparent;
}
TD.searchMain A:link:hover, TD.searchMain A:visited:hover
{
	color: #90C;
	background-color: Transparent;
	text-decoration: none;
	border-bottom: #931300 1px solid;
}

.courseMain
{
	background-color: #fff;
	border: 0;
	color: #000;
	padding: 4px;
}
/*
.courseHead
{
	background-color: #fff;
	border: 0;
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
}
*/
.courseHeadText
{
	background-color: #fff;
	border: 0;
	color: #99C;
	font-size: 1.2em;
	font-weight: bold;
}

.courseText
{
	background-color: #FFF;
	border: 0;
	color: #000;
}

TD.courseMain a:link, TD.courseMain a:visited
{
	background-color: Transparent;
	color: #99C;
	text-decoration: none;
	border-bottom: #ccc 1px solid;
}

TD.courseMain a:link:hover, TD.courseMain a:visited:hover
{
	background-color: Transparent;
	color: #99C;
	text-decoration: none;
	border-bottom: #99C 1px solid;
}

#LeftPane
{
	background-color: #99C;
	color: #000;
}


/*______________LOGIN_________________________*/

.logintext a:link:hover, .logintext a:visited:hover
{
	background-color: Transparent;
	color: #000;
	text-decoration: underline;
}

.navbut
{
	background-color: #99C;
	border-right: #D6D6EB 1px outset;
	border-top: #D6D6EB 1px outset;
	border-left: #D6D6EB 1px outset;
	border-bottom: #D6D6EB 1px outset;
	color: #000;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: bold;
	font-size: 11px;
	margin: 2px;
}

.searchbut
{
	background-color: #99c; /*#D6D6EB;*/
	border: #110 1px solid;
	color: #000;
	padding: 3px 3px 3px 3px;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 0 0;
}

.SearchBox
{
	background-color: #FFF;
	color: #000;
	font-size: 14px;
	font-family: Verdana,helvetica,arial;
	font-weight: bold;
	padding: 3px;
	margin: 0px;
	border: solid 1px #110;
	width: 200px;
}

.searchHead
{
	background-color: #ccccff;/*#d6d6eb;*/
	padding: 5px;
	border: 1px solid #99C;
}

.searchBlank
{
	padding: 5px;
}

.searchTop
{
	background-color: #ffffdf;
	padding: 5px 5px 15px 5px;
	border: 1px solid #99C;
	color: #f33;
}

/*______________DATAGRID_________________________*/

.DGmain
{
	border: 1px solid #666666;/*#996;*/
	padding: 0px;
}

.DGmain_web
{
	border: none;
	padding: 0px;
}

.DGitem
{
	background-color: #edf3fe;
	padding-left: 4px;
	color: #000;
	line-height: 1.4em;
}

.DGitem a:link, .DGitem a:visited
{
	background-color: Transparent;
	color: #03C;
	text-decoration: none;
}

.DGitem a:link:hover, .DGitem a:visited:hover
{
	background-color: Transparent;
	color: #03C;
	text-decoration: underline;
}

.DGitem_web
{
	background-color: #fff;
	padding-left: 4px;
	padding-top: 10px;
	color: #000;
	line-height: 1.4em;
}

.DGitem_web a:link, .DGitem_web a:visited
{
	background-color: Transparent;
	color: #03C;
	text-decoration: none;
}

.DGitem_web a:link:hover, .DGitem_web a:visited:hover
{
	background-color: Transparent;
	color: #03C;
	text-decoration: underline;
}

.DGitem_web .smallText a:link, .DGitem_web .smallText a:visited
{
	color: #666;
	text-decoration: none;
}

.DGitem_web .smallText a:link:hover, .DGitem_web .smallText a:visited:hover
{
	color: #666;
	text-decoration: underline;
}

.DGalt
{
	background-color: #fff;
	padding-left: 4px;
	color: #000;
	line-height: 1.4em;
}

.DGalt a:link, .DGalt a:visited
{
	background-color: Transparent;
	color: #03C;
	text-decoration: none;
}

.DGalt a:link:hover, .DGalt a:visited:hover
{
	background-color: Transparent;
	color: #03C;
	text-decoration: underline;
}

.DGhead
{
	background-color: #99C;
	font-weight: bold;
	padding-left: 2px;
	color: #000;
	height: 1.2em;
}

.DGhead a:link, .DGhead a:visited
{
	text-decoration: underline;
	color: #000;
}

.DGhead a:link:hover, .DGhead a:visited:hover
{
	text-decoration: underline;
	color: #000;
}

.DGfooter
{
	background-color: #3D80DF;
	font-weight: bold;
	padding: 2px;
	border-top: 1px solid #000;
}

.DGfooter a:link, .DGfooter a:visited
{
	text-decoration: underline;
	color: #fff;
}

.DGfooter a:link:hover, .DGfooter a:visited:hover
{
	text-decoration: none;
	color: #fff;
}

.DGfooter_web
{
	background-color: #fff;
	font-weight: bold;
	padding: 2px;
}

.DGfooter_web a:link, .DGfooter_web a:visited
{
	text-decoration: underline;
	color: #03c;
}

.DGfooter_web a:link:hover, .DGfooter_web a:visited:hover
{
	text-decoration: none;
	color: #03c;
}

.DataGridCurrentLetter
{
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.DropDownSM {
	background-color: #E8F2FD;
	color: #000;
	font-size: .9em;
	font-family: Verdana,helvetica,arial;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	border-top: solid 1px #69c;
	border-right: solid 1px #069;
	border-bottom: solid 1px #069;
	border-left: solid 1px #69c;
	width: 300px;
	height: 20px;
}