/* 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;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
/* 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: #e7f096;
}
/* 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(../../regionalsites/images/regions_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 {
	min-width: 760px;
	max-width: 985px;
	background-color: #0b1966;
	margin: 0 auto 0 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 {
	position:relative; /* This should establish a positioning context for child elements */
	min-width: 740px;
	max-width: 1000px;
	margin: 0 auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	border-bottom-width: 21px;
	border-bottom-color: #0b1966;
}
/* 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. */
.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: 10px;
	padding-left: 10px;
	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;
}
#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:visited, a:link, a:visited  {
	text-decoration: none;
	color: #FFFFFF;
	}
#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 */
/****************************************/

/****************************************/
/* Left nav styling for Sub pages BEGINS */
#incontent {
background-position: 14em;
}
#contentwrapper {
	background-image: url(../images/mtnhomesubpic.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0;
	padding: 0px 10px 0px 0px;
	background-color: #FFFFFF;
}
#leftnav {
	float: left;
	background-color: #0b1966;
	width: 165px;
	margin: 0;
	padding: 0;
	height: 680px;	
}
.navfade {
	width: 165px;
	margin: 0;
	/* background-image: url(../images/navleft-fade-bkg.png); */
	background-repeat: repeat-x;
}
#leftnavshort {
	float: left;
	background-color: #0b1966;
	width: 165px;
	margin: 0;
	padding: 0;
/*	height: 585px;   */
	height: 380px;
}
#leftnavlong {
	float: left;
	background-color: #0b1966;
	width: 165px;
	margin: 0;
	padding: 0;
	height: 1143px;
}
.navigation {
	border-bottom: 1px dotted #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 11px;
}
.navigation ul {   /* was nav_2 */
	background-color: #0b1966;
	width: 13em;
	list-style: none;
	margin: 0;
	padding: 5px 0 5px 0;
}
.navigation li {
	border-bottom: 1px dotted #ECF5DB;
	margin: 0px;
	overflow: hidden;
	width: 15em;
}
.navigation li a {
	display: block;
	color: #FFFFFF;
	padding: 0px;
	width: 14em;
	text-decoration: none;
}
.navigation li a.active span {
font-weight: bold;
}
.navigation li a span {
	display: block;
	background-image: url(../../images/bullet_orng_navi.gif);
	background-repeat: no-repeat;
	background-position: 6px 7px;
	padding: 4px 3px  6px 14px;
}
.navigation li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.navigation ul ul {    /* was nav_3 */
	background-color: #dfe9f5;
	width: 15em;
	list-style: none;
	margin: 0;
	padding: 5px 0;
	border-top: 1px solid #fff;
	padding: 5px 0;
}
.navigation ul ul li {
border-bottom: 0px;
}
.navigation  ul ul li a {
	display: block;
	color: #000000;
	padding: 0px;
	width: 14em;
	text-decoration: none;
}
.navigation ul ul li a:hover {
	color: #333333;
	text-decoration: underline;
}
.navigation ul ul li a span {
padding: 4px 0.3em 4px 2.25em;
background-position: 1.3em 0.6em;
}
/*** Left nav styling for Sub pages ENDS **/
/****************************************/

/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#subcontent {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 160px;
	padding-top: 86px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 22px;
}
#subcontent p { /*controls paragraph spacing and line-height inside the Main Content area */
	font-size: 80%;
	line-height: 130%;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0.8em;
	}
#subcontent h1 { /*controls H1 inside the Main Content area */
	color: #003366;
	font-size: 110%;
	margin-top: 22px;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	}
#subcontent h2 { /*controls H2 inside the Main Content area */
	color: #2a2d2e;
	font-size: 100%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	margin: 0em;
	}
#subcontent h3 { /*controls H3 inside the Main Content area */
	color:#003366;
	font-size: 90%;
	padding: 0;
	margin: 0 0 .8em 0;
	}
#subcontent h4 { /*controls H3 inside the Main Content area */
	color:#2a2d2e;
	font-size: 75%;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	}
#subcontent ul {
	padding: 0;
	list-style-type: square;
	margin-top: 0.25em;
	margin-right: 0;
	margin-left: 1.5em;
	margin-bottom: 1em;
	line-height: 100%;
	}
#subcontent ol {
	padding: 0;
	margin: .5em 0 1em 2em;
	}
#subcontent li {
	font-size: 80%;
	padding: 0;
	margin: 0 0 .75em 0;
	}
#subcontent li a {
	text-decoration:none;
	color: #000080;
	}
#subcontent li a:hover {
	text-decoration: underline;
	color: #000080;
	}
#subcontent ul ul li{
	font-size: 80%;
	padding: 0;
	margin: 0 0 .75em 0;
	}
	
	/*BREADCRUMB STYLING */
/****************************************/
#subcontent #crumbs {
	min-width: 15em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #e7e8e3;
	margin-left: -20px;
}

#subcontent #crumbs ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#subcontent #crumbs li {
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
	font-size:10px;
	color:#1F60A9;
	text-decoration:none;
}	 
#subcontent #crumbs li a {
	text-decoration:none;
	color:#1F60A9;
}
#subcontent #crumbs li a:link {
	color:#1F60A9;
}
#subcontent #crumbs li a:visited {
	color:#1F60A9;
}
#subcontent #crumbs li a:hover {
	color:#4095df;
	text-decoration:underline;
}
#subcontent #crumbs li a:active {
	color:#1F60A9;
	text-decoration:none;
}
/* The MAIN Content BEGINS */	
.content {
}
#main {
	margin-left: 160px;
}
a:link {
text-decoration:none;
color: #000080; 
}

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

a:hover {
text-decoration:underline; 
}

a:visited.showLink,a:link.showLink {
text-decoration:underline; 
}

.horzlinks {
	display: inline-block;
	font-weight: bold;
	padding-left: 20px;
	background-color: #c4d3e3;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
a:link.backtotop {
	font-size: 10px;
	color: #CC6600;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
}
.hr {
	margin-bottom: 20px;
	margin-top: 20px;
}
blockquote {
margin-left:10px; }

#subcontent p.reviewnote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	padding-top: 20px;
}
#subcontent a:link.prgmlink, a:visited.prgmlink {
	color: #003366;
	font-size: 100%;
	font-weight: bold;
	display: block;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #CC6600;
	margin-top: 30px;
	padding-top: 5px;
	text-decoration: underline;
}
#subcontent a:hover.prgmlink {
text-decoration:underline; 
}
.specialnote {
	font-weight: bold;
	color: #CC3300;
	font-size: 75%;
}
/* 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. */
.clearfloat {
  clear: both;
  display: block;
}
/* Optional Floated Right Box BEGINS */
#rightbox {
	float: right;
	width: 165px;
	background: #f5f5f5;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
	margin-top: 25px;
	margin-right: -9px;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 10px;
	}
#rightbox p {
	font-size: 65%;
	line-height: 130%;
	color: #000;
	margin-top: -2px;
	padding-bottom: 2px;
	}
#rightbox h1 {
	color: #2a2d2e;
	font-size: 100%;
	margin-top: 5px;
	}
#rightbox h2 {
	font-size: 75%;
	line-height: 100%;
	color: #003399;
	margin-bottom: -4px;
	}
/* Floated Box ENDS */

/* Misc styles (floats, etc.) BEGIN */

.floatright { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	}
.floatrightBoxed { /* this class floats an item and places a gray border with 4px of padding */
	float: right;
	margin-left: 8px;
	padding: 4px;
	border: 1px solid #ccc;
	}
.floatleft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	margin-left: 0px;
	}
.floatleftboxed { /* this class floats an item and places a gray border with 4px of padding */
	float: left;
	margin-right: 8px;
	border: 1px solid #ccc;
	padding: 4px;
	margin-top: 28px;
	}
.nofloatboxed { /* This class just boxes an image, no floats */
	padding: 4px;
	margin: 4px;
	border: 1px solid #ccc;
	background: #fff;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	}
.totop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 23px;
	text-decoration: underline;
	display: block;
	background-image: url(../../images/degreesup_arrow.jpg);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	float: right;
	color: #333333;
	margin-top: 6px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 17px;
}	
/* Misc styles END */

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

.nowrap {
white-space:nowrap; 
}

#btmband {
	position:relative; /* This should establish a positioning context for child elements */
	min-width: 760px;
	max-width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #0b1966;
	height: 15px;
}
/****************************************/
/* Footer BEGINS */	
#footer {
	font-size:11px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	height: 60px;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.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;
}
/* Footer ENDS */
/****************************************/	

/* @media print */
.noprint {
   display:none; 
}