body{background:gray;}



img{
	max-width:100%;
	
}


#main_content{
	
	font-size:1.22em;
	
}

hr {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #333; /* old IE */
    background-color: #333; /* Modern Browsers */
}


#big_wrapper{
	
	
	min-height:300px;
max-width:100%;
max-width:800px;
border: 3px solid black;
margin:0 auto;


	background:white;
	border-radius:15px;
    box-shadow: -10px 10px;


}

h1{text-align:center; border-bottom:1px solid black; margin-bottom:11px;padding-bottom:11px}

.showsmall{display:none;}




#mobilenav {
	color:white;
	font-size:1.3em;
display:none;

  
}



#top{
	


	background-color:#010066;
		max-width:100%;
	
}

.center{text-align:center;}


.center2{
	margin:0 auto;
	
}


#crt_async_402151{
	
	
		margin:40px;
	
}


#middle{	min-height:200px;
	background:white;
	max-width:100%;


		}







.container {
    border: 1px solid black;
width:100%;
}




	





.hfb{

   display:-webkit-box;
   display:-moz-box;
   display: box;
   -webkit-box-orient:horizontal;
   -webkit-box-flex: 1;
   -moz-box-orient:horizontal;
   -moz-box-flex: 1;   
        display: flex;
		flex-direction:row;




}





/*********************************lifted from multidropdown-**/







.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}







.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}






/*********additional drop down styling***********/

.dropdown-menu li{

width:100%;
}






/*********more navigation styling***********/

#navbar{

margin:11px auto;
width:100%;
padding:0;
text-align:center;



font-size:1.25em;
height:40px;

}   




}

#navbar a{
padding-left:0px;



}

#navlist li
{padding-left:0px;}

#navbar li{
float:left;
list-style-type:none;

padding-left:10px;
padding-right:10px;
padding-top:7px;
padding-bottom:7px;
border:1px solid black;





}
.topichead{color:blue}
.navbar-nav li{color:blue;}

.selected{color:red !important; font-weight:bold;}{}


#navbar li{color:blue !important}

#navbar li:hover{

color:red !important;
}



#navbar li:hover .topichead{
color:blue;
}

.topichead:hover{font-weight:bold;}

#navbar li{
	
	background:white;
	color:red;
}

.dropdown-menu li{color:blue;}











#footer{
	background:rgb(210,210,222);
	color:black;
	padding:10px;
	max-width:100%;
	
}



















.picl {float:left;margin:0 10px 10px 0;font:8.5pt verdana,sans-serif;}
.picr {float:right;margin:0 0 10px 10px;font:8.5pt verdana,sans-serif;}

.picc {text-align:center;margin:0 auto;}


.basicbox{
	
	padding:8px;
	border:1px solid black;
	max-width:100%;
}



#main_content{
	
	padding:20px;
}

#right{margin:9px;border:5px solid white;


float:right; width:160px;height:600px


}

/************old penn style sheet***********/



body {color:black;background: #62644C;}

#mainpanel {width:796px;text-align:left;background-color:white;margin:0 auto 30px;}
.masthead {border:0;padding:0;border-bottom:3px #C3BE94 solid; position:relative;}
table td {vertical-align:top;}

.announce {border: 1px black dotted; padding:5px 15px; background: #efefef; font-weight:bold;}

.leftpanel {width:150px;background-color:#C3BE94;padding:10px 5px 10px 10px;color:#62644C;font:bold 9pt arial,sans-serif;}
.leftpanel a {color:#62644C; font:bold 9pt arial,sans-serif; text-decoration:none; display:block;}
.leftpanel a:hover {text-decoration:underline;}
.leftpanel ul {margin:0 0 0 15px;padding:0;}
.leftpanel li {padding-bottom:4px;}
.leftpanel li .hot {color:black;}
.leftpanel li a.hot {color:black;text-decoration:underline;}
.ush {position:absolute; top:0; right:0;}

.explain {background: #62644C; width:90%; padding:5px; color: #C3BE94; font:8.5pt verdana,sans-serif;border:1px black solid;margin-top:30px;}
.explain>p {margin-top:0;}

.explain2 {background: white; width:90%; padding:5px; color: #62644C; font:bold 8.5pt verdana,sans-serif;border:1px black solid;margin-top:30px; text-align:center;}
.explain2>p {margin-top:0;}

.listofresources a {font-weight:bold;}

.bodyhere {padding:10px 10px 10px 20px; font:9pt/12pt verdana,sans-serif;}
.bodyhere h1 {text-align:left;color:#303A5E;font:bold 18pt/18pt arial,sans-serif;}
.bodyhere h3 {font:bold 12pt/14pt arial, sans-serif;margin:5px 0 15px;border-top:1px black solid;padding-top:5px;}
.bodyhere  a {color:#62644C; text-decoration:underline;}
.bodyhere  a:visited {color:#62644C;}
.bodyhere  a:hover {background:#DEDBC3;color:black;}

.rightpanel {padding:10px 10px 10px 10px;font:10pt times,serif;background:#efefef;width:150px;border-left:2px #905E5F solid;}
.rightpanel h3 {font:bold 13pt arial,sans-serif;}
.rightpanel .item {border-bottom:1px #905E5F solid;}

.picr {float:right;margin:0 0 10px 10px;font:9pt times, serif;}
.picl {float:left;margin:0 20px 10px 0;font:9pt times, serif;}
.pic {font:9pt times, serif;text-align:left;}
.credit {font:italic 8pt times, serif; text-align:right;}

.cal {font:9pt arial,sans-serif;border:1px gray solid; padding:4px 10px;margin-bottom:10px;}
.cal .caldate {font-weight:bold;color:#660000;}
.cal .caltitle {font-size:12pt;font-weight:bold;margin:4px 0;}
.cal .caldesc {margin-top:6px;}

.littlecal {font: 8pt arial,sans-serif;border:1px gray solid;}
.littlecal th {font-weight:bold; text-align:center; padding:2px; background:#efefef;}
.littlecal td {text-align:center; padding:2px;}
.littlecal td.w {background:yellow;font-weight:bold;}

.author {font:italic 10pt arial,sans-serif;}
.vfont {font:7pt verdana,sans-serif;}

.footer {font:bold 8pt arial,sans-serif;text-align:center;border-top:1px #999 solid;margin:0;padding:15px 0 30px;}
.copyright {font:bold 8pt arial,sans-serif;text-align:center;border-top:1px #999 solid;margin:0;padding:15px 0 30px;}

.frm {font:9pt verdana,sans-serif;}
.frm td.l {text-align:right; padding-right:10px;}

.printonly {display:none;}
.printonly h1 {margin:0;font:bold 18pt times,serif;}
.printonly p {margin:0;}

.events {font:8pt/12pt verdana,sans-serif;}
.events p {margin:0;}
.events .e {padding-left:40px;}
.events h4 {font:bold 13pt arial,verdana,sans-serif;margin:15px 0 0;border-top:thick #62644C solid;padding-top:6px;}
.events h5 {font:bold 8pt verdana,sans-serif;margin:10px 0 10px 0;}
.events p.site {font:bold 8pt verdana,sans-serif;margin:10px 0 10px 0;}
.events p.site a {font:bold 10pt verdana,sans-serif;}
.linker {background:url(images/linkpenn.gif) no-repeat;padding-left:45px;margin-bottom:20px;}
.linker a {font-weight:bold;}

.special {margin-bottom:15px;border-bottom:1px black solid;padding-bottom:10px;}
.special p {margin:0;}
.special blockquote {margin-top:0;margin-bottom:0;}
.events .e h5 {font:bold 11pt arial,verdana,sans-serif;}

.pp {background-color:#62644C; color:white;padding:3px 5px 7px;margin-top:10px; width:430px;}
.pp a {color:white;}
.pp a:visited {color:white;}
.pp a:hover {color:#62644C;text-decoration:none;}
.pp .fl {float:left;margin-right:6px;}
.pp .fl a:hover {background-color:transparent;}
.passport {width:449px; height:602px;}
.mynumber {position:relative;left:350px;top:35px; font:16pt times,serif;}
.po li {padding-bottom:10px;}
.po a {font-weight:bold;}

.when {font-family: verdana,sans-serif; font-weight:bold;color:#aa0000;border-top:1px solid black;text-align:center}
.what {text-align:left; font-family: verdana,sans-serif;margin:9px;}

.ds li {padding-bottom: 10px;}
.gad {width:160px; float:right; margin-left:20px;}

@media print {
   .sh {display:none;}
   .leftpanel {display:none;}
   .bodyhere {width:530px;margin:0;padding:0;}
   .footer {width:680px;}
   .masthead {display:none;}
   .printonly {display:block;}
}



.ourad{
	text-align:center;
	border:2px solid blue;
	background:rgb(200,200,230);
	font-size:1.3em;
	width:80%;
	margin:0 auto;
	margin-bottom:10px;
	padding:5px;
	
	
}


.interad{text-align:center}



/*********social media********/


#socialmed{
	
	max-width:100%
}

#twitterdiv{margin-right:80px;margin-left:50px}

#fbdiv{max-width:300px; color:white; padding:14px;}

#gplusdiv{}







/**************************/
@media only screen and (max-width:870px) {
	

	
	.flip{

   -webkit-box-orient:vertical;
   -webkit-box-flex: 1;
   -moz-box-orient:vertical;
   -moz-box-flex: 1;   
        display: flex;
		flex-direction:column;


		
		
	}
	
}

@media only screen and (max-width:767px) {
	
	.hidesmall{display:none}
	#right{display:none;}
	.showsmall{display:block;}

.responsive{width:100%;}

.interad{display:block}

#mobilenav{display:block}

}

@media only screen and (min-width:768px) {
	
		.hidesmall{display:block}
	.showsmall{display:none
	
}