﻿
* {
	margin: 0;
	padding: 0;
}

		
.topic ul
{
	list-style-type: none;
	padding-left: 10px;
	margin: 0;
	/*
	margin-left: 0;
	padding-left: 2em;
	text-indent: -1em;
	*/
}

		
.subTopic ul
{
	list-style: disc inside;
	/*
	list-style-type: disc;
	list-style-image: url(images/bulletAndShadow.gif);
	list-style-position: inside;
	*/
}

/*
==========================================================================
		From Zen
==========================================================================
*/
body 
{
	background: #DADADA url(images/css_bg_body.gif) left top repeat-x;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
}

#container 
{
	margin: 0 auto;
	width: 1222px;
	position: relative;
	background: transparent url(images/css_bg_container1222.gif) left top repeat-y;
	z-index: 1;
	margin-bottom: 50px;
}

#masterLogo 
{
	background: transparent url(images/css_bg_intro1222.jpg) right top no-repeat;
	position: relative;
	padding: 1px;
}

#pageHeader {
	display: inline;
	height: 0;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
}

#pageHeader h1{
	font: bold 154%/25px Arial, Helvetica, sans-serif;
}
		
#pageHeader h2{
	font: bold 90%/25px Arial, Helvetica, sans-serif;
}

#quickSummary {
	color: #000;
	font: normal 75%/18px Arial, Helvetica, sans-serif;
	right: 60px;	
	position: absolute;
	top: 25px;
}

#quickSummary .p1 {
	display: inline;
	height: 0;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
}

#quickSummary .p2, #quickSummary .p3 {
	text-align: right;
}
/*		
#quickSummary a, #quickSummary a:link, #quickSummary a:visited {
	color: #F29E00;
	font-weight: bold;
}
*/
		
#quickSummary a, #quickSummary a:link, #quickSummary a:visited {
	color: Teal;
	font-size: xx-small;
}
		
#quickSummary a:hover, #quickSummary a:active, #quickSummary a:focus {
	text-decoration: none;
}

#preamble 
{
	background: transparent url(images/css_bg_preamble1022.jpg) right top no-repeat;
	color: #fff;
	font: normal 80%/18px Arial, Helvetica, sans-serif;
	padding: 80px 30px 15px 15px;
	margin-left: 210px;
	margin-top: 192px;
	height: 100%;
}

#preamble h3 {
	background: transparent url(images/css_hl_roadtoPDSI.gif) left top no-repeat;
	height: 37px;
	margin: 0 0 0 -10px;
	width: 508px;
}
		
#preamble p {
	padding-left: 30px;
}

#mainContent {
	color: #fff;
	margin-left: 210px;
	font: normal 80%/18px Arial, Helvetica, sans-serif;
	padding: 0 35px 15px 15px;
	position: relative;
	height: 100%;
}

/*
#mainContent a, #mainContent a:link, #mainContent a:visited {
	color: #F29E00; 
	font-weight: bold;
	text-decoration: underline;
}
		
#mainContent a:hover, #mainContent a:active, #mainContent a:focus {
	text-decoration: none
}
		
#mainContent p {
	padding-left: 30px;
}
*/

#requirements {
	margin-bottom: 50px;
}

/*		
#requirements h3 {
	background: transparent url(images/css_hl_requirements.gif) left top no-repeat;
	height: 37px;
	margin: 23px 0 10px 1px;
	width: 508px;
}
*/

#preamble h3 span, #requirements h3 span {
	display: inline;
	height: 0;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
}
 
#leftColumn {
	background: transparent url(images/css_bg_linkList.gif) 0px 2px repeat-y;
	color: #fff;
	font-weight: normal;
	padding: 15px 10px 0 0;
	position: absolute;
	top: 193px;
	width: 221px;
	white-space: nowrap;
}
		
#leftColumn h3 {
	padding-left: 10px;
}
		
#leftColumn a, #leftColumn a:link, #leftColumn a:visited  
{
	/*
	color: #000;
	*/
	color: #fff;
	/*
	text-decoration: underline;
	*/
	text-decoration: none;
}
		
#leftColumn a:hover, #leftColumn a:active, #leftColumn a:focus  {
	text-decoration: none;
}
		
#leftColumn ul li {
	font-size: 70%;
	list-style: square;
}

#leftColumn li, #leftColumn p {
	font-size: 11px;
}

#lselect 
{
	padding-bottom: 25px;
}
		
.select {
	background: transparent url(images/css_h1_lselectCrse.gif) left top no-repeat;
	display: block;
	margin: 0 auto;
	height: 29px;
	width: 185px;
}

.select span, .admin span {
	display: inline;
	height: 0;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
}

#ladmin 
{
	/*
	background: transparent url(images/css_bg_lselect.gif) left bottom no-repeat;
	*/
	padding: 15px 0 40px 0;
}		
		
.admin {
	background: transparent url(images/css_h1_ladmin.gif) left top no-repeat;
	display: block;
	margin: 0 auto;
	height: 29px;
	width: 185px;
}

#footer {
	background: transparent url(images/css_bg_footer678Hi.gif) left top no-repeat;
	bottom: -27px;
	/*
	left: 25px;
	*/
	left: 0;
	/*
	height: 54px;
	*/
	height: 108px;
	/*
	line-height: 50px;
	*/
	line-height: 25px;
	position: absolute;
	width: 712px;
	padding-left: 37px;
}
		
#footer a, #footer a:link, #footer a:visited {
	color: #000;
	padding: 0 6px;
}
		
* html #footer {
	bottom: -28px;
}


/*
==========================================================================
		From Zen ends
==========================================================================
*/
#footer-container
{
	color: #fff;
	margin-left: 210px;
	font: normal 80%/18px Arial, Helvetica, sans-serif;
	padding: 15px 35px 15px 15px;
	position: relative;
	height: 100%;
}

.box
{
	border: solid 1px #808080;
	width: 275px;
}

/*
==========================================================================
		Menu start
==========================================================================
*/
/*
FROM:  MasterPageTest081104
*/
#menu {
	list-style-type: none;
	padding: 0;
	/*
	margin: 30px 0 0;
	*/
	margin: 30px 0 0 15px;
	width: 150px;
	z-index: 100;
	float: left;
	height: 360px;
	/*
	background: #808080;
	*/
}

#menu2 {
	list-style-type: none;
	padding: 0;
	margin: 10px 0 0 15px;
	width: 150px;
	z-index: 100;
	float: left;
	height: 250px;
}

#menu ul, #menu2 ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#menu li, #menu2 li {
	float: left;
	background: #949e7c url(images/top_grad.gif) center center;
}

#menu li.sub, #menu2 li.sub {
	background: #d4d8bd url(images/top_grad_2.gif) center center;
	color: #ff0;
}

#menu li, #menu li a, #menu2 li, #menu2 li a {
	display: block;
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 11px;
	line-height: 30px;
	width: 150px;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
}

#menu table, #menu2 table {
	border-collapse: collapse;
	padding: 0;
	margin: 0 -1px -1px;
}

#menu ul, #menu2 ul {
	position: absolute;
	left: -9999px;
	/*
	left: 10px;
	*/
	width: 150px;
}

#menu :hover ul ul, #menu :hover ul :hover ul ul, #menu2 :hover ul ul, #menu2 :hover ul :hover ul ul {
	position: absolute;
	left: -9999px;
	/*
	left: 10px;
	*/
	width: 298px; /*       width: auto; */
}

#menu :hover, #menu2 :hover {
	color: #ff0;
	background: #fff url(images/slide_1.gif) no-repeat;
	z-index: 500;
	white-space: nowrap;
}

#menu :hover > a {
	color: #ff0;
	background: #fff url(images/slide_1.gif) no-repeat;
	z-index: 500;
	white-space: nowrap;
}

#menu2 :hover > a {
	color: #ff0;
	background: #fff url(images/slide_1.gif) no-repeat;
	z-index: 500;
	white-space: nowrap;
}

#menu :hover ul, #menu2 :hover ul {
	position: static; /*       height: auto;  works with ie; but with mozilla this gives me auto height on expanded, but width stays at 150px       position: relative;  does not work with relative nor with absolute     width: auto;  does not give me what I am looking for.       exclude height parameter and it works in ie and width is good; but in mozilla, width stays at 150px. */ /*     height:450px; */
	margin-top: -1px;
	background: #383838;
	white-space: nowrap;
}

#menu :hover ul :hover ul, #menu :hover ul :hover ul :hover ul, #menu2 :hover ul :hover ul, #menu2 :hover ul :hover ul :hover ul {
	display: block;
	position: absolute;
	/*
	left: 130px;
	*/
	left: 140px;
	top: 0;
	height: auto;
	z-index: 500;
	border: 1px solid #fff;
}

#menu :hover ul li, #menu :hover ul li a, #menu2 :hover ul li, #menu2 :hover ul li a {
	background: #383838;
	text-align: left;
	text-indent: 10px;
	font-size: xx-small;
}

#menu :hover ul :hover, #menu2 :hover ul :hover {
	background: #255fa3;
	position: relative;
	z-index: 100;
	font-size: xx-small;
}

/*
=========================================================
2-level menu just needs css up above.  What follows is for fly submenu
=========================================================
*/
#menu :hover ul li.fly a {
	background: #383838 url(images/arrow.gif) no-repeat 120px center;
}

#menu a:hover ul li.fly a:hover {
	background: #255fa3 url(images/arrow.gif) no-repeat 120px center;
	color: #ff0;
}

#menu2 a:hover ul li.fly a:hover {
	color: #ff0;
}

#menu :hover ul li.fly:hover > a {
	background: #255fa3 url(images/arrow.gif) no-repeat 120px center;
	color: #ff0;
}

#menu2 :hover ul li.fly:hover > a {
	color: #ff0;
}

#menu :hover ul :hover ul li, #menu :hover ul :hover ul li a, #menu2 :hover ul :hover ul li, #menu2 :hover ul :hover ul li a {
	background: #005555;
	width: 320px;
}

#menu :hover ul :hover ul :hover ul li, #menu2 :hover ul :hover ul :hover ul li {
	background: #666;
	z-index: 500;
}

#menu :hover ul :hover ul li.fly a, #menu2 :hover ul :hover ul li.fly a {
	background: #626262 url(images/arrow.gif) no-repeat 120px center;
}

#menu :hover ul :hover ul :hover, #menu2 :hover ul :hover ul :hover {
	z-index: 500;
	background: #0d72c0;
	color: #ff0;
}

#menu a:hover ul a:hover ul li.fly a:hover, #menu2 a:hover ul a:hover ul li.fly a:hover {
	background: #0d72c0 url(images/arrow.gif) no-repeat 120px center;
	color: #ff0;
}

#menu :hover ul :hover ul li.fly:hover > a {
	background: #0d72c0 url(images/arrow.gif) no-repeat 120px center;
	color: #ff0;
}

#menu2 :hover ul :hover ul li.fly:hover > a {
	background: #0d72c0 url(images/arrow.gif) no-repeat 120px center;
	color: #ff0;
}

#menu :hover ul :hover ul :hover ul li, #menu :hover ul :hover ul :hover ul li a, #menu2 :hover ul :hover ul :hover ul li, #menu2 :hover ul :hover ul :hover ul li a {
	background: #888;
}

#menu :hover ul :hover ul :hover ul :hover, #menu2 :hover ul :hover ul :hover ul :hover {
	background: #5184b8;
	color: #ff0;
}

#menu :hover ul :hover ul :hover ul :hover a, #menu2 :hover ul :hover ul :hover ul :hover a {
	color: #ff0;
}
/*
==========================================================================
			Menu ends
==========================================================================
*/



