
html,body {
	height: 100%;
}

body
{
	margin: 0px;
	color: #000;
	padding: 0;
	font-family: arial, verdana, sans-serif;
	font-size: 10px;
	background-color: #F6F7E5;
	background-image: url(/olc/images/UPNF/bg.gif);
	background-repeat: repeat-x;
	
}

#outer
{
	width: 817px;
	height: 100%;
	margin: 0 auto 0 auto;
	border-bottom: 1px solid #000;
	background-image: url(/olc/images/UPNF/bg-footer.gif);
	background-repeat: repeat;
}

#hdr {
	 height:71px;
	 background:#dedede;
	 color: #333333;
	 border-right: 1px solid #000;
	 border-left: 1px solid #000;
 }

#bar
{
	height: 26px;
	background: #3e3e3e;
	color: #A3A3A3;
	border-width: 1px 0 1px 0;
	border-color: #000 #000 #FFF #000;
	border-style: solid;
}

#bodyblock
{
	position: relative;
	background: #939393;
	color: #333333;
	width: 816px;
	padding: 0;
	border-left: 1px solid #000;
}


#l-col
{
	float: left;
	width: 130px;
	text-align: left;
	padding: 0;
	color: #FFF;
	font-family: arial, verdana, helvetica, sans serif;
	font-size: 11px;
	line-height: 150%;
	
	
}

#cont {
 width:666px;
 background:#686868;
 color: #333333;
 border:solid #fff;	
 border-width:0 0 0 1px;
 text-align:left;
 border-right: 1px solid #000;
	 
 }

#cont2
{
	width: 656px;
	padding: 7px 0 0 10px;
	font-family: arial, verdana, sans-serif;
	font-size: 9px;
	background: #686868;
	color: #FFF;
	border-width: 0 0 0 1px;
	border-color: #FFF;
	border-style: solid;
	margin: 0 0 0 148px;
	height: 16px;
	
}



a
{
	text-decoration: none;
	color: #E52505;

}

a:hover, a:active
{
	color: #660000;
	text-decoration: none;
	
}

#footer {
 height:23px;
 background:#686868;
 color: #333333;
 border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #000;
 border-left: 1px solid #000;
 margin:0;
 }

.admissions
{
	position: absolute;
	margin: 8px 0 0 8px;
	padding: 0px;
}

.admissions2
{
	position: absolute;
	margin: 78px 0 0 8px;
	padding: 0px;
}

.title
{
	position: absolute;
	margin: 18px 0 0 23px;
	padding: 0px;
}

.m-t-logo
{
	position: absolute;
	margin: 18px 0 0 468px;
	padding: 0px;
}

.penn-logo
{
	position: absolute;
	margin: 19px 0 0 566px;
	padding: 0px;
}


.student-profile
{
	position: absolute;
	margin: 282px 0 0 8px;
	padding: 0px;
}

.student-profile2
{
	position: absolute;
	margin: 282px 0 0 111px;
	padding: 0px;
}

.alumni
{
	position: absolute;
	margin: 282px 0 0 259px;
	padding: 0px;
}

.alumni2
{
	position: absolute;
	margin: 344px 0 0 259px;
	padding: 0px;
}

.about
{
	position: absolute;
	margin: 8px 0 0 411px;
	padding: 0px;
}

.about2
{
	position: absolute;
	margin: 7px 0 0 542px;
	padding: 0px;
}

.curriculum
{
	position: absolute;
	margin: 136px 0 0 411px;
	padding: 0px;
}

.curriculum2
{
	position: absolute;
	margin: 390px 0 0 411px;
	padding: 0px;
}

.penn-link
{
	position: absolute;
	margin: 28px 0 0 685px;
	Padding: 0px
	font-family: arial, verdana, sans-serif;
	font-size: 10px;
	color: #023573;
}

a.penn-link:hover, a.wharton-link:hover
{
color: #000;
}

	
.wharton-link
{
	position: absolute;
	margin: 41px 0 0 685px;
	Padding: 0px
	font-family: arial, verdana, sans-serif;
	font-size: 10px;
	color: #023573;
}	 



#full
{
border: 0; 
}

.body
{
vertical-align: top;
font-family: arial, verdana, sans-serif; 
font-size: 12px;
line-height: 130%;
padding: 14px;
background-color: #EEEEE4;
}



.burgundy-dots
{
	width: 193px;
	background-image: url(/olc/images/UPNF/burgundy-dots.gif);
	background-repeat: repeat;
	font-family: arial, verdana, sans-serif;
	font-size: 20px;
	color: #970202;
	padding: 12px 0 0 70px;
	text-transform: inherit;
}

.blue-dots
{
	width: 172px;
	background-image: url(/olc/images/UPNF/blue-dots.gif);
	background-repeat: repeat;
	font-family: arial, verdana, sans-serif;
	font-size: 20px;
	color: #002D71;
	padding: 120px 0 0 12px;
	text-transform: inherit;

}

.gold-dots
{
	width: 172px;
	background-image: url(/olc/images/UPNF/gold-dots.gif);
	background-repeat: repeat;
	font-family: arial, verdana, sans-serif;
	font-size: 20px;
	color: #E1D166;
	padding: 12px 0 0 12px;
	text-transform: inherit;

}

.green-dots
{
	width: 172px;
	background-image: url(/olc/images/UPNF/green-dots.gif);
	background-repeat: repeat;
	font-family: arial, verdana, sans-serif;
	font-size: 20px;
	color: #59882B;
	padding: 10px 0 0 12px;
	text-transform: inherit;

}

.orange-dots
{
	width: 172px;
	background-image: url(/olc/images/UPNF/orange-dots.gif);
	background-repeat: repeat;
	font-family: arial, verdana, sans-serif;
	font-size: 20px;
	color: #E68229;
	padding: 12px 0 0 70px;
	text-transform: inherit;

}

.left-color
{
	text-align: left;
	vertical-align: top;
	text-transform: inherit;
	width: 191px;
	height: 100%;
	color: #FFF;

}


.burgundy
{
	background-color: #660000;

}

.orange
{
	background-color: #D06A10;

}

.gold
{
	background-color: #A59634;

}

.blue
{
	background-color: #001E4B;

}

.teal
{
	background-color: #339999;

}




.teal-head	{
	color: #2E8A8A;
		
	}
	
.teal-head2	{
	color: #2E8A8A;
	margin-top: 25px;	
	}


.orange-head	{
	color: #D06A10;
		
	}
	
.orange-head2	{
	color: #D06A10;
	margin-top: 25px;	
	}

.blue-head	{
	color: #375889;
		
	}
	
.blue-head2	{
	color: #375889;
	margin-top: 25px;	
	}
	
.green-head	
{
	color: #406A15;
		
	}
	
.green-head2	
{
	color: #406A15;
	margin-top: 25px;	
	}	

.gold-head	
{
	color: #93810A;
		
	}
	
.gold-head2	
{
	color: #93810A;
	margin-top: 25px;	
	}	

.margin-top	{
	margin-top: 25px;
	
	}


h1
{
	font-size: 11px;
	margin-top: 0px;
	margin-left: 9px;
	margin-bottom: 3px;
	font-weight: normal;
	text-transform: inherit;
	letter-spacing: .03em;
	
}

h1 a
{
	color: #FFF;
	text-decoration: none;
	}

h1 a:hover
{
	color: #CCCCCC;
	text-decoration: none;
	}


h2	
{
	color: #660000;
	font-size: 13px;
	line-height: 140%;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 7px;	
	}


h3
{
	color: #600;
	font-size: 13px;
	line-height: 120%;
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
	font-family: arial, verdana, sans serif;
	font-weight: lighter;
}

h4
{
	color: #FFF;
	font-size: 11px;
	line-height: 150%;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	font-family: arial, verdana, sans serif;
	font-weight: lighter;
	letter-spacing: .03em;
	text-transform: inherit;
}

h5
{
	color: #FFF;
	font-size: 10px;
	line-height: 140%;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
	font-family: arial, verdana, sans serif;
	font-weight: lighter;

}

h6
{

	font-size: 22px;
	line-height: 140%;
	margin-top: 270px;
	margin-left: 10px;
	margin-bottom: 0px;
	font-family: arial, verdana, sans serif;
	font-weight: lighter;
	letter-spacing: .05em;
}



#nav
{
	margin: 21px 0 0 15px;
	color: #FFF;
	font-weight:normal;
	font-size: 11px;
	line-height: 150%;
	text-transform: inherit;
	

}

#nav ul {
	font-family:  Arial, verdana, Helvetica, sans-serif;
	list-style: none;
	margin-left: 0;
	padding-left: .9em;
	text-indent: -.85em;
	}

#nav li {
	list-style-image: none;
	list-style-type: none;
	}

#text
{
	margin: 0px;
	font-family: arial, verdana, sans-serif;
	color: #333333;

}

#text ul {
	list-style: square;
	margin-left: 22px;
	padding-left: 0;
	text-indent: 0;
	
	}


#nav li a
{
	color: #fff;
	text-decoration: none;
	}
	
#nav li a:hover
{
	color: #CCCCCC;
	text-decoration: none;
	}
	
#nav li a.current
{
	color: #660000;
	text-decoration: none;
	}

a.email
{
color: #fff;
}

a.email:hover
{
color: #660000;
}

.gray {
color: #ccc;
 }

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*-------------Joe's styles--------------*/

.center-column .top-image
{
	border-bottom: 8px solid #666666;
	background-color: #666666;
}

.center-column .col-image
{
	border-bottom: 8px solid #666666;
	border-top: 8px solid #666666;
	background-color: #666666;
}

.center-column .clear-box-holder
{
	border-top: 8px solid #666666;
}


.center-column .clear-box-holder2
{
	border-bottom: 8px solid #666666;
}





