/* Adding zoom causes elements to "have Layout"
   This causes IE to treat them correctly, but it's invalid css.
*/

/*** START: #mainpanel ********************************/

	#mainpanel h3.bottom-bordered {			
		border-bottom: dotted 2px #BB9600;
	}
	
	#mainpanel a.readmore,
	#mainpanel div.subpanel.narrow div.yellow-box a.readmore,	
	#sidepanel .box a.readmore { 
		color: #A88600;
		text-decoration:none;
	} 
	
	#mainpanel a:hover.readmore,
	#mainpanel div.subpanel.narrow div.yellow-box a.readmore:hover,		
	#sidepanel .box a:hover.readmore { 
		color: #603;
		text-decoration:underline;
		background-color:transparent;
	}
	
	#mainpanel ul.list-multi-column li {
		float:left;
		width:150px;
		padding:0px;
		padding-left:0px;
		margin-left:26px;
		list-style-image: url("/admissions/images/template/arrow-gold-on-yellow.gif");
	}

		#mainpanel ul.list-multi-column.xwide li {
			margin-bottom: 6px;
			width:280px;
		}
	
	#mainpanel ul.list-multi-column {
		position:relative;
		clear:both;
		float:left;
		padding:0px;
		padding-left:4px;  
		margin:0px 0px 20px;
	}
		#mainpanel ul.list-multi-column.xwide { 
			margin-top:10px;		
		}
		
	* html #mainpanel ul.list-multi-column li {
		margin-left:10px;
		padding-left:16px;
		background: none url("/admissions/images/template/arrow-gold-on-yellow.gif") no-repeat left center;
	}
	
	* html #mainpanel ul.list-multi-column {
		margin-bottom:4px;
	}

	#mainpanel ul.leftmargin {
		padding-left:17px;
	}

/*** END: #mainpanel ********************************/


/*** START: #tri-column-first ********************************/

	#tri-column-first h1, 
	#tri-column-first h2,
	#tri-column-first h3,
	#tri-column-first h4,
	#tri-column-first h5,
	#tri-column-first h6 { clear:left; } 
	
	#tri-column-first ul li {padding:0px;}

/*** END: #tri-column-first ********************************/


/*** START: #sidepanel (navigation menu) **********************/


	* html #sidepanel ul#admissions-side-nav 
	{
		margin-right:11px;
	}
	
	#sidepanel ul#admissions-side-nav a:link.btn-yellow,
	#sidepanel ul#admissions-side-nav a:visited.btn-yellow,
	#sidepanel ul#admissions-side-nav a:active.btn-yellow,
	#sidepanel ul#admissions-side-nav a:hover.btn-yellow
	{
		display:block;
		width: 215px;
		width: 198px;
		height: 26px;
		height: 23px;
		color: #660033;
		margin: 0px 0px 0px -4px;
		padding-top: 3px;
		padding-right: 0px;
		
		background: url("/admissions/images/extras/button-yellow.png") no-repeat left center;
		font: normal 1.1em MetaPlusMediumRoman, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;	
		font-size:1.1em;
	}
	
	#sidepanel ul#admissions-side-nav a:link.btn-yellow.external,
	#sidepanel ul#admissions-side-nav a:visited.btn-yellow.external,
	#sidepanel ul#admissions-side-nav a:visited.btn-yellow.external,
	#sidepanel ul#admissions-side-nav a:active.btn-yellow.external
	{	background: url("/admissions/images/extras/button-yellow-external.png") no-repeat left center;	}
	
	
	#sidepanel ul#admissions-side-nav a:active.btn-yellow.active {
		color: #CCCCCC;
		color: #603;
	}
	
	#sidepanel ul#admissions-side-nav a:hover.btn-yellow,
	#sidepanel ul#admissions-side-nav a.btn-yellow.active
	{
		color:#FFFFFF;
		padding-right:0px;
		background-color:transparent;
		background: url("/admissions/images/extras/button-maroon.png") no-repeat left center;	
	}
	
	#sidepanel ul#admissions-side-nav a:hover.btn-yellow.external
	{	background: url("/admissions/images/extras/button-maroon-external.png") no-repeat left center;	}
	
	
	#sidepanel ul#admissions-side-nav li {
		margin-bottom:.4em;
	}

	#sidepanel ul#admissions-side-nav li.nav {
		background-image: none;
	}

	#sidepanel ul#admissions-side-nav ul {
		margin-left:0px;
		margin-right:0px;
		background-image: transparent;	
		border-bottom:0px solid red;
	}
	
	#sidepanel ul#admissions-side-nav ul li {
		margin-bottom:0px;
	}	

	#sidepanel ul#admissions-side-nav ul li a.active {
		background: #CC9900 url("/admissions/images/template/arrow-white-on-gold.gif") no-repeat 4px center;
	}		
	
	#sidepanel ul#admissions-side-nav ul ul {
		margin-left:16px;
		background-image: transparent;
	}
	
	#sidepanel ul#admissions-side-nav ul ul a:link,
	#sidepanel ul#admissions-side-nav ul ul a:visited,
	#sidepanel ul#admissions-side-nav ul ul a:active,
	#sidepanel ul#admissions-side-nav ul ul a:link.external,
	#sidepanel ul#admissions-side-nav ul ul a:visited.external,
	#sidepanel ul#admissions-side-nav ul ul a:active.external {
		color: #603;
		background: url("/admissions/images/template/arrow-maroon-on-gray.gif") no-repeat 4px center;
	}

	#sidepanel ul#admissions-side-nav ul ul a:hover,
	#sidepanel ul#admissions-side-nav ul ul a:hover.external,
	#sidepanel ul#admissions-side-nav ul ul a:link.active,
	#sidepanel ul#admissions-side-nav ul ul a:visited.active {
		background: #660033 url("/admissions/images/template/arrow-gray-on-maroon.gif") no-repeat 4px center;
		color:#ffffff;
	}

	#sidepanel ul#admissions-side-nav ul ul a:hover.external {
		background: #660033 url("/admissions/images/template/arrow-gray-on-maroon.gif") no-repeat 176px center;
	}

	#sidepanel .box {
		padding-top:14px;
		padding-bottom:14px;
	}
	
	
/*** END: #sidepanel (navigation menu) **********************/


/*** START: #mainpanel a:link.btn-gray **********************/

	#mainpanel a:link.btn-gray,
	#mainpanel a:visited.btn-gray,
	#mainpanel a:active.btn-gray,
	#mainpanel a:hover.btn-gray {
		display:block;
		width: 205px;
		height: 26px;
		height:23px;
		padding-top:3px;
		background: url("/admissions/images/extras/button-gray.png") no-repeat left center;
		text-decoration:none;
		color: #FFFFFF;
		padding-left:10px;
		margin:6px 0px 4px;
		font: normal 12px MetaPlusMediumRoman, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	}
	
	#mainpanel a:hover.btn-gray {
		color: #ffcc00;
		background: url("/admissions/images/extras/button-gray-dark.png") no-repeat left center;	
	
	}
/*** END: #mainpanel a:link.btn-gray **********************/

/*** START: #mainpanel a:link.btn-maroon **********************/

	#content a:link.btn-maroon,
	#content a:visited.btn-maroon,
	#content a:active.btn-maroon,
	#content a:hover.btn-maroon {
		display:block;
		width: 205px;
		height: 26px;
		height:22px;
		padding-top:4px;
		background: url("../images/extras/button-maroon-on-white.png") no-repeat left center;
		text-decoration:none;
		color: #FFFFFF;
		padding-left:10px;
		margin:6px 0px 4px;
		font: normal 1em MetaPlusMediumRoman, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	}
	
	#content a:hover.btn-maroon {
		color: #660033;
		background: url("../images/extras/button-yellow-on-white.png") no-repeat left center;	
	
	}
/*** END: #mainpanel a:link.btn-gray **********************/

/*** START: #mainpanel a:link.btn-maroon-on-maroon **********************/

	#container a:link.btn-maroon-on-maroon,
	#container a:visited.btn-maroon-on-maroon,
	#container a:active.btn-maroon-on-maroon,
	#container a:hover.btn-maroon-on-maroon {
		display:block;
		width: 205px;
		height: 26px;
		height:23px;
		padding-top:3px;
		background: url("/admissions/images/extras/button-yellow-on-maroon.png") no-repeat left center;
		text-decoration:none;
		color: #660033;
		padding-left:10px;
		margin:6px 0px 4px;
		font: normal 1em MetaPlusMediumRoman, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	}
	
	#container a:hover.btn-maroon-on-maroon {
		color: #FFFFFF;
		background: url("/admissions/images/extras/button-maroon-on-maroon.png") no-repeat left center;		
	}
/*** END: #mainpanel a:link.btn-gray **********************/


/*** START: #applynow (button) *******************************************/

	#container a:link#applynow,
	#container a:visited#applynow,
	#container a:active#applynow,
	#container a:hover#applynow {
		position: absolute;
		right: 80px;
		top: 14px;
		display:block;
		text-align:center;
		font-weight:bold;
		font-size: 13px;
		width: 141px;		
		height:22px;
		padding-left:0px;
		padding-right:0px;
		padding-top:4px;
		background: url("/admissions/images/extras/button-yellow-short.png") no-repeat left center;		
	}

	#container a:hover#applynow { color: #000000; }


/*** END: #applynow (button) *********************************************/


/*** START: div.subpanel.narrow **********************/

	#mainpanel div.subpanel.narrow ul { 
		margin: 0px; 
		padding:0px;
		margin-left:18px;
	}
		
	#mainpanel div.yellow-box {
		width: 222px;
		min-height: 165px;
		background: #FFE88B url('../images/template/pullquote-bottom.gif') no-repeat left bottom; 
		margin:0px 0px 25px;
		padding: 0px 0px 25px;
	}
	
	#mainpanel div.subpanel.narrow > div.yellow-box { margin-left: -7px;}

	#mainpanel div.subpanel.narrow div.yellow-box a:link,
	#mainpanel div.subpanel.narrow div.yellow-box a:visited { 
		color: #603;
	}
	
	#mainpanel div.subpanel.narrow div.yellow-box a:hover { color: #000000; }

/*** END: div.subpanel.narrow **********************/


/*** START: #mainpanel div.yellow-box **********************/
		
	#mainpanel div.yellow-box h3 {
		padding: 15px 15px 3px 15px;
		margin: 0px;
		margin-top:0px;
		color: #BB9600;
		color: #603;	
		background: #ffe98e url("/admissions/images/template/pullquote-top.gif") no-repeat 0 0;
		font-size: 20px;
		font-family: Myriad, Trebuchet, Lucida, Verdana, sans-serif;
	}
	#mainpanel div.yellow-box p {
		padding: 0px 15px;
		margin: 6px 0px 8px;
		font-size:12px;	
		color: #414141;
	}
	
	#mainpanel div.yellow-box ul,
	#mainpanel div.subpanel.narrow div.yellow-box ul {
		padding: 0px 0px 0px 30px;
		margin: 6px 0px 8px;
	}
	#mainpanel div.yellow-box li {
		padding-right: 15px;
		color: #4c4c4c;
		color: #414141;
		font-size:12px;	
		list-style-image: url("/admissions/images/template/arrow-gold-on-yellow.gif");
	}
	
/*** END: #mainpanel div.yellow-box **********************/