/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, 
content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer 
because each browser has a different top margin default value. By resetting these values to 0, the elements will 
initially be rendered in an identical fashion and their properties can be easily defined by the designer in any 
subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0; 
  border: 0;
  outline: 0;
  }
/* The body is the outermost layout component and contains the visible page content. Setting properties for the
body element will help to create consistent styling of the page content and more manageable CSS. Besides using
the body element to set global properties, it is common to use the body element to set the background color of
the page and create a centered container for the page content to display. */
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	font-size: 100%;
	background-color: #bbd0e7;
	background-image: url(../images/osher_pgbtm.gif);
	background-repeat: repeat-x;
	background-position: 0px 100%;
}
/* WRAPPER This is a holder of all of the page's visible elements, including the shadow behind the container div. */
#wrapper {
	background-repeat: repeat-x;
	background-image: url(../images/osher_wrapbkgrnd.gif);
	clear: both;
}

#global_header {
	width: 100%;
	height: 70px;
	background-image: url(../images/global_hdr_bkgrnd.gif);
	background-repeat: repeat-x;
	background-color: #0b1966;
}
#global_header_wrap {
	width: 805px;
	background-color: #0b1966;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/* CONTAINER This is a container for the page content. It is common to use the container to constrain the width of 
the page content and allow for browser chrome to avoid the need for horizontal scrolling. For fixed layouts you may 
specify a container width and use auto for the left and right margin to center the container on the page. IE 5 browser 
require the use of text-align: center defined by the body element to center the container. For liquid layouts you may 
simply set the left and right margins to center the container on the page. */
#container {
	width:816px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/osher_dropshadow.gif);
	background-repeat: repeat-y;
}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#container .clearFloat {
  clear: both;
  display: block;
}

.clearme {
clear: both;
height: 0%;
overflow: hidden;
}

.widewrap {
margin: 0 auto;
width: 800px;
}

/* #container_shadow {
	background: url(images/content_dropshad_rep.gif) repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

a:link,a:visited {
   color: #5f59b1; 
} */
.es-graytype {
   color: #999; 
}
/****************************************/
/* Header Begins */ 
#estop-header {
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 1px;
	padding-right: 0px;
	padding-left: 8px;
	margin-bottom: -10px;
	height: 82px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#bsu_es-logos {
	height: 58px;
	border-width: 0px;
	margin-top: 6px;
	width: 135px;
}
.bsulogo {
	padding-left: 2px;
	}
#es-spacer {
   margin-left:10px;
   font-weight:bold;
   position:relative;
   top: -5px; 
}
#bsu-globalnav {
   float:right;
   text-align:right;
   white-space:nowrap;
   padding-top:5px; 
}

.searchbox {
	background: #c7d7e7;
	border: 1px solid #ccc;
}
.fence {
	color: #993300;
	margin:0 5px;
}
#estop-header a:link, #bsu-globalnav a:visited, a:link, a:visited  {
	color: #c7d7e7;
	text-decoration: none;
}
#estop-header #bsu-globalnav a:hover  {
	text-decoration: underline;
}
#header {
	margin-top: -15px;
}
#header-title { 
   color: #fff; 
}
.eshometype {
	font-size:18px;
	color: #003366;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
}
#header-eshome {
	height:20px;
}
#header-es1 {
	vertical-align: top;
}
#header-eshome, #header-es1, .eshometype {
	font-size:18px;
	color: #003366;
	padding-bottom: 10px;
}
#header-search {
	padding-right:10px;
	font-size:11px;
	white-space:nowrap;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	margin-top: -5px;
	padding-top: 2px;
}
.header-searchtype {
	font-size:11px;
	color: #c7d7e7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
	margin-top: 8px;
}
/* Header Ends */ 
/****************************************/
/* Extended Studies Global Links BEGINS */

#es-globalnavigation {
	height:30px;
	width: 100%;
	background-image: url(../images/es_global_hdrblue.gif);
	background-repeat: repeat-x;
	position: relative;
}
#es-globalnavigation a:link, #es-globalnavtype a:link, a:visited {
	text-decoration: none;
	color: #c7d7e7;
	}
#es-globalnavtype a:hover  {
	text-decoration: underline;
	}

#es-globalnavtype {
	font-size:11px;
	white-space:nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 800px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	padding-top: 8px;
	color: #FFFFFF;
	padding-right: 4px;
}
/* Extended Studies Global Links ENDS */
/****************************************/
/* Extended Studies Top Photos BEGINS */
#es-topphotos {
	width: 800px;
	height: 176px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	/* background-image: url(../images/osher_pic.jpg); */
	background-repeat: no-repeat;
	margin-top: -2px;
	margin-bottom: 0px;
}
.ie #es-topphotos {
   padding-bottom:0;
   margin-bottom:24px; 
}
.es-topphotos {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top: 2px;
}

#es-topphotos #programtitle h1 {
	display: block;
	position: absolute;
	width: 555px;
	height: 26px;
	text-indent: -2000px;
	overflow: hidden;
	font-size: 28px;
	line-height: 29px;
	font-weight: bold;
	text-align: right;
	left: 235px;
	top: 108px;
	padding-left: 2px;
}

#es-topphotos #programtitle h2 {
	display: block;
	position: absolute;
	width: 159px;
	height: 20px;
	text-indent: 0px;
	overflow: hidden;
	font-family: Georgia, serif;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	text-align: right;
	font-style: italic;
	left: 240px;
	top: 138px;
}
/* Extended Studies Top Photos ENDS */
/****************************************/
/* Program NAME AND "Tagline" BEGINS */
#program-name {
	background-color: #4476af;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	text-align: center;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 32px;
	margin-bottom: -1px;
	margin-top: -2px;
	width: 800px;
}
/* Program NAME AND "Tagline" ENDS */
/****************************************/
/* Main Programs Listing BEGINS */
#programs {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.font-sys {
   font-size:11px; 
}
blockquote {
margin-left:10px; }

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

.nowrap {
white-space:nowrap; 
}

/* .content {
} */
/****************************************/
/* Footer BEGINS */	
#footer {
	font-size: 11px;
	height: 138px;
	width: 800px;
	margin: 35px auto 0px auto;
	padding: 0px 0px 5px 0px;
}
.footer {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 5px;
}
.footer p {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	color: #0b1966;
	padding-left: 12px;
}
.footer a:link, .footer a:visited {
	color: #0b1966;
}	
.footer a:hover {        
	text-decoration: underline;
}
.section-border-dark, .section-border-light {
   border-width:1px 0 0 0;
   border-style:solid;
}
#bottomfooter {
	width: 816px;
	height: 21px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/osher_btmblueband.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
}
/* Footer ENDS */
/****************************************/	

/* @media print */

.noprint {
   display:none; 
}
/****************************************/
/*BREADCRUMB STYLING   I added this in from another website I found. JE      */
/****************************************/
ul#crumbs {
	margin:0 0 15px 0;
	padding:0;
}
#crumbs li {
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
	font-size:11px;
	color:#4095df;
	text-decoration:none;
}	 
#crumbs li a {
	text-decoration:none;
	color:#4095df;
}
#crumbs li a:link {
  	color:#4095df;
}
#crumbs li a:visited {
	color:#4095df;
}
#crumbs li a:hover {
	color:#4095df;
	text-decoration:underline;
}
#crumbs li a:active {
	color:#4095df;
	text-decoration:none;
}