@CHARSET "UTF-8";

#contentAreaSub {
}
#menuTopBlack {
  height:10px;
  background-color:#000000;
}
#breadcrumb {
  border: 1px solid #ffffff;
  background-color:#7bbde6;
  color:#000000;
  padding-left:30px;
  padding-top:8px;
  padding-bottom:8px;
  color:#000000;
  font-size:11px;
  font-weight:bold;
}
#breadcrumb ul li{
  display:inline;
  list-style:none;
  padding-right:5px;
}
#breadcrumb a {
  color:#000000;
}

#subNav {
  width:230px;
  padding-right:20px;
  padding-top:10px;
  background-image:url(../images/submenu_bg/jhusticker.jpg);
  background-repeat:no-repeat;
}
#subNav a{
  color:#000000;
  text-decoration:none;
}
#subNav a:hover, #subNav a:active, #subNav a:focus {
  color: #78c3ef;
  text-decoration: none;
}

#subNavHeader {
  font-size:22px;
  font-weight:bold;
  padding-bottom:0;
  padding-left:30px;
}
#subNavMenu{
  font-size:12px;
  list-style:none;
  font-weight:normal;
  min-height:350px;
  padding-left:30px;
}
#subNavMenu li{
  padding-top:15px;
  font-weight:bold;
}
#subNavMenu li ul{
  list-style:none;
  padding-left:20px;
}
#subNavMenu li ul li{
	padding-top:6px;
}

#contentAreaSub {
  width:700px;
  padding-right:50px;
  padding-left:0px;
/*  font-size:0.7em; */
  font-size:12px;
}
.contentHeader{
  font-size:2em;
	font-weight:bold;
  padding-top:5px;
  padding-bottom:10px;
}
.contentSubHeader{
  font-size:1.3em;
	font-weight:bold;
}
.contentSubSubHeader{
  font-size:1.1em;
	font-weight:bold;
}
/******* tabMenu *******/
.tabBox {
  margin-left: 20px;
	width: 225px;
}
.tabBox ul{
	list-style: none;
	list-style-position: outside;
}
#calloutTabs {
  padding: 0px 10px 0px 10px;
}
.tabBox ul.tabMenu li{
	float: left;
	margin-right: 5px;
	margin-bottom: -1px;
	font-weight: bold;
	display: block;
	background: #efefef;
	margin-bottom: -1px;
	position: relative;
	color: #ffffff;
	cursor: pointer;
  height:22px;
}

.tabBox ul.tabMenu li a {
  text-decoration:none;
  padding-top:1px;
}

.tabBox ul.tabMenu li.active{
	border-bottom: 0;
}
.tabBox ul.tabMenu li#students {
	background-color: #d77828;
	border-bottom: 0;
	text-decoration:none;
	color: #ffffff;
  font-size:13px;
}
.tabBox ul.tabMenu li#students a, .tabBox ul.tabMenu li#students a:hover , .tabBox ul.tabMenu li#students a:visited {
	text-decoration:none;
	color: #ffffff;
}

/******* /tabMenu *******/
/******* CONTENT *******/
/******* /CONTENT *******/
/******* STUDENTS *******/
.tabMenucontent.students{
	display: block;
}
#homestudentlinks, #homeparentlinks, #homecounselorlinks {
  padding-top:10px;
}

#leftColCallout {
  position:relative;
	border-top:1px solid #7bbde6;
  width:230px;
  padding-top:20px;
  margin-top:15px;
}
#leftColCalloutTxt{
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
  font-size:20px;
  padding-left:20px;
  color:#004b8e;
}
.morelnk{
  font-size:11px;
  font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
  text-decoration:none;
  color:#a1a1a1;
  padding-left:10px;
}

#contentCalloutBox{
  width:280px;
  margin-bottom:20px;
}

#articleIcons{
  margin-top:10px;
  float:right;
}
#articleIcons img{
  margin-right:5px;
  cursor:pointer;
}


/* modal dialog fields */
#dialog-form { display:none; z-index:1100; }

#dialog-form input.text { margin-bottom:12px; width:95%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:25px; }
div#users-contain { width: 350px; margin: 20px 0; }
.ui-dialog .ui-state-error { padding: .3em; }
.ui-widget { font-size:12px; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }

#socialDivider {
  background-color:#7bbde6;
  color:#7bbde6;
  height:4px;
	margin-top:30px;
	border:none;
}

.texthead{
/* combine contentsubhead and logoorange for legacy search results */
  font-size:1.3em;
	font-weight:bold;
  color:#c45d45;
}