@charset "utf-8";

/* CSS Document */
/* Font Sizes: Use em for text that can increase/decrease size. Use px for fixed size.

/* HTML ELEMENTS */

html {
}

body {
  background: #2a5e9a;
  background-image:url(../images/background.jpg);
  background-repeat:repeat-x;
  color: #000000;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}

p {
  display:block;
  margin-top: 0;
}

h1, h2, h3, h4, h5, h6 {
  display: inline;
  margin-top: 0;
  padding-right: 0px;
  padding-left: 0px;
  font-size: 1em;
}

ul, ol, dl {
  padding: 0;
  margin: 0;
}

a {
}

a:link {
  color: #004b8e;
  text-decoration: none;
}

a:visited {
  color: #004b8e;
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: #7bbde6;
  text-decoration: none;
}

a img {
  border: none;
  display: block;
}

img {
}

hr {
}

/* IDs (#) */

#pageContainer {
	position:relative;
  width: 1000px;
  background: #FFFFFF;
  margin: 0 auto;
}

#headerJHUNavigator {
  background: #26578f;
  background-image:url("../images/hopkinsnavigatorbg.jpg");
  background-repeat:no-repeat;
  color: #FFFFFF;
  font-weight: bold;
  height:30px;
  display:none;
}

#headerJHUUndergradAdmissions {
  background: #000000;
  color: #003663;
  padding-right:30px;
	height:90px;
}

#admissionslogo a {
	background: #000 url(../images/undergradAdmissionsLogo.gif) no-repeat; 
  width:695px; 
  height:90px; 
  display:block;
}

#ugradSearch{
	width:275px;
  text-align:right;
  margin-top:-6px;
}

#menuTopHorizontal {
	background-color:#000000;
  color: #ffffff;
  font-size:11px;
	padding-top:15px;
  padding-left:25px;
  z-index:1001;
}

#topNavLinks {
  display:block;
}

ul#topNavLinks {
  list-style-type: none;
}

ul#topNavLinks li {
  position:relative;
  margin:0;
  padding-left:1px;
  padding-right:1px;
  list-style-type: none;
  display: inline;
  z-index:2000;
  zoom:1;
}

ul#topNavLinks li a {	
	font-size:1em;
	font-weight: bold;
	text-decoration: none;
	margin: 0 7px 0 6px;
  color:#ffffff;
}
ul#topNavLinks li a:link, ul#topNavLinks li a:visited {  font-size:11px; color: #ffffff;}
ul#topNavLinks li a:hover, ul#topNavLinks li a:active {  font-size:11px; color: #999999;}

ul#topNavLinks li ul.subNavLinks {
	position:relative;		/* position:relative; needed for ie 6 peakaboo bug */
	overflow:hidden;	
	width:250px;
	height:auto; 			/* height:20px */
	margin:0;
	padding-right:0px;  	/* each column already has 20px of margin right; space out just a touch more */
	list-style-type: none;
	text-indent:0px;	
	border:0px solid #000;
}

ul#topNavLinks li ul.subNavLinks li {	
	position:relative; 		/* position:relative; needed for ie 6 peakaboo bug */
	margin-left:0px;
	text-indent:0px;	
	padding:2px 0px 0px 8px;
	list-style-type: none;
}

ul#topNavLinks li ul.subNavLinks li.secondLevelNavTop {display:block; padding:0px 0px 5px 8px;}
ul#topNavLinks li ul.subNavLinks li.secondLevelNav {padding:8px 0px 0px 8px;}

ul#topNavLinks li ul.subNavLinks li.fourthLevelNav {
	text-indent:5px;
	padding:2px 0px 0px 8px;
}

ul#topNavLinks li ul.subNavLinks li.secondLevelNav a, ul#topNavLinks li ul.subNavLinks li.secondLevelNavTop a, ul#topNavLinks li ul.subNavLinks li.secondLevelNavTopOn a {
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	display:block;
	margin:0;
}

ul#topNavLinks li ul.subNavLinks li.secondLevelNav a:link, ul#topNavLinks li ul.subNavLinks li.secondLevelNav a:visited {color: #065190;}
ul#topNavLinks li ul.subNavLinks li.secondLevelNav a:hover, ul#topNavLinks li ul.subNavLinks li.secondLevelNav a:active {color: #333;}
ul#topNavLinks li ul.subNavLinks li.secondLevelNavTop a:link, ul#topNavLinks li ul.subNavLinks li.secondLevelNavTop a:visited {color: #065190;}
ul#topNavLinks li ul.subNavLinks li.secondLevelNavTop a:hover, ul#topNavLinks li ul.subNavLinks li.secondLevelNavTop a:active {color: #333;	}
ul#topNavLinks li ul.subNavLinks li.thirdLevelNav a {
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	display:block;
	margin:0;
}

/*
ul#topNavLinks li ul.subNavLinks li.thirdLevelNav a:link, ul#topNavLinks li ul.subNavLinks li.thirdLevelNav a:visited {color: #363636;}
ul#topNavLinks li ul.subNavLinks li.thirdLevelNav a:hover, ul#topNavLinks li ul.subNavLinks li.thirdLevelNav a:active {color: #003663;}
ul#topNavLinks li ul.subNavLinks li.fourthLevelNav a {font-size: 1em;font-weight: normal;text-decoration: none;}
ul#topNavLinks li ul.subNavLinks li.fourthLevelNav a:link, ul#topNavLinks li ul.subNavLinks li.fourthLevelNav a:visited {color: #363636;}
ul#topNavLinks li ul.subNavLinks li.fourthLevelNav a:hover, ul#topNavLinks li ul.subNavLinks li.fourthLevelNav a:active {color: #003663;}
*/

ul#topNavLinks li.mainmenudivider {
  display:inline;
  width:2px;
  min-width:2px;
  padding-left:0;
  padding-right:0;
	font-size:11px;
  zoom:1;
}

.mainMenuDivider{
  vertical-align:middle;
  position:relative;
  top:-2px;
}


/* fixed width menu style with variable height. (add the code below for fixed minimum height that works in ff and ie) */
/* min-height:350px; 
	height:auto !important;
	height:350px; */
.subNavMenu {
	position:absolute;
	visibility: hidden;
	top:0px;
	z-index: 2000; 
	padding:10px 10px;	
	height:auto;
	width:250px; 
	overflow:visible;
	background: #FFFFFF;
	border:1px solid #003663;
	margin-top:14px;
  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;

}
.menuBox.subNavMenu{left:-2px;}


#alertBlack{
	display:none;

	background-color:#000000;
  position:absolute;
  top:150px;
  width:1000px;
  height:13px;
  z-index:500;
}
#alertBar{	
display:none;

	background-color:#BF3326;   /* RED */
/*	background-color:#f7ae41; */ /* YELLOW */
  padding-top:3px;
  padding-bottom:3px;
  padding-left:27px;
  color:#000000; 
/*  color:#ffffff; */
  position:absolute;
  top:163px;
  width:973px;
  height:20px;
  z-index:500;
  font-weight:bold;
}
#alertBar a{
/*	color:#000000; */ /* For Yellow BG */
	color:#ffffff;   /* For Red BG */
}

/* Classes (.) */

.fltrt {
  float: right;
}

.fltlft {
  float: left;
}

.clearfloat {
  clear:both;
  height:0;
  font-size: 0.1em;
  line-height: 0px;
}

.centertxt{
  text-align:center;
}

.mainMenuSpace {
  width: 30px;
}


/*  FORMS  */
#ugradadmissionssearchform {
  position:relative;
  top:47px;
}

#ugradadmissionssearchform input {
  background-color:#ffffff;
  border:none;
  color:#999999;
  font-size:11px;
}

.searchSubmitButton {
  background-image:url(../images/searchbutton.gif);
  background-repeat:no-repeat;
  height:21px;
  width:22px;
}

.tabboxbgtop {
  background-image:url(../images/tabs/tabboxbgtop.gif);
  background-repeat:repeat-x;
  background-color:#f6f6f6;
  height:15px;
  position:relative;
  top:1px;
  border-top:1px solid #737373;
  border-left:1px solid #737373;
  border-right:1px solid #737373;
}

.tabMenucontent a {
  text-decoration:none;
}
.tabMenucontent{
	margin: 0pt auto;
	background-image:url(../images/tabs/tabboxbgmain.gif);
  background-repeat:repeat-x;
	background-color: #ffffff;
	text-align: left;
	padding: 0 20px;
	font-size: 11px;
/*
  font-weight:bold;
*/
}
.tabboxheading {
  font-size:18px;
  font-family:"Times New Roman", Times, serif;
  font-weight:bold;
}
.tabMenucontent ul {
  margin:0;
  padding:0;
	list-style: none;
}
.hometabboxlinks {
  margin-top:10px;
}
.tabMenucontent li {
list-style: none;
padding-left:10px;
line-height:2em;
zoom:1;
}
#homestudentlinks li {
background:url(../images/homelistbulletorange.gif) left center no-repeat;
}
#homeparentlinks li {
background:url(../images/homelistbulletpurple.gif) left center no-repeat;
}
#homecounselorlinks li {
background:url(../images/homelistbulletgold.gif) left center no-repeat;
}

#footer{
  background-image:url(../images/footerbg.gif);
  background-repeat:repeat-x;
  background-position:top;
}
#hopkinsinsider img, #hopkinsinteractive img, #mediaiconshome img, #mediaicons img{
  display:inline;
}
#bloglinks {
  padding-top:15px;
  padding-left:30px;
  padding-right:15px;
}
#bloglinks a {
	font-size:0.7em;
  font-weight:bold;
  text-decoration:none;
}
#bloglinks img {
  vertical-align:middle;
}

#bottomNav {
  padding-top:30px;
  padding-left:15px;
  padding-right:15px;
  width:580px;
  font-size:11px;
  font-weight:bold;
  text-align:center;
}
#bottomNav a {
	font-size:11px;
  font-weight:bold;
  text-decoration:none;
}

#mediaicons {
  padding-top:23px;
  padding-left:15px;
  padding-right:30px;
}
#mediaiconshome {
  padding-top:22px;
  padding-left:10px;
  padding-right:40px;
}
.mediaicon {
  padding-left:3px;
  padding-right:3px;
}

#footeraddress {
  margin:0 auto;
  color:#767676;
  font-family:Verdana, Geneva, sans-serif;
  font-size:10px;
  font-weight:bold;
	text-align:center;
  padding-top:20px;
  padding-bottom:10px;
}
#footercopyright {
  background-image:url(../images/copyrightbg.jpg);
  background-repeat:no-repeat;
  background-color:#295f9a;
  font-family:Helvetica, Arial, sans-serif;
  font-size:10px;
  color:#9da2a8;
  height:30px;
  padding-top:8px;
  padding-left:40px;
}

.formlabel{
  width:150px;
  vertical-align:middle;
  clear:left;
  margin-bottom:5px;
  padding-top:0.3em;
  text-align:right;
}
.formfield{
  vertical-align:middle;
  margin-bottom:5px;
  padding-left:10px;
}

.italic{
  font-style:italic;
}
.bold{
  font-weight:bold;
}
.small{
  font-size:0.9em;
}
.logoorange{
  color:#c45d45;
}
.orangetxt {
  color:#d66428;
}
.redtxt {
  color:#bf3326;
}
.yellowtxt {
  color:#f7ae40;
}
.purpletxt {
  color:#585fab;
}
.goldtxt {
  color:#8b8031;
}
.ltbluetxt{
  color:#6ba6ca;
}

.showScreen {
  display:inline;
}
.showMobile {
  display:none;
}