/* @override http://www-devl.bu.edu/nis/lib/core_framework/bucf-screen-v1.css */

/* //////  Redefine YUI grids specific to this local site  ////////  */
body {
	*font-size: small;
	*font: x-small;
}
#ft {
	clear: both;
}
#doc, .yui-t5 {
	margin: auto;
	text-align: left;
	width: 78.769em;
	*width: 76.80em;
	min-width: 750px;
}

/* ////// Page and Content definitions */
body {
	margin-top: 0.923em;
	font: 13px/1.231 "Lucida Grande", Verdana, Trebuchet, Lucida, sans-serif;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	font-weight: bold;
	line-height: normal;
}
#content h1 {
	margin: 1em 0em 1em 0em;
	font-size: 1.75em;
}
#content h2 {
	margin: 1em 0em 1em 0em;
	font-size: 1.538em;
}
#content h3 {
	margin: 1em 0em 1em 0em;
	font-size: 1.385em;
}
#content h4 {
	margin: 1em 0em 1em 0em;
	font-size: 1.231em;
}
#content h5 {
	margin: 1em 0 1em 0;
	font-size: 1.077em;
}
#content h6 {
	margin: 1em 0 1em 0;
	font-size: 1em;
}
#content p {
	margin: 1em 0 1em 0;
	font-size: 1em;
	line-height: 1.5em;
}
#content ul li {
	list-style-type: disc;
    line-height: 1.5em;
}
#content ul li ul li {
	list-style-type: circle;
}
#content ul li ul li ul li {
	list-style-type: square;
}
#content ol li {
	list-style-type: decimal;
}
#content ul, #content ol {
	margin: 1em 0 0 3em;
}
#content table {
	margin: 1em 0 0 0;
}
.skipnav { display: none; }

/* ////// Header Definitions */

#hd h1 {
	font-size: 1.615em;
}
#hd h1 a {
	text-decoration: none;
}



/* ////// Search Form */

form#searchbox {
	margin: 0em;
	padding: 0.3em;
	background-color: transparent;
	float: right;
}
#searchform {
	padding: 1em 0 0 0;
	text-align: right;
}
#searchform #quicksearch input {
	margin-left: 0.923em;
	padding: 0em;
}
input.image {
	margin-bottom: -5px;
}

/* >>>>> set search input field explicitly in pixels as it doesn't scale well in EM spaces */

input#qt {
	width: 170px;
	height: 18px;
}
input#s {
	width: 150px;
	height: 18px;
}

/* ////// Content Navigation */

#contentnav {
	font-size: 0.923em;
}
a.content_nav_header {
	display: block;
	font-size: 1.2em;
	text-decoration: none;
	padding: .5em;
}
a:hover.content_nav_header {
	text-decoration: none;
}
#contentnav ul li {
	font-weight: bold;
	font-size: 1.077em;
}
#contentnav ul ul li {
	font-weight: normal;
	font-size: .846em;
	padding-left: 1em;
}
#contentnav ul ul ul li {
	font-size: 100%;
}
#contentnav li a {
	padding: .308em;
	display: block;
}


/* ////// Body Definitions */

.yui-b {
	margin: 2.308em 0;
}
.yui-t5 #yui-main .yui-b {
	margin-left: 2.308em;
	margin-right: 22.308em;
}
.yui-t5 .yui-b {
	margin-right: 2.308em;
	_margin-right: 1.38em;
}

/* ////// Footer Definitions */

#ft {
	height: 8.077em;
	*height: 7.88em;
	margin: 0em;
}
#pagesig {
	padding: 0em;
	margin: 0em;
}
#pagesig_container {
	float: left;
	padding-top: 0.538em;
}
#ft_left {
	float: left;
	padding-top: 2em;
}
#ft_right {
	padding-top: 2.308em;
	margin: 0em;
}
a.pagesig {
	background-color: transparent;
}
#masterlogo {
	display: block;
	float: left;
	text-decoration: none;
	margin-right: 3.692em;
}
.clearboth { clear: both; }
.clearing {
	clear: both;
}

/* ////// Navigation */

#pnb {
  z-index: 100;
  position: relative;
  zoom: 1;
}
#nav {
  height: 1.2em;
  _height: 2em;

  padding: 0.4em 0em; /* jaz: deals with Safari & Opera rounding problem */
  _padding: 0em;

  overflow: hidden;  
  white-space: nowrap;
}
#nav ul { 
  list-style: none;
  margin: 0;
  padding: 0;
  white-space:  nowrap;
}
#nav li {
  display: block;
  float: left;
  font-size: 1em;  
  margin-bottom: 2em; /* jaz: so that wrapped primary nav items don't get in the way */
}
#nav li a, #nav li a:link, #nav li a:active, #nav li a:visited {
  display: block;

  height: 1.2em;
  _height: auto;

  padding: 0.4em 1em;

  margin-top: -0.4em; /* jaz: offsets damage done by avoiding the Safari rounding problem */
  _margin-top: 0em;
  
  text-decoration: none;
  text-transform: uppercase;
}
#nav li ul {
  position: absolute;
  top: 1em;
  left: 0;
  display: none;
  z-index: 101;
}
#nav li>ul {
  top: auto;
  left: auto;
}
#nav li:hover ul,
#nav li.sfHover ul {
  display: block;
  zoom: 1;
}
#nav li ul li a {
  height: auto !important;
  font-size: 0.755em;
  margin: 0em !important;
  text-transform: none;
}
#nav li ul li {
  float: none;
  height: auto;
  clear: both;
  display: block;
  margin-bottom: 0em;
}
#nav li ul li a, #nav li ul li a:link, #nav li ul li a:active, #nav li ul li a:visited {
  text-transform: none;
}


/* ////// Layout for Core Framework style 2 - full width header and footer */

body.cf2 {
	padding-top: 0em;
	margin-top: 0em;
}
.cf2 #hd_content, .cf2 #bd, .cf2 #ft_content {
	width: 75.231em;
	margin: auto;
}
.cf2 #pnb_content {
	width:  77em;
	margin: auto;
}
.cf2 #pnb {
	padding-left: 0em;
}
.cf2 #searchform {
	margin: 0 0 0 0;
	width: 30em;
	float: right;
	padding-top: 0;
}
.cf2 #contentnav ul {
	padding: 0em;
}
.cf2 #content {
	padding: 0 2em 0 0;
}
.cf2 #hd {
	height: 7.462em;
}
.cf2 #hd_content {
	padding-top: 2em;
}
.cf2 #hd h1 {
	background-repeat: no-repeat;
	background-position: left center;
	height: 2.4em;
}
.cf2 #titlebar {
	width: 45em;
}
.cf2 #hd h1 a, .cf2 #hd h1 a:visited, .cf2 #hd h1 a:active, .cf2 #hd h1 a:link {
	color: #000;
}

/* >>>>> Also for CF style 2, keeps footer stuck to bottom on pages with little/short content */

html, body.cf2 {
   height: 100%;
}
.cf2 #doc3 {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -9.230em;
}
.cf2 #ft {
   width: 100%;
   height: 9.230em;
   bottom: 0;
   position: relative;
}
.cf2 .ft_spacer {
	height: 11.538em;
	}

/* ////// Miscellaneous Content */
code {
	line-height: 1.25;
}
.alignleft {
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
}
.alignright {
	margin-bottom: 15px;
	float: right;
	margin-left: 15px;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}

/* ////// Fix for IE 6 content nav spacing */

#contentnav li {
	_margin-bottom: -1em;
	_line-height: 1em; /*ryeany: I have NO IDEA where this came from ... can anyone shed some light why this is here?*/
}
ul#pnb-dropdowns li ul {
	_visibility: hidden;
}


/*  -----{ fixes for Gravity Forms }-------------------------------  */

#content .gform_body ul.gfield_radio li, #content .gform_body ul.gfield_checkbox li {
	margin: 0;
}
#content .gform_body ul.gfield_radio, #content .gform_body ul.gfield_checkbox {
	width: 60%;
	padding-top: 0;
}
#content .gform_body ul.gfield_radio li label, #content .gform_body ul.gfield_checkbox li label {
	float: none;
}
#content .gform_body .ginput_container label {
	width: 100%;
}
#content .gform_body ul {
	margin: 0;
}

/* -------- Gravity Forms additions from New Media -------- */
.gform_wrapper input { font-size:11px;   font-family:verdana,sans-serif;  }
.gform_wrapper textarea{ font-size:11px; font-family:verdana,sans-serif; }
.gform_wrapper select{ font-size:11px;  font-family:verdana,sans-serif;}
.gform_wrapper .field_hover{ border:1px dashed #2175A9!important; }
.gform_wrapper .field_selected{ background-color:#DFEFFF;  border:1px solid #C2D7EF!important}

.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title{ 
    font-size:16px;  font-family:Helvetica,sans-serif
}

.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description,.gform_wrapper .instruction { font-family:verdana,sans-serif;}

.gform_wrapper .gfield_required{ color:#790000;}

.gform_wrapper .gfield_error{ background-color:#FFDFDF!important; border:1px dotted #C89797;}

.gform_wrapper .gfield_error .gfield_label{ color:#790000}
.gform_wrapper .validation_error{ color:#790000; font-family:Helvetica,sans-serif;}
.gform_wrapper .validation_message{ color:#790000!important; font-family:verdana,sans-serif;}
.gform_wrapper input.button{ color:#222}
.gform_wrapper input.button:hover{ color:#000}
#gforms_confirmation_message{background-color:#fffac6; border:1px solid #feda70; color:#252525;}

.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div { font-family:"lucida sans", "lucida grande", lucida ,sans-serif;  background:#fff;  border:4px solid #C1C1C1; }

.ui-datepicker-next, .ui-datepicker-prev{background:#eee}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover{ background:#dadada}

.ui-datepicker-next a, .ui-datepicker-prev a{ border:1px solid #d3d3d3;}
.ui-datepicker-header select{ border:1px solid #d3d3d3;  color:#555;  background:#e6e6e6;}
.ui-datepicker-header option:focus, .ui-datepicker-header option:hover{ background:#dadada}

table.ui-datepicker td a{ color:#555; background:#e6e6e6;  border:1px solid #fff; }
table.ui-datepicker td a:hover{ border:1px solid #fff; color:#212121; background:#dadada; }
table.ui-datepicker td a:active{ border:1px solid #aaa; color:#212121; background:#fff;  }
table.ui-datepicker .ui-datepicker-title-row td{  color:#222; }
table.ui-datepicker .ui-datepicker-title-row td a{ color:#222; }

