


/*      SECTION NAVIGATION & TITLE                                                      */
/* ------------------------------------------------------------------------------------ */

/*   GENERIC SECTION NAV RULES             */
/* --------------------------------------- */
	#section-nav{
		position: relative;
		height: 172px;
		width: 751px;
		background: transparent url(../images/section-headers/section-title-bg.jpg) no-repeat bottom left;
	}
	.home #section-nav,
	.keller #section-nav,
	.corp #section-nav{background: none;}

	#section-nav{height: 163px;}
	/*.keller #section-nav{height: 155px;}*/
	.topic #section-nav{height: 163px;}
	.home #section-nav{height: 160px;}

/*   HEADINGS RULES                 */
/* --------------------------------------- */
	h2{width: 187px; height: 100%; float: left;}
	h2 span{
		font: 22px/20px "Times New Roman", Times, serif;
		color: #01254B;
		padding-bottom: 4px;
		position: absolute;
		bottom: 15px;
		left: 15px;
		width: 150px;
		z-index: 1;
		}

/*   GENERIC BUCKET NAV RULES              */
/* --------------------------------------- */
	#bucket-nav-container{ float: left; z-index:10; clear: left;}
	.bucket-nav{position: relative; display: block; z-index: 30;}
	.topic #bucket-nav-container{width: 170px;}


/*   POPUP/FLYOUT NAVS                     */
/* --------------------------------------- */

	/*   GENERIC POPUP&FLYOUT NAV RULES        */
	/* --------------------------------------- */
	.program-nav {width: 180px; visibility: hidden; z-index: 99; }
	.program-nav ul, .program-nav li{list-style-type: none; margin: 0;padding: 0;}
	.program-nav ul{margin: 4px;}
	.program-nav ul li{margin: 0; padding:0; border:none; display:inline;}
	.program-nav ul li a{ font-weight: normal; display: block; float: none;}


	.program-nav {}
	.program-nav ul{/*border: 1px solid;*/}
	.program-nav ul li a.last{  border-bottom: 0;  }
    

	/*   FLYOUT Style Bucket Nav               */
	/* --------------------------------------- */

	/* Flyout's & Title Holder  */
	.flyout #bucket-nav-container{
		width: 180px;
		position: absolute; top: 0; left: 0;
		}

	/* Title Font  */
	.flyout h2 span.title{
		font: 22px/20px "Times New Roman", Times, serif;
		color: #000033;
		}

	/* Flyout Common  */
	.flyout .bucket-nav{
		position:   relative;
		background: #c5e1ed url(../images/navs/section/flyout_bg.jpg) no-repeat bottom left;
		width:      180px;
		height:     28px;
		float:      left;
		clear:      left;
		}

	.flyout .program-nav ul{margin: 4px;}

	/* Bucket Title Detail  */
	.flyout #bucket-nav-technology{background: url(../images/navs/section/flyout-tech.gif) no-repeat top left;}
	.flyout #bucket-nav-business{background: url(../images/navs/section/flyout-biz.gif) no-repeat top left;}

	/* Hide Flyout Title  */
	.flyout #bucket-nav-business h3 a{display: none;}
	.flyout #bucket-nav-technology h3 a{display: none;}

	.flyout h3{float: left; padding: 0; width: 100%;}
	.flyout h3 a{
			display: block;
			height: 24px;
			padding: 0;
			margin: 0;

			/* HTML Text Approximation */
			color: #0A1B39;
			font: normal 10px/10px;
			text-transform: uppercase;
			line-height: 24px;
			}

	/* Flyout Positioning  */
	.flyout .program-nav{
			background: #cfeaf2 url(../images/navs/section/flyout_bg_gradient.gif) repeat-x;
			width:      178px;
			position:   absolute;
			left:       178px;
			top:        2px;
	}

	/* Flyout Links */
	.flyout .program-nav ul li a{
			display: block;
			color: #003399;
			margin: 0px;
			padding-left: 4px;
			padding-top:  4px;
			padding-bottom:6px;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #b1c2ce;
	}

	/* Flyout Link States */
	.flyout .program-nav a:hover{   background:  #fff; }
	.flyout .program-nav a.first{   border-top: 0; }
	.flyout .program-nav a.last{  border-bottom: 0; margin-bottom: 4px;}



	/*   POPUP Style Buckets Nav               */
	/* --------------------------------------- */

	/* Bucket Nav Container  */
	.popup #bucket-nav-container{
		width: 380px;
		position: relative;
		z-index: 1;
		}

		/* Section Title */
		#section-nav.popup h2{
				height: 18px;
				width: 350px;
				background: url(../images/common/sh_browse_ugrad_programs.gif) no-repeat;
				float: left;
				clear: none;
				z-index: 1;
				position: relative;
				}
		.popup h2 span{
				/* Html Text Approximation */
				font: normal 11px/11px Helvetica, Arial, sans-serif;
				color: #0B2442;
				text-transform: uppercase;
				letter-spacing: 1px;
				width: 370px;
				/* Hide Text */
				visibility: hidden;
				}

		/* PopUp Common  */
		.popup .bucket-nav{
				height: 140px;
				width: 185px;
				background: #F9C243;
				float: left;
				clear: none;
				}

		/* PopUp Titles  */
		.popup .bucket-nav h3 a{
				display: block;
				padding-left: 10px;
				margin-top: 100px;
				/* Html Text Approximation */
				font: bold 11px/11px Arial, Sans;
				text-transform: uppercase;
				letter-spacing: 1px;
				color: #0A1B39;
				/* Hide Text */
				visibility: hidden;
				}

		/* Bucket Nav Detail  */
		.popup #bucket-nav-technology{position: absolute; top: 0; left: 184px; background: url(../images/navs/section/technology-programs.jpg) no-repeat top left;}
		.popup #bucket-nav-business{position: absolute; top: 0; left: 0; background: url(../images/navs/section/business-programs.jpg) no-repeat top left;}



	/*   POPUP Details             			   */
	/* --------------------------------------- */
		/* Popup Nav Detail  */
		.popup .program-nav{
			width: 175px;
			position: absolute;
			left: 4px;
			bottom: 40px;
			background: #FCD98B url(../images/navs/section/popup_bg_gradient.gif) repeat-x bottom left;
			z-index: 30;
		}
		.popup .program-nav ul{margin: 4px;}
		.popup .program-nav ul li{}
		.popup .program-nav a{
			color: #003399;
			margin: 0;
			padding: 4px;
			border-bottom: 1px solid #ceb87d;
			border-top: 1px solid #fef4de;
			display: block;
		}
		.popup .program-nav a:hover{background: #FCEBB7; color: #000033;}
		.popup .program-nav a.first{
			border-top: none;
		}
		.popup .program-nav a.last{
			border-bottom: 0;
		}



/*  PROGRAM SUBNAV                                               */
/* -------------------------------------------------------------- */
        #program-subnav{display: block; clear: both; height: 20px; margin: 10px 0;}
        #program-subnav ul, #subsection-subnav li{margin: 0; padding: 0; list-style-type: none;}
        #program-subnav ul li{display: inline; float: left; border: 1px solid #ccc; border-top: 0; border-left: 0; padding: 1px;}
        #program-subnav ul li#first{border-left: 1px solid #ccc;}
        #program-subnav ul li a{display: block; float: left; font-size: 10px; padding: 2px 6px; text-transform: uppercase;}
        #program-subnav ul li a:hover{color: #353533; background: #C5E1ED;}
        #program-subnav ul li a.active{color: #353533; background: #C5E1ED;}
		#program-subnav ul li a.inactive, #program-subnav ul li a.inactive:hover
		{color: #ccc; background: #F7F7F7; cursor: default;}
        
    /* for inside #content #right-col-wide */
        #content #right-col-wide #program-subnav{margin-left:4px;}
        #content #right-col-wide #program-subnav ul li{margin:0;padding:0;list-style-type: none;background:none;}
        #content #right-col-wide #program-subnav ul li a{padding: 2px 9px;}
        /* for program-subnav.detail */
        #content #right-col-wide #program-subnav.detail ul li a{padding: 2px 32px;}
		
/*  LEFT SUBNAV                                                     */
/* -------------------------------------------------------------- */
        #left-col #left-subnav{margin:14px 0;padding:0;list-style-type: none;}
        #left-col #left-subnav ul li{padding:0 0 4px 0;margin:0;border-bottom:1px solid #ccc;background:none;}
        #left-col #left-subnav ul li.last{border:none;}
        #left-col #left-subnav ul li a{display:block;padding:3px 0 0 6px;verical-align:middle;}
        #left-col #left-subnav ul li div{padding:3px 0 0 6px;background:transparent url(../images/navs/left/arrow.gif) no-repeat 100% 50%;}

    

        /* CSS Hackery To Make IE Behave */
        /* ----------------------------- */

        /* \*/

			/* PC IE Rules if needed */
			##content-holder{
			display:        inline; /* IE Double Float Fix */
			}

        /* */
