#header
{
	/*float:left;*/
	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: #333;
}
#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: #333;
}
/* 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;
}

.sideHead
{
	background-color: #F33;
	color: #000;
}

#submenu li
{
	display: block;
	border-bottom: 1px solid #f99;
	background-color: #f33;
	text-align: left;
	text-indent: 2px;
	width: 100%;
}

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

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

#submenu li a:hover
{
	background-color: #f33;
	color: #000;
	text-decoration: none;
	border-bottom: #369 1px solid;
}

#datebar
{
	background-color: #F33;
	color: #000;
}

h3
{
	color: #000;
}

.frontheader
{
	font-size: .9em;
	color: #000;
}

#LeftPane
{
	background-color: #F33;
	color: #000;
}

/*______________LOGIN_________________________*/

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

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

#pp_interact, #pp_feedback, #pp_remember, #pp_search, #pp_adult
{
	color: #000;
	border: 1px solid #000; /*padding: 0 0 0 0; margin: 0 0 0 0;*/
	width: 177px;
	height: 111px;
}

#pp_folio
{
	color: #000;
	border: 1px solid #000; /*padding: 0 0 0 0; margin: 0 0 0 0;*/
	width: 559px;
	/*height: /*111px;91px;*/
}

#pp_mappit
{
	color: #000;
	border: 1px solid #000; /*padding: 0 0 0 0; margin: 0 0 0 0;*/
	width: 559px;
	height: 111px;
}

#pp_chat
{
	color: #000;
	border: 1px solid #000;
	width: 177px;
	height: 111px;
}

#pp_chat p
{
	text-align: center;
}

#pp_school, #pp_career, #pp_learn
{
	color: #000;
	border: 1px solid #000; /*padding: 0 0 0 0; margin: 0 0 0 0;*/
	width: 177px;
	height: 160px;
}

#pp_remember p, #pp_feedback p, #pp_search p, #pp_school p, #pp_career p, #pp_learn p, #pp_interact p, #pp_folio p, #pp_mappit p, #pp_adult p
{
	color: #000;
	padding: 5px 5px 5px 10px;
	margin: 0px;
}

#pp_career h3 a,#pp_career h3 a:visited,#pp_learn h3 a,#pp_learn h3 a:visited,#pp_school h3 a,#pp_school h3 a:visited,#pp_interact h3 a,#pp_interact h3 a:visited,#pp_adult h3 a,#pp_adult h3 a:visited,#pp_folio h3 a,#pp_folio h3 a:visited,#pp_mappit h3 a, #pp_mappit h3 a:visited
{
	color: #000;
	text-decoration: none;
}

#pp_career h3 a:link:hover, #pp_career h3 a:visited:hover,#pp_learn h3 a:link:hover,#pp_learn h3 a:visited:hover,#pp_school h3 a:link:hover,#pp_school h3 a:visited:hover,#pp_interact h3 a:link:hover,#pp_interact h3 a:visited:hover,#pp_adult h3 a:link:hover,#pp_adult h3 a:visited:hover,#pp_folio h3 a:link:hover,#pp_folio h3 a:visited:hover,#pp_mappit h3 a:hover, #pp_mappit h3 a:visited:hover
{
	color: #000;
	text-decoration: underline;
}

h3.hm_interact_head
{
	font-size: 11px;
	background-color: /*#dddbc3;#eef7ff;*/#eef7ff;
	color: #000;
	width: 177px;
	padding: 3px 0px 3px 0px;
	border-bottom: 1px solid #000;
	margin: 0px;
	text-indent: 5px;
}

h3.hm_careersline_head
{
	font-size: 11px;
	background-color: #dddbc3;/*#eef7ff;*/
	color: #000;
	width: 177px;
	padding: 3px 0px 3px 0px;
	border-bottom: 1px solid #000;
	margin: 0px;
	text-indent: 5px;
}

h3.hm_adult_head
{
	font-size: 11px;
	background-color: #FF66FF;/*#eef7ff*/
	color: #000;
	width: 177px;
	padding: 3px 0px 3px 0px;
	border-bottom: 1px solid #000;
	margin: 0px;
	text-indent: 5px;
}

h3.hm_fb_head
{
	font-size: 11px;
	background-color: #e2e2e2;
	color: #000;
	width: 177px;
	padding: 3px 0px 3px 0px;
	border-bottom: 1px solid #000;
	margin: 0px;
	text-indent: 5px;
}

.nopad
{
	margin: -5px 0px -3px 0px;
}

.idimg
{
	margin: 0px 3px 0px 0px;
}

.mappitlogo
{
	margin: 0px 5px 0px 0px;
}

h3.hm_folio_head
{
	font-size: 11px;
	background-color: #f93;
	color: #000;
	width: 559px; /* width for 2 blocks */
	padding: 3px 0px 3px 0px;
	border-bottom: 1px solid #000;
	margin: 0px;
	text-indent: 5px;
}

h3.hm_mappit_head
{
	font-size: 11px;
	background-color: #00AFA5;
	color: #000;
	width: 559px;
	padding: 3px 0px 3px 0px;
	border-bottom: 1px solid #000;
	margin: 0px;
	text-indent: 5px;
}

h3.hm_rm_head
{
	font-size: 11px;
	background-color: #FFFF8A /*#e2e2e2;*/;
	color: #000;
	width: 177px;
	padding: 2px 0px 2px 0px;
	border-bottom: 1px solid #000;
	margin: 0px;
	text-indent: 5px;
}

h3.hm_sz_head
{
	font-size: 11px;
	background-color: #c9f;
	color: #000;
	width: 177px;
	padding: 2px 0px 2px 0px;
	border-bottom: 1px solid #000;
	margin: 0px;
	text-indent: 5px;
}

h3.hm_cz_head
{
	font-size: 11px;
	background-color: #39f;
	color: #000;
	width: 177px;
	padding: 2px 0px 2px 0px;
	border-bottom: 1px solid #000;
	margin: 0px;
	text-indent: 5px;
}

h3.hm_lz_head
{
	font-size: 11px;
	background-color: #3c3;
	color: #000;
	width: 177px;
	padding: 2px 0px 2px 0px;
	border-bottom: 1px solid #000;
	margin: 0px;
	text-indent: 5px;
}

.hm_small
{
	font-size: .8em;
}

.no_point
{
	list-style: none;
	margin: 0;
	padding: 4px 0 0 0;
	text-indent: 10px;
}



/*______________DATAGRID_________________________*/

.DGmain
{
	border: 1px solid #F33;
	padding: 0px;
}

.DGitem
{
	background-color: #fff;
	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;
}

.DGalt
{
	background-color: #eee;
	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: #F33;
	font-weight: bold;
	padding-left: 2px;
	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: #fff;
	font-weight: bold;
	padding: 2px;
}

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

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

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

#frontholder {
			background-color: #fff;
			padding: 4px 0px 0px 0px;
			float:left;
			display: inline;
			height: auto;
			width: 560px; }
			
#frontholder .listItem {
			/*font-size: 11px;*/
			/*font-family: Tahoma, Arial, Helvetica, sans-serif;*/
			float: left;
			background-color: #fff;
			margin: 0px 4px 4px 0px;
			overflow: hidden;}
			
#frontholder .listItem a,
#frontholder .listItem a:visited {
			display: block;
			color: #333;
			padding: 2px 6px 4px 6px;
			margin:0;
			width: 168px;
			height: 125px;
			border: solid 1px #B8B8B8;
			background-image: none;}
			
#frontholder .listItem a:hover {
			display: block;
			color: #000;
			padding: 2px 6px 4px 6px;
			margin:0;
			width: 168px;
			height: 125px;
			border: solid 1px #333;
			text-decoration: none;}
		
#frontholder .listItem p {
			display: inline;}
			
#frontholder .listItemSM {
			float: left;
			background-color: #fff;
			margin: 0px 4px 4px 0px;
			overflow: hidden;}
			
#frontholder .listItemSM a, #frontholder .listItemSM a:visited {
			display: block;
			color: #333;
			padding: 2px 6px 4px 6px;
			width: 168px;
			height: 100px;
			border: solid 1px #B8B8B8;
			background-image: none;}
			
#frontholder .listItemSM a:hover {
			display: block;
			color: #000;
			padding: 2px 6px 4px 6px;
			width: 168px;
			height: 100px;
			border: solid 1px #333;
			text-decoration: none;}
		
#frontholder .listItemSM p {
			display: inline;}
			
#frontholder .listItemLG {
			float: left;
			background-color: #fff;
			margin: 0px 4px 4px 0px;
			/*overflow: hidden;*/}
			
			#frontholder .listItemLG a,
#frontholder .listItemLG a:visited {
			display: block;
			color: #333;
			padding: 2px 6px 4px 6px;
			width: 540px;
			height: 100px;
			border: solid 1px #B8B8B8;
			background-image: none;}
			
#frontholder .listItemLG a:hover {
			display: block;
			color: #000;
			padding: 2px 6px 4px 6px;
			width: 540px;
			height: 100px;
			border: solid 1px #333;
			text-decoration: none;}
		
#frontholder .listItemLG p {
			display: inline;}
			
#frontholder .listItemCL {
			float: left;
			background-color: #fff;
			margin: 0px 4px 4px 0px;
			display: block;
			color: #000;
			padding: 2px 6px 4px 6px;
			width: 168px;
			height: 100px;
			border: solid 1px #B8B8B8;
			overflow: hidden;}
			
#frontholder .listItemCL .jsimg { padding: 6px 6px 0px 6px;}
			
#frontholder .listItemSS {
			float: left;
			background-color: #fff;
			margin: 0px 4px 4px 0px;
			display: block;
			color: #000;
			padding: 2px 6px 4px 6px;
			width: 540px;
			height: 80px;
			border: solid 1px #B8B8B8;
			/*overflow: hidden;*/}
			
#frontholder .cz {
			background-color: #39f;
			display: block;
			margin: -2px -6px 2px -6px;
			padding: 2px 5px 3px 5px;
			color: #000;
			font-weight: bold;
			text-indent: 0px;
			}
			
#frontholder .lz {
			background-color: #3c3;
			display: block;
			margin: -2px -6px 2px -6px;
			padding: 2px 5px 3px 5px;
			color: #000;
			font-weight: bold;
			text-indent: 0px;
			}
			
#frontholder .sz {
			background-color: #c9f;
			display: block;
			margin: -2px -6px 2px -6px;
			padding: 2px 5px 3px 5px;
			color: #000;
			font-weight: bold;
			text-indent: 0px;
			}
			
#frontholder .cl {
			background-color: #dddbc3;
			display: block;
			margin: -2px -6px 2px -6px;
			padding: 2px 5px 3px 5px;
			color: #000;
			font-weight: bold;
			text-indent: 0px;
			}
			
#frontholder .az {
			background-color: #FF66FF;
			display: block;
			margin: -2px -6px 2px -6px;
			padding: 2px 5px 3px 5px;
			color: #000;
			font-weight: bold;
			text-indent: 0px;
			}
			
#frontholder .ad {
			background-color: #eef7ff;
			display: block;
			margin: -2px -6px 2px -6px;
			padding: 2px 5px 3px 5px;
			color: #000;
			font-weight: bold;
			text-indent: 0px;
			}
			
#frontholder .mp {
			background-color: #00AFA5;
			display: block;
			margin: -2px -6px 2px -6px;
			padding: 2px 5px 3px 5px;
			color: #000;
			font-weight: bold;
			text-indent: 0px;
			}
			
#frontholder .ss {
			background-color: #f93;
			display: block;
			margin: -2px -6px 2px -6px;
			padding: 2px 5px 3px 5px;
			color: #000;
			font-weight: bold;
			text-indent: 0px;
			}
			
#frontholder .nn {
			background-color: #f33;
			display: block;
			margin: -2px -6px 2px -6px;
			padding: 2px 5px 3px 5px;
			color: #000;
			font-weight: bold;
			text-indent: 0px;
			}