#portfoliocontainer
{
	width: 500px;
}

#portfoliocontact
{
	clear: both;
	width: 500px;
}

#leftside
{
	float: left;
	width: 49%;
	padding: 0 0 10px 0;
}

#rightside
{
	float: right;
	width: 49%;
	padding: 0 0 10px 0;
}

#veryinterested
{
	border: 1px solid #dddbc3;
	background-color: #ffffff;
	padding: 4px;
}

#veryinterested h4
{
	margin: 0;
	padding: 0;
}

#veryinterested ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#veryinterested li
{
	display: inline;
	margin: 0;
	padding: 0px 0px 3px 0px;
}

#careerchoices
{
	border: 1px solid #dddbc3;
	background-color: #ffffff;
	padding: 4px;
	margin: 10px 0 0 0;
}

#careerchoices h4, #careerchoices p
{
	margin: 0;
	padding: 0;
}

#topjobs
{
	border: 1px solid #dddbc3;
	background-color: #9CF; /*#fffef1;*/
	padding: 4px;
}

#topjobs h4
{
	margin: 0;
	padding: 0;
}

#topjobs p
{
	margin: 5px 0 0 0;
	padding: 0;
}

#topjobs ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#topjobs li
{
	display: inline;
	margin: 0;
	padding: 0px 0px 3px 0px;
}

#topcourses
{
	border: 1px solid #dddbc3;
	background-color: #AFEBAF; /*#fffef1;*/
	padding: 4px;
	margin: 10px 0 0 0;
}

#topcourses h4
{
	margin: 0;
	padding: 0;
}

#topcourses p
{
	margin: 5px 0 0 0;
	padding: 0;
}

#topcourses ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#topcourses li
{
	display: inline;
	margin: 0;
	padding: 0px 0px 3px 0px;
}

#agespecific
{
	border: 1px solid #dddbc3;
	background-color: #ffffff;
	padding: 4px;
	margin: 10px 0 0 0;
}

#agespecific h4
{
	margin: 0;
	padding: 0;
}

#agespecific p
{
	margin: 0;
	padding: 0;
}

#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;
	padding: 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.adult span
{
	float: none;
}
#header a.portfolio 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.portfolio 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.portfolio:hover, #header a.portfolio:hover span
{
	background-color: #f93;
	color: #000;
}
#header a.adult:hover, #header a.adult:hover span
{
	background-color: #FF66FF;
	color: #000;
}
#header a.job:hover, #header a.job:hover span
{
	background-color: #00AFA5;
	color: #000;
}
#header a.portfolio span, #header a.portfolio
{
	background-color: #f93;
}

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

#submenu li
{
	border-bottom: 1px solid #FFBE7D;
	margin: 0 auto;
	padding: 0;
	background-color: #f93;
	text-align: left;
	text-indent: 2px;
}

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

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

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

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

h3
{
	color: #000;
}

h3.neg
{
	color: #000;
	padding: 0px 0px -3px 0px;
	margin: 0px 0px -3px 0px;
}

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

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

.example
{
	background-color: #f2f2f2;
	border: 1px dotted #110;
	padding: 5px;
}

.steps
{
	background-color: #FFFF9D;
	border: 1px outset #110;
	border-style: outset;
	padding: 5px;
	width: 100%;
}

.steps ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.steps li
{
	padding: 0 5px 0 5px;
	/**/display: inline;
	margin: 0;
	
	color: #339;
	border-right: 1px solid #110;

}

.steps ul li.last
{
	display: inline;
	margin: 0;
	padding: 0 5px 0 5px;
	/*color: #339;*/
	border-right: none;
}

.steps ul li
{
}

.notes
{
	color: Red;
}

.warning
{
	background-color: #FFC4C4;
	border: 2px solid #FF0000;
	padding: 5px;
}

.CVKeySkillsTrans
{
	list-style-type: circle;
}

.CVKeySkillsSquare
{
	list-style-type: square;
}

/*______________LOGIN_________________________*/

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

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

.img_job
{
	padding-right: 20px;
}

.date_day
{
	background-color: #FFF;
	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: 50px;
	height: 20px;
}

.date_month
{
	background-color: #FFF;
	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: 75px;
	height: 20px;
}

.date_year
{
	background-color: #FFF;
	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: 60px;
	height: 20px;
}

/*______________DATAGRID_________________________*/

.DGmain
{
	border: 1px solid #f93;
	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: #f93;
	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;
}
#folioholder
{
	width: 560px;
}

#frontholder
{
	background-color: #fff;
	padding: 0px 0px 0px 40px;
	float: left;
	display: inline;
	height: auto;
	width: 590px;
}

#frontholder .listItem
{
	float: left;
	background-color: #fff;
	margin: 0px 8px 4px 0px;
	border: solid 1px #B8B8B8;
	/*overflow: hidden;*/
}

#frontholder .listItem a, #frontholder .listItem a:visited
{
	display: block;
	color: #333;
	padding: 2px 6px 4px 6px;
	margin: 0;
	width: 195px;
	height: 75px;
	border: solid 1px #B8B8B8;
	background-image: none;
}

#frontholder .listItem a:hover
{
	display: block;
	color: #000;
	padding: 2px 6px 4px 6px;
	margin: 0;
	width: 195px;
	height: 75px;
	border: solid 1px #333;
	text-decoration: none;
}


#frontholder .listItem p
{
	display: inline;
}

#frontholder .listItem img
{
	float: right;
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
}

#frontholder .cz
{
	font-size: 16px;
	font-weight: bold;
	background-color: #f93;
	display: block;
	margin: -2px -6px 2px -6px;
	padding: 2px 5px 3px 5px;
	color: #000;
	font-weight: bold;
	text-indent: 0px;
}

.portitem{
width:575px;
border-top:1px solid #FF9933;
padding:3px;
background-color:#E9E9E9;
background-image:url(../images/portfolio/port_back.jpg);
margin-bottom:3px;
font-family:Arial, Helvetica, sans-serif;

}
.acitem{
width:575px;
border-top:1px solid #FF9933;
padding:3px;
background-color:#E9E9E9;
background-image:url(../images/portfolio/ac_back2.jpg);
margin-bottom:3px;
font-family:Arial, Helvetica, sans-serif;

}
.acitem h3{
margin-bottom:3px;
margin-top:0px;
font-size:110%;
}
.portitem .but{
float:right;
margin-top:-3px;
margin-bottom:-3px;
margin-right:-3px;
border:0px;
}
.portitem h3{
margin-bottom:3px;
margin-top:0px;
font-size:110%;
}

.outcome{
color:#666666;
font-weight:900;
font-size:95%;

}

.date{
color:#0099FF;
font-weight:bold;
}
.style2 {
color: #0F6FCF; 
font-weight: bold; 
font-size:95%;

}
.stylec {
color: #0F6FCF; 
font-weight: bold; 
font-size:95%;
display:block;
margin-top:10px;
}
.style3 {
color: #0F6FCF; 
font-weight: bold; 
font-size:120%;
}
.icon{
float:left;
}
.secttitle{
margin-top:10px;
}
.welcome{
float:right;
text-align:right;
}
.title{
float:left;
}
.clear {
    width: 100%;
    height: 1px;
    margin: 0 0 -1px;
    clear: both;
}
.ometers{
margin-left:-3px;
margin-right:-10px;

}
.activities{
background-image:url(../images/ac_back3.jpg);
margin-top:10px;
margin-right:-3px;
padding-left:5px;
}
.activities b{
font-size:small;
}
.choicediv{
margin-left:2px;
width:133px;
text-align:center;
float:left;
border-bottom:1px solid #FF9933;

}
.choicediv img{
float:right;
}
.careerdiv{
margin-left:0px;
text-align:center;

width:192px;
float:left;
border-bottom:1px solid #FF9933;
}
.coursediv{
margin-left:0px;
text-align:center;

width:192px;
float:left;
border-bottom:1px solid #FF9933;
}
.encorediv{
margin-left:0px;
width:194px;

text-align:center;
float:left;
border-bottom:1px solid #FF9933;
}
.careerdiv img{
float:right;
}
.coursediv img{
float:right;
}
.encorediv img{
float:right;
}
.top
{
width:580px;
}
.cvxllogo{
float:right;
margin-top:-10px;
}
.activities hr{
margin:-5px 0px -5px 0px;
padding:0;
display:block;

}
.spacer{
	float:left;
	width:192px;
	border-right:solid 1px #FF9933;
	background-color:#FFFFFF;
	text-align:center;
}
.spacer2{
	float:left;
	width:33px;
}
.activities h3{
border-bottom:solid 1px #333333;
padding-left:5px;
margin-left:-7px;	
}

.activities b
{
margin-top:-50px;	
}
.choiceslogo{
float:right;
margin-top:-20px;
}
.item
{
width:100%;
border-bottom:solid 1px #FFFFFF;
margin-left:-5px;
padding-top:2px;
padding-bottom:2px;	
}
.cvs
{
float:right;
margin-top:-3px;
margin-bottom:-8px;
padding:0px;	
}
.cvxl
{
margin-top:0px;
margin-bottom:15px;	
}