/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
	background-color:#ffffff;
	margin: 0px;
	padding: 0px;
	font-size: 62.5%;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* header area definitions */
#header-area {
	background-image: url(/images/headerMH.jpg);
	position: relative;
	height: 100px;
	width: 780px;
	margin: auto;
	margin-top: 1em;
	padding: 0px;
	overflow: hidden;
	background-repeat: no-repeat;
}
#header-area img {
	padding-top: .5em;
}
#top-menu-area {
	position: absolute;
	left: 55%;
	top: 5%;
}
#top-menu-area a {
	font-family: Arial;
	font-size: 1em;
	text-transform: uppercase;
	color: #96e3ff;
	text-decoration: none;
	padding-left: .8em;
	padding-right: .8em;
}
#top-menu-area a:hover {
	text-decoration: underline;
	color: #96e3ff
}
#top-menu-area a.selected {
	color: #FFFFFF;
	text-decoration: underline;
}

/* main area definitions */
#main-area-container {
	position: relative;
	width: 780px;
	background-repeat: no-repeat;
	overflow: hidden;
	margin: auto;
	background-color: #93B7D1;
}
main-area-container p{
	padding: 5px;
}

#main-area-container-media {
	position: relative;
	width: 170px;
	background-repeat: no-repeat;
	overflow: hidden;
	margin: auto;
	background-color: #93B7D1;
}
#main-area-container-control {
	position: relative;
	width: 610px;
	height:112px;
	background-repeat: no-repeat;
	overflow: hidden;
	margin: auto;
	background-color: #93B7D1;
}
#main-area-container-audiocc {
	position: top;
	width: 610px;
	height:112px;
	background-repeat: no-repeat;
	overflow: hidden;
	margin: auto;
	background-color: #ced1de;
}
/* left main area definitions */
#left-menu-area {
	width: 170px;
	float: left;
}

#left-menu-area table {
	width: 150px;
	text-align: left;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

#left-menu-area th {
	background-image: url(../images/subheader.gif);
	background-repeat:no-repeat;
	letter-spacing: .05em;
	font-size: 1.2em;
	color: #FFFFFF;
	text-transform: uppercase;
	padding-top: .2em;
	padding-bottom: .2em;
	/* padding-left: .5em; */
	font-weight: bold;
	text-align:center;
	background-color:#93b7d1;
	line-height:2em;
}
/* #left-menu-area th.inactive {
	background-image: url(/images/skin/title-bar-background-inacti.jpg);
	background-repeat: repeat-x;
	color: #ced1de;
} */
#left-menu-area td.bottomcap {
	background-image:url(../images/subfooter.gif);
	background-repeat:no-repeat;
	background-color: #93B7D1;
	border: none;
	}
#progress-area {
}
#progress-area img {
	padding-left: .4em;
	padding-right: .3em;
}
#progress-area table {
	border-collapse: collapse;
	background-color: #dce7ef;	
}
#progress-area .subtable {
	border-left: 1px solid #00386B;
	border-right: 1px solid #00386B;
	margin: 0px;
	padding: 0px;
	}
#progress-area tr {
	height: 2em;
	color: #666666;
	font-weight: bold;
}
#progress-area tr.completed {
	color: #00cc66;
}
#progress-area tr.selected {
	color: #00cc66;
	background-color:#FFFFFF;
}
#progress-area td {

	
}
#progress-area td.heading {
	font-size: .8em;
	color: #000000;
	padding-left: .5em; 
}
#tool-resource-area {
}
#tool-resource-area table {
	border-collapse: collapse;
	background-color: #dce7ef;
}
#tool-resource-area td {
	font-size: 1.1em;
	padding-top: .8em;
	padding-bottom: .8em;
	padding-left: .5em;
	font-weight: bold;
	border-left: 1px solid #00386B;
	border-right: 1px solid #00386B;
}
#tool-resource-area a {
	color: #002951;
	text-decoration: none;
}
#tool-resource-area a:hover {
	text-decoration: underline;
}
#tool-resource-area a.inactive {
	color: #5a6591;
	text-decoration: none;
}
#tool-resource-area a.inactive:hover {
	text-decoration: none;
}
#tool-resource-area a.selected {
	color: #00cc66;
	background-color:#FFFFFF;
}
#tool-resource-area td.selected {
	color: #ced1de;
	background-color:#FFFFFF;
}

#left-menu-button {
	margin-top: .5em;
	margin-bottom: .5em;
}
#left-menu-button a {
	color: #002951;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-left: .5em;
	padding-right: .5em;
	padding-top : .3em;
	padding-bottom : .3em;
	border: 1px solid #002951;
}
#left-menu-button a:hover {
	text-decoration: none;
	color: #00cc66;	
}
#left-menu-button a:visited {
	/*color: #00cc66;*/
}
#left-menu-button a.inactive {
	color: #5a6591;
	text-decoration: none;
	background-color: #EBEBF3;
	padding-left: .5em;
	padding-right: .5em;
	padding-top : .3em;
	padding-bottom : .3em;
	border: 1px solid #5a6591;
}
#left-menu-button a.selected {
	color: #00cc66;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-left: .5em;
	padding-right: .5em;
	padding-top : .3em;
	padding-bottom : .3em;
	border: 1px solid #00cc66;
}
/* right main area definitions */
#right-main-area-top {
	width: 598px;
	min-height:471px;
	/*height:471px;*/
	background-color: #FFFFFF;
	float: right;
	padding: 5px;
	font-size: 115%;
	border-right: 1px solid #93b7d1;
}
/* used to insure minimal size of right main area top in IE6 */
*html #right-main-area-top {
	height: 471px;
	}
#right-main-area-top h1 {
	font-size: 1.4em;
	color: #002951;
	font-weight: bold;
}
#right-main-area-top table.putable {
	font-size: 75%;
}
#right-main-area-top a {
	color: #00386B;
	}
#right-main-area-top a:hover {
	color: #93b7d1;
	}	
#right-main-area-top a:visited {
	color: #00386B;
	}
	
#main-popup-area {
	min-height:471px;
	/*height:471px;*/
	background-color: #FFFFFF;
	padding: 5px;
	font-size: 1.2em;
}
/* used to insure minimal height of main popup area in IE6 */
*html #main-popup-area {
	height:471px;
}
#main-popup-area h1 {
	font-size: 1.4em;
	color: #002951;
	font-weight: bold;
}

#main-popup-area .indentList{
		padding-left: 5.0em;
}

td.summary{
	color: #00386B;
	border-bottom: 2px solid #93b7D1;
	padding-top: 10px;
	padding-bottom: 5px;
	/* padding-left: 20px; */
	padding-right: 20px;
	margin-bottom: 10px;
	}
td.summaryBlock{
	color: #00386B;
	border: 1px solid #93b7D1;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	}
/* added 5/14/07  by K. Dannay */

#right-main-area-top th {
    FONT-SIZE: 1.1em; /* was 12pt */
    font-family: Arial;
}

#main-popup-area ul li{
	list-style: disc;
	list-style-type: disc;
	line-height: 1.5em; /* added 10/2 by KD */
	margin-left: 15px; /* added 10/2 by KD */
	color: #333333; /* added 10/2 by KD */
}

#right-main-area-top ul li{
	list-style: disc;
	list-style-type: disc;
	line-height: 1.5em; /* added 10/2 by KD */
	margin-left: 15px; /* added 10/2 by KD */
	color: #333333; /* added 10/2 by KD */
}
/* end of 5/14/07 additions */

#media-title-top {
	width: 599px;
	height:24px;
	background-color: #FFFFFF;
	float: right;
	padding: 5px;
	border-right: 1px solid #93b7d1;	

}
#title-area-media {
	width: 599px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;	
	border-bottom-color: #ced1de;
}
#title-area-media h1 {
	font-size: 1.4em;
	color: #002951;
	font-weight: bold;
	padding-left: 15px;
}
#title-area {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ced1de;	
}

#right-top-button {
	position: absolute;
	right: 0em;
	top: 0em;
	padding-top: 0.4em;
}
#right-top-button a {
	color: #999999;
	text-decoration: none;
	padding-left: 0.5em;
	padding-right: 1em;
	padding-top : 0.3em;
	padding-bottom : 0.3em;
}
#right-top-button a:hover {
	text-decoration: none;
}
#right-top-button a.inactive {
	color: #CCCCCC;
}
#right-main-area-bottom {
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #FFFFFF;
	width: 599px;
	padding: 5px;
	float: right;
	border-right: 1px solid #93b7d1;
}
/*  commented out as these should be designated right-main-area-top, but are not used for skin 

#right-main-area-button {
	margin-top: .5em;
	margin-bottom: .5em;
}
#right-main-area-button a {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #115182;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top : 0.3em;
	padding-bottom : 0.3em;
	border: 1px solid #666666;
}
#right-main-area-button a:hover {
	text-decoration: underline;
}
#right-main-area-button a.inactive {
	color: #666666;
	text-decoration: none;
	background-color: #EBEBF3;
}
*/ 


#right-main-area-top INPUT.submitButton /* added right-main-area-top */
{
  	font-size: 1em;
  	margin-top: .5em;
	margin-bottom: .5em;
	padding: .1em;
}

#main-popup-area INPUT.submitButton 
{
 	font-size: 1em;
	margin-top: .5em;
	margin-bottom: .5em;
	padding: .1em;
}

/* footer area definitions */
#footer-area {
	text-align: center;
	overflow: hidden;
	margin: auto;
	width: 780px;
	color: #ced1de;
	font-size: 1.0em;
	clear: both;
	margin-bottom:2em;
}
#footer-area .mainbottomcap {
	background-image:url(../images/footer780.gif);
	background-repeat:no-repeat;
	line-height:2em;
	}
#footer-area .footercap {
	background-image:url(../images/footer.gif);
	background-repeat:no-repeat;
	line-height:1.2em;
	}
#footer-area p {
	text-align: center;
	padding: .4em;
	font-size: 1.0em;
}
#footer-area a {
	color: #ced1de;
	text-decoration: none;
	font-size: 1.0em;	
}
#footer-area a:hover {
	text-decoration: underline;
	font-size: 1.0em;	
}

.error
{
    FONT-WEIGHT: bold;
    COLOR: #CC0000
}
.smerror
{
    FONT-WEIGHT: bold;
    COLOR: #CC0000
}

.errMsg{
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color : #CC0000;
}
/* for the folling classes the container has been added as a prefix 05/14/07 by K. Dannay */
/* this insures the correct formatting for the "right-main-area-top contatiner" only */

#right-main-area-top .popup{
	height:250px;
	}

#right-main-area-top .pumain{
	float: left;
}

#right-main-area-top .answer
{
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
#right-main-area-top TD.shortQuestion
{
    PADDING-LEFT: 2px;
    FONT-SIZE: .9em;
    VERTICAL-ALIGN: bottom;
    BACKGROUND-COLOR: #DCE7EF;}
#right-main-area-top TD.shortQuestion1
{
    PADDING-LEFT: 2px;
    FONT-SIZE: .9em;
    VERTICAL-ALIGN: bottom
}
#right-main-area-top TD.shortQuestion2
{
    	PADDING-LEFT: 2px;
    	VERTICAL-ALIGN: middle;
}
#right-main-area-top ul
{
	PADDING-LEFT: 20px;
    	list-style: disc;
	list-style-type: disc;
	Align:left;
}

#right-main-area-top TD.shortAnswer
{
    VERTICAL-ALIGN: bottom;
    BACKGROUND-COLOR: #DCE7EF;
    TEXT-ALIGN: center
}
#right-main-area-top TD.shortAnswer1
{
    FONT-SIZE: .9em;
    VERTICAL-ALIGN: bottom;
    TEXT-ALIGN: center
}
#right-main-area-top TD.answerNumber
{
    VERTICAL-ALIGN: bottom
}

#right-main-area-top TD.answerNumber1
{
    VERTICAL-ALIGN: top
}
#right-main-area-top TD.questionNumber
{
    VERTICAL-ALIGN: top
}
#right-main-area-top TD.questionText
{
    VERTICAL-ALIGN: top;
}
#right-main-area-top TD.answerText
{
    PADDING-LEFT: 10px;
    TEXT-ALIGN: left;
}
#right-main-area-top .surveyQuestionText
{
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
    VERTICAL-ALIGN: bottom;
    BACKGROUND-COLOR: #DCE7EF}
#right-main-area-top .surveyQuestionText1
{
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
    VERTICAL-ALIGN: bottom;
}
#right-main-area-top .heading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em;
    TEXT-ALIGN: center
}

#main-popup-area .title {
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight : Bold;
	color : #009999;
	FONT-SIZE: 1.6em;
}


#right-main-area-top .title {
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight : Bold;
	color : #00386B;
	font-size: 1.4em;
}

#main-popup-area .highlight {
	color : #009999;
	font-size: 1em;
}

#right-main-area-top .highlight {
	color : #009999;
	font-size: 1em;
}

#right-main-area-top .highlight2 {
	color : #009999;
	font-size: 1em;
}

#right-main-area-top .highlight3 {
	color : #009999;
	font-size: 115%;	
}

#right-main-area-top  .highlight4 {
	color : #009999;
	font-size: 115%;	
}
#right-main-area-top  .bigTitle {
	font-size: 175%;	
}

#right-main-area-top .highlightB {
	font-size: 115%;
	color : #009999;
	font-weight : Bold;	
}
#right-main-area-top .blue {
	color: #002951;
	font-size: 115%;
}
#right-main-area-top .smallblue {
	color: #002951;
	font-size: 90%;
}

#right-main-area-top .smallboldblue {
	color: #002951;
	font-weight : Bold;	
	font-size: 90%;
}
/* end of #right-main-area-top prefix additions to classes 5/14/07 */


#right-main-area-top .boldblue {
	font-size: 1em;
	color: #002951;
	font-weight: bold;
}
.titleblue {
	font-size: 1.4em;
	color: #002951;
	font-weight: bold;
}
.titlegray{
	font-size: 1.4em;
	color: #5A6591;
	font-weight: bold;
}
.exTitle {
	font-size: 1.2em;
	color: #002951;
	font-weight: bold;
}
.header {
	font-size: 1.2em;
	color: #002951;
	font-weight: bold;
}

/*-------------added styles--------------*/

/* Personal Plan Page definitions - added 5/21/07 by K. Dannay */

#right-main-area-top table.pp-table {
	border: 1px solid #115182;
	font-size: 1.2em;
	
}
#right-main-area-top td.ppHeader {
	font-size: 1.4em;
	color: #FFFFFF;
	text-align: center;
	height: 40px;
	font-weight: bold;
	background-image: url(../images/background.gif);
	background-repeat: repeat-x;
}
#right-main-area-top td.fill {
	background-color: #CED1DE;
	font-size: .4em;
	}
#right-main-area-top td.fieldlabel{
	font-size: 1.0em;
	color: #666666;
	padding-right: 5px;
	}
#right-main-area-top td.fieldtext {
	font-size: 1.0em;
	color: #115182;
	font-weight: bold;
	padding-left: 5px;
	}

#right-main-area-top td.ppSubsection {
	font-size: 1.2em;
	font-weight: bold;
	color: #115182;
	text-align: center;
	padding-top: .8em;
	padding-bottom: .4em;
	BACKGROUND-COLOR: #EBEDF2;
}
#right-main-area-top td.studentresponse{
	color: #115182;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: .8em;
	font-weight:normal;
	text-align: left;
	border-bottom: 1px solid #ebedf2;
	}
	#right-main-area-top td.summary{
	color: #00386B;
	border-bottom: 2px solid #93b7D1;
	padding-top: 10px;
	padding-bottom: 5px;
	/* padding-left: 20px; */
	padding-right: 20px;
	margin-bottom: 10px;
	}
	#right-main-area-top td.content{
	background-color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	}	
#right-main-area-top .leftsection {
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	BACKGROUND-COLOR: #CED1DE;
	padding: 10px;
	border-top: 1px solid #FFFFFF;
	}
#right-main-area-top .leftsubsection{
	text-align: center;
	font-weight: bold;
	font-style: italic;
	BACKGROUND-COLOR: #EBEDF2;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #FFFFFF;
	}
/* end of Personal Plan Page definitions */

/*-------------style table cell header blue----*/
td.blueheader {
	background-image: url(/images/skin/title-bar-background-inacti.jpg);
	background-repeat: repeat-x;
	color: #ced1de;
}
	
/*----------style misc a links---------*/

a.white:link {
	color: White;
	text-decoration: none;
	font-size: 1.2em;
	font-weight : Bold;
}
a.white:hover {
	color: #009999;
	text-decoration: none;
	font-size: 1.2em;
	font-weight : Bold;
}
a.white:visited  {
	color: White;
	text-decoration: none;
	font-size: 1.2em;
	font-weight : Bold;
}

td.ltBlueHeader {
	font-size: 1.2em;
	color: #002951;
	text-align: center;
	padding-top: .2em;
	padding-bottom: .2em;
	font-weight: bold;
	BACKGROUND-COLOR: #ced1de;

}

td.dkBlueHeader {
	font-size: 1.2em;
	color: #ced1de;
	text-align: center;
	padding-top: .2em;
	padding-bottom: .2em;
	font-weight: bold;
	BACKGROUND-COLOR: #7171C6;

}
td.GreyHeader {
	font-size: 200%;
	color: #FFFFFF;
	text-align: center;
	padding-top: .5em;
	padding-bottom: .5em;
	font-weight: bold;
	BACKGROUND-COLOR: #CCCCCC;
}

td.NavyHeader {
	font-size: 1.4em;
	color: #FFFFFF;
	text-align: center;
	padding-top: .5em;
	padding-bottom: .5em;
	font-weight: bold;
	BACKGROUND-COLOR: #115182;
}

.smallerText{
	FONT-SIZE: .9em; /* was smaller */
	FONT-STYLE: italic;
}
.largerText{
	FONT-SIZE: 1.2em ; /* was larger */
	FONT-weight: bold;
}

.specialText{
	FONT-STYLE: italic;
}

#profile {
	font-size: 110%;
}
#right-main-area-top .nopadding {
	padding:.5em;
	padding-top:.1em;
	padding-bottom:.1em;
}

#callout {
	font-weight: bold;
	background-color: #d3d3d3;
	padding:.5em;
	border: 1px solid #000000;
	}
	
	/* link to take user to the top of page*/
a.top-link:link {
	font-size: .75em;
	color: #00cc66;
	text-decoration: none;
	font-weight: bold;
	}
a.top-link:hover {
	font-size: .75em;
	color: #0000cc;
	text-decoration: underline;
	font-weight: bold;
	}
a.top-link:visited {
	font-size: .75em;
	color: #00cc66;
	text-decoration: none;
	font-weight: bold;
	}
	#pu-footer {
	text-align: center;
	overflow: hidden;
	margin: auto;
	color: #ced1de;
	font-size: 1.0em;
	clear: both;
	margin-bottom:2em;
}


#main {
	width: 598px;
	}
#slideTitle{
	width: 560px;
	height: 45px;
	background-image: url(/images/skin/slideTitle545.gif);
	background-repeat:no-repeat;
	background-position:center;
	color: #00386B;
	padding: .8em;
	}
.slideCalloutSm {
	width:225px;
	height: 150px;
	padding: 1em;
	background-image: url(../images/outline_sm.gif);
	background-repeat:no-repeat;
	background-position:center;
	color: #00386B;
	text-align:left;
	}
.content td {
	padding-right: .5em;
	}
#main .slideCalloutSm h1{
	font-size: 1.2em;
	color: #00386B;
	padding-bottom: 1.2em;
	text-align:center;
	}
.slideCalloutLg {
	width:225px;
	height: 200px;
	padding: 1em;
	background-image:url(../images/callout225.gif);
	background-repeat:no-repeat;
	background-position:center;
	color: #00386B;
	text-align:left;
	}
#main .slideCalloutLg h1{
	font-size: 1.2em;
	color: #00386B;
	padding-bottom: 1.2em;
	text-align:center;
	}
.slideBottomCallout {
	background-image: url(../images/callout_outline.jpg);
	width: 530px;
	height: 45px;
	padding: .8em;
	background-repeat:no-repeat;
	background-position:center;
	color: #00386B;
	text-align:center;
	font-style:italic;
	}

.pageno{
	padding-top:.2em;
	font-size:.8em;
	color: #00386B;
	}
.rightimage {
	text-align:center;
	padding: 5px;
	}
.title
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.5em;
    COLOR: #002951;
    FONT-FAMILY:	Arial, Helvetica, sans-serif;
	padding-top: .6em;
	text-align:left;
}
.highlight
{
    FONT-SIZE: 16pt;
    COLOR: #009999;
    FONT-FAMILY: Arial, Verdana, Helvetica, Geneva, sans-serif
}
.body_light
{
    FONT-SIZE: 16pt;
    COLOR: #999999;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial, Verdana, Helvetica, Geneva, sans-serif
}
.highlight_light
{
    FONT-SIZE: 16pt;
    COLOR: #BFFFFF;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial, Verdana, Helvetica, Geneva, sans-serif
}
.highlight_dark
{
    FONT-SIZE: 16pt;
    COLOR: #009999;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial, Verdana, Helvetica, Geneva, sans-serif
}
.highlight2
{
    FONT-SIZE: 14pt;
    COLOR: #009999;
    FONT-FAMILY: Arial, Verdana, Helvetica, Geneva, sans-serif;
	 font-weight: bold;
}
.smaller
{
    FONT-SIZE: 12pt; /* changed from 14pt */
    COLOR: #666666;
    FONT-FAMILY: Arial, Helvetica, Verdana, Geneva, sans-serif
}
.smaller2
{
    FONT-SIZE: 12pt;
    COLOR: #666666;
    FONT-FAMILY: Arial, Helvetica, Verdana, Geneva, sans-serif
}
.blue
{
    FONT-SIZE: 12pt;
    COLOR: #6666cc;
    FONT-FAMILY: Arial, Helvetica, Verdana, Geneva, sans-serif
}
.orange
{
    FONT-SIZE: 16pt;
    COLOR: #009999;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial-italic, Helvetica-italic, Verdana, Geneva, sans-serif;
}

/* defined in standard link colors */
a.section-link:link {
	font-size: 1.1em;
	color: #003399;
	text-decoration: underline;
		}
a.section-link:hover {
	font-size: 1.1em;
	color:  #93b7d1;
	text-decoration: underline;
		}
a.section-link:visited {
	font-size: 1.1em;
	color: #009999;
	text-decoration: underline;
	}