@charset "utf-8";
/* CSS Document */
/* styles that don't define structure or specific content types */

/* -------------------------------------------------------------------------------
   some border, background and shade styles 
----------------------------------------------------------------------------------*/

/* used on the expandable right column future students */
.borderleftfade {
   border-left: 1px solid #c0bab3; 
   -webkit-border-image:  url(http://www8.esc.edu/images/bdr_fade_t.png) 42 40 40 40  stretch; 
   -khtml-border-image:  url(http://www8.esc.edu/images/bdr_fade_t.png) 42 40 40 40  stretch; 
   -moz-border-image:  url(http://www8.esc.edu/images/bdr_fade_t.png) 42 40 40 40 stretch;
   border-image: url(http://www8.esc.edu/images/bdr_fade_t.png) 42 40 40 40  stretch;
}

/* border fades grey to transparent */	
.border-fade {
	border: 1px solid #aaaaaa;
	-webkit-border-image:  url(http://www8.esc.edu/images/bdr_fade_t.png) 42 40 40 40  stretch;
	-khtml-border-image:  url(http://www8.esc.edu/images/bdr_fade_t.png) 42 40 40 40  stretch;	
	-moz-border-image:  url(http://www8.esc.edu/images/bdr_fade_t.png) 42 40 40 40 stretch;
	border-image: url(http://www8.esc.edu/images/bdr_fade_t.png) 42 40 40 40  stretch;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.grad-down {
background: #f0f0f0; 
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0f0f0', endColorstr='#ffffffff');
background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#fff)); 
background: -moz-linear-gradient(top, #f0f0f0, #fff);
}

/* clearfix IE hack */
.grad-down:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.grad-down {display: inline-block;}
html[xmlns] .grad-down {display: block;}
* html .grad-down {height: 1%;}
/* end clearfix IE hack */

.radial-light {background: #ecece9; 
     background: -webkit-gradient(radial, 50% 50%, 10, 50% 50%, 400, from(#fff), to(#c0bab3), color-stop(100%, #c0bab3));
     background-image: -moz-radial-gradient(center 45deg, circle farthest-side, #fff 45%, #c0bab3 100%); 
}
.grad-up {
background: #fff; 
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe7e6e5');
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e6e5)); 
background: -moz-linear-gradient(top, #fff, #e7e6e5);
}

/* clearfix IE hack */
.grad-up:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.grad-up {display: inline-block;}
html[xmlns] .grad-up {display: block;}
* html .grad-up {height: 1%;}
/* end clearfix IE hack */

.box-shadow {
    box-shadow:  0 2px 1px #cccccc;
   -moz-box-shadow:  0 2px 1px #cccccc;
   -webkit-box-shadow:  0 2px 2px #cccccc; 
}
.box-shadow-inner {
   -moz-box-shadow:inset 0 0 6px #cccccc;
   -webkit-box-shadow:inset 0 0 6px #cccccc;
   box-shadow:inset 0 0 6px #cccccc;
}
.text-shadow {text-shadow: 0 3px 4px #c0bab3;}

.alpha60 {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

/*  button and color options 
-------------------------------------------------------------------------------- */

.button-esc {
   font-size: 14px;
   text-align:center;
   vertical-align: middle;
   margin:0 0 15px; padding: 0;
   }

/*if ie 7 -need to test in IE 8 */
*:first-child+html .button-esc {border: 0;} 

/*if lt IE 7*/
* html .button-esc {border: 0;} 

.button-esc p {padding: 0;}

.button-esc a, .button-esc a:link {
   color: #fff;
   font-weight:bolder;
   border: 0;
   text-decoration:none;
   border-top-color: #28597a;
   background: #0471a9;
   display: block;
   padding: 10px; margin: 0;
   }
.button-esc a:visited {
   border-top-color: #1b435e;
   }
.button-esc a:focus, .button-esc a:hover, .button-esc a:active {
   border-top-color: #28597a;
   background: #026699;
   }
   
/* button esc smaller */  

.button-esc-smaller {
   font-size: 12px;
   text-align:center;
   vertical-align: middle;
   margin:0 0 15px; padding: 0;
   }

/*if ie 7 -need to test in IE 8 */
*:first-child+html .button-esc-smaller {border: 0;} 

/*if lt IE 7*/
* html .button-esc-smaller {border: 0;} 

.button-esc p {padding: 0;}

.button-esc-smaller a, .button-esc-smaller a:link {
   color: #fff;
   font-weight:bold;
   border: 0;
   text-decoration:none;
   border-top-color: #28597a;
   background: #0471a9;
   display: block;
   padding: 6px; margin: 0;
   }
.button-esc-smaller a:visited {
   border-top-color: #1b435e;
   }
.button-esc-smaller a:focus, .button-esc-smaller a:hover, .button-esc-smaller a:active {
   border-top-color: #28597a;
   background: #026699;
   }
   
   /* end smaller button esc */

.button1 {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  text-align: center;
  width: 200px; margin: 20px 0 0 0;
display: inline; color: #fff;
}

.button1 a, .button1 a:link, .button1 a:visited, .button1 a:focus, .button1 a:hover, .button1 a:active {
	display: block; 
	padding: 5px 1px 6px 1px; 
	font-weight: 800;
	color: #fff;
	text-decoration:none;
}

.button2 {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  text-align: center;
  width: 140px;
}

.button2 a, .button2 a:link, .button2 a:hover {
	display: block; 
	padding: 5px 1px 6px 1px; 
	font-weight: 800;
	color: #fff;
	text-decoration:none;
}

.button3 {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  text-align: center;
}

.button3 a, .button3 a:link, .button3 a:hover {
	display: block; 
	padding: 0 1px 6px 1px; 
	font-weight: 800;
	color: #fff;
	text-decoration:none;
}

.blue {
	background: #026699;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff669bb7', endColorstr='#ff026699');
	background: -webkit-gradient(linear, left top, left bottom, from(#669bb7), to(#026699));
	background: -moz-linear-gradient(top,  #669bb7,  #026699);
	border: 1px #016699 solid;
	box-shadow: 0 2px 3px #cccccc; 
	-moz-box-shadow:  0 2px 3px #cccccc;
	-webkit-box-shadow:  0 2px 3px #cccccc;
}	
.blue:hover {
	background: #014477; 
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff026699', endColorstr='#ff014477'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#026699), to(#014477));
	background: -moz-linear-gradient(top,  #026699,  #014477); 
	border: 1px #022d4d solid;
	box-shadow: 0 1px 2px #cccccc; 
	-moz-box-shadow:  0 1px 2px #cccccc;
	-webkit-box-shadow:  0 1px 2px #cccccc;
}
/* clearfix IE hack */
.blue:after  {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.blue {
	display: inline-block;
}
html[xmlns] .blue {
	display: block;
}
* html .blue {
	height: 1%;
}
/* end clearfix IE hack */


/* misc button blocks
----------------------------------------------------------------------------------*/
.buttonblock {
	margin: 10px 0; padding: 1px;
	position: relative;
	text-align:center;
}

.buttonblock h2, .buttonblock h3 {
         margin: 0; padding: 10px 0;
	-webkit-border-top-left-radius: 4px;
	-khtml-border-radius-topleft: 4px;	
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-khtml-border-radius-topright: 4px;	
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	text-align:center;
}

.buttonclass1 {margin: 5px 10px 20px 10px; padding: 5px; height: 84px; text-align: center; }
.buttonclass1 h2 {margin: 1px; padding: 2px; height: 82px; line-height: 1.4;}

/* clearfix IE hack */
.buttonesc:after  {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.buttonesc {
	display: inline-block;
}
/*html[xmlns] .buttonesc {
	display: block;
}*/
* html .buttonesc {
	height: 1%;
}
/* end clearfix IE hack */
/* clearfix IE hack */
.color1:after  {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.color1 {
	display: inline-block;
}
/*html[xmlns] .color1 {
	display: block;
}*/
* html .color1 {
	height: 1%;
}
/* end clearfix IE hack */

/* clearfix IE hack */
.color2:after  {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.color2 {
	display: inline-block;
}
html[xmlns] .color2 {
	display: block;
}
* html .color2 {
	height: 1%;
}
/* end clearfix IE hack */

/* clearfix IE hack */
.color3:after  {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.color3 {
	display: inline-block;
}
html[xmlns] .color3 {
	display: block;
}
* html .color3 {
	height: 1%;
}
/* end clearfix IE hack */
/* clearfix IE hack */
.color4:after  {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.color4 {
	display: inline-block;
}
html[xmlns] .color4 {
	display: block;
}
* html .color4 {
	height: 1%;
}
/* end clearfix IE hack */
/* clearfix IE hack */
.color5:after  {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.color5 {
	display: inline-block;
}
html[xmlns] .color5 {
	display: block;
}
* html .color5 {
	height: 1%;
}
/* end clearfix IE hack */
/* clearfix IE hack */
.color6:after  {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.color6 {
	display: inline-block;
}
html[xmlns] .color6 {
	display: block;
}
* html .color6 {
	height: 1%;
}
/* end clearfix IE hack */
/* clearfix IE hack */
.color7:after  {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.color7 {
	display: inline-block;
}
html[xmlns] .color7 {
	display: block;
}
* html .color7 {
	height: 1%;
}
/* Super Awesome Buttons from http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba modified by KW from here to the end */
.buttonesc, .buttonesc:visited {
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer; /*why*/
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

body > .buttonesc, .buttonesc:visited{
	background-color:transparent;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ccc'); 
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(50,50,50,0.8)), to(rgba(80,80,80,0.1))),;
	background: -moz-linear-gradient(top, rgba(50,50,50,0.8),  rgba(80,80,80,0.1)); 
	}
 
.buttonesc:hover {background-color: #111; color: #fff; }
.buttonesc:active {top: 1px; }
.small.buttonesc, .small.buttonesc:visited {font-size: 11px; padding: 5px; width: 150px; display: inline-block; margin-right: 10px;}
.buttonesc, .buttonesc:visited,
.medium.buttonesc, .medium.buttonesc:visited {font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);}
.large.buttonesc, .large.buttonesc:visited {font-size: 14px; padding: 8px 14px 9px;}
	
a.buttonesc, button.buttonesc {
color:#fff; border: 0;
}
 
/* Colors ---------- */
.coloresc.buttonesc, .coloresc.buttonesc:visited {background-color: #e78200;} /* empire orange*/
.coloresc.buttonesc:hover	{ background-color: #c67000; }
.color1.buttonesc, .color1.buttonesc:visited {background-color: #026699;} /* blue */
.color1.buttonesc:hover { background-color: #014477}
.color2.buttonesc, .color2.buttonesc:visited {background-color: #999966;}  /* green */
.color2.buttonesc:hover { background-color: #666600}
.color3.buttonesc, .color3.buttonesc:visited {background-color: #bbbb7f;}  /* olive */
.color3.buttonesc:hover { background-color: #cccc99}
.color4.buttonesc, .color4.buttonesc:visited {background-color: #8d8175;} /* taup */
.color4.buttonesc:hover { background-color: #645b53}
.color5.buttonesc, .color5.buttonesc:visited {background-color: #993333;} /* red */
.color5.buttonesc:hover { background-color: #014477}
.color6.buttonesc, .color6.buttonesc:visited {background-color: #e6aa00;} /* gold */
.color6.buttonesc:hover { background-color: #014477}
.color7.buttonesc, .color7.buttonesc:visited {background-color: #734c82;} /* purple */
.color7.buttonesc:hover { background-color: #014477}

button::-moz-focus-inner { padding:0; }  /*fix the weird Firefox button padding:*/


/* special link styles, not the local or main navigation
----------------------------------------------------------------------------------*/

ul.link-list  {list-style-image:none; list-style-type:none; padding: 0; margin: 0;}

ul.link-list li  {list-style-image:none; list-style-type:none; margin: 0; padding: 0; border:1px dashed #aaaaaa; margin-top: -1px;}

ul.link-list a {
	margin: 1px; 
	padding: 5px 5px 5px 15px; 
	display: block; 
	text-decoration: none;
	background: #fff; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff6f5f4');
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f5f4));
background: -moz-linear-gradient(top, #fff, #f6f5f4);
border:0;
}
ul.link-list a:hover {
	background: #f6f5f4; 
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6f5f4', endColorstr='#ffffffff'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f5f4), to(#fff)); 
	background: -moz-linear-gradient(top,  #f6f5f4,  #fff); 
}

ul.link-list .bigger {text-align: center;}

ul.link-list .bigger a {padding: 20px 0;}

/* not developed below */
ul.link-list.return-link {padding:0;list-style-image: url(<img src="http://www8.esc.edu/images/bullet-back.png" alt=" " style="width: 12px; height: 12px;    "/>)}
/*bullet-back.png*/
ul.link-list.return-link li {margin: 0; padding: 0; border-left: 0}
ul.link-list.return-link a {padding-left:5px;}

/* other styled lists
---------------------------------------------------------------------------------*/
ul.spacev li {margin-top: .3em; padding-top: .3em;}

ul.spacey {margin: 5px; padding: 0 5px 0 30px;}
ul.spacey li {padding: .2em 3px; margin: .2em 5px .2em 35px;}
ul.spacey li h4 {padding: .2em 3px; margin: .2em 5px .2em 3px;}

ul.liststyle1  {list-style-type:none; padding: 0; margin: 10px 0 15px 0;}
ul.liststyle1 li {margin: 0 0 8px 0; padding: 0 5px 8px 5px;  border-bottom:1px dashed #c0bab3;}
ul.liststyle1 li:first-child {padding-top: 5px; border-top:1px dashed #c0bab3;}
.liststyle1 h3 {color: #645b53; font-weight: 400;  font-size: 100%; line-height: 1.5;}
.liststyle1 h3 strong {font-weight: 800; font-size: 110%;}

ul.tightlist {padding: 0;}

ul.liststyle-h {margin: 0; padding: 0;}
.liststyle-h li {float: left; margin: 0 0.25em;  list-style: none;}
.liststyle-h a { text-decoration: none;}
.liststyle-h li a {
  float: left;
  display: block;
  border-right: 1px solid #dcdce9;
  padding-right: 5px;
  border-bottom:0;
}
.liststyle-h li a:hover {
  border-right: 1px solid #c0bab3;
}

/* dev work in progress on a one level local tabbed navigation
------------------------------------------------------------------------------*/
#tabbed-nav {
   float:left;
   width:100%;
   background: #fff url(http://www8.esc.edu/images/bkg-tab-nav.jpg) repeat-x scroll 0 0;
   overflow:hidden;
   position:relative;
margin: 0 0 15px;
}
#tabbed-nav ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}

#tabbed-nav ul li {
   display:block; position: relative;
   float:left;
   list-style:none;
   margin: -1px 0 0 0;
   padding:0;
   position:relative;
   right:50%;
}

#tabbed-nav li a,
#tabbed-nav a:link,
#tabbed-nav a:visited {
   margin: 0 0 0 1px;
   padding: 7px 10px 7px;
   background:#f2f1f0;
   color:#343434;
   text-decoration:none;
   line-height:1.3em;
border:0; 
   display:block; position: relative;
}

#tabbed-nav a:hover,
#tabbed-nav a:active {color: #000; background:#ecece9;}

#tabbed-nav .currentbranch0 a,
#tabbed-nav .currentbranch0 a:link,
#tabbed-nav .currentbranch0 a:visited,
#tabbed-nav .currentbranch0 a:hover,
#tabbed-nav .currentbranch0 a:active {
        background: none; border:0; padding: 1px 0 1px;
}

#tabbed-nav span.currentbranch0 {
   margin: 1px 0 0 1px; padding: 5px 10px 5px;
   border:1px solid #ddd; border-bottom: none; 
   display:block; position: relative; 
   background: #fff;
}

.iterator {margin:40px 0 0; width:100%}
/*.iterator .previous, .iterator .next {width: 46%}*/
.iterator .previous {float:left}
.iterator .next {float:right; text-align: right;}

.iterator a {display: block; padding:2px 6px; border: 1px solid #999; font-size:90%;}
.iterator a:hover {border: 1px solid #003399; font-size:90%;}

.iterator .previous a:before
{
content: "< Previous: ";
}

.iterator .next a:before
{
content: "Next: ";
}

.iterator .next a:after
{
content: " >";
}