@charset "utf-8";
/* CSS Document */


.pad {margin: 10px; padding: 10px;}


#buckets{clear:both; margin: 20px auto; padding: 0; text-align:center;}

/* ------------------call to action ------------------- */
#cta {
	position: relative; 
   text-align:center; 
   font-size: 120%;
   /* margin-right: 10px;  */
margin-bottom: 10px; 
   padding-bottom: 15px;
	}
#cta div {
   margin-top: 4px; 
  margin-bottom: 4px;  
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; width:220px;
}	
	
#cta  div a {
	display: block; 
	padding: 8px 0 9px 0; 
	font-weight: 800;
	color: #ffffff;
	text-decoration:none;
	}

#cta h4 {font-size: 100%; margin: 0; padding: 0; color: #645B53; line-height: 1.3em;}

.right-col #cta  {margin-left: 0; margin-bottom: 20px; padding-left: 0; }

.blue {
	background: #026699; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#669bb7', endColorstr='#026699'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#669bb7), to(#026699)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #669bb7,  #026699); /* for firefox 3.6+ */
	border: 1px #016699 solid;
	box-shadow: 0 2px 3px #cccccc;  /* shadow styles */
	-moz-box-shadow:  0 2px 3px #cccccc;
	-webkit-box-shadow:  0 2px 3px #cccccc;
}	
.blue:hover {
	background: #014477; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#026699', endColorstr='#014477'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#026699), to(#014477)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #026699,  #014477); /* for firefox 3.6+ */
	border: 1px #022d4d solid;
	box-shadow: 0 1px 2px #cccccc;  /* shadow styles */
	-moz-box-shadow:  0 1px 2px #cccccc;
	-webkit-box-shadow:  0 1px 2px #cccccc;
}

.orange{
	background: #e78200;
	filter:  
progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb992f', 
endColorstr='#bf7717');
	background: -webkit-gradient(linear, left top, left bottom, 
from(#eb992f), to(#bf7717)); 
	background: -moz-linear-gradient(top,  #eb992f,  #bf7717);
	border: 1px #ac6d1b solid;
	box-shadow: 0 2px 3px #cccccc;  /* shadow styles */
	-moz-box-shadow:  0 2px 3px #cccccc;
	-webkit-box-shadow:  0 2px 3px #cccccc;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;	
	-moz-border-radius: 6px;
	border-radius: 6px;
}	
.orange:hover {
	background: #ac6d1b;
	filter:  
progid:DXImageTransform.Microsoft.gradient(startColorstr='#e78200', 
endColorstr='#7f4e0e');
	background: -webkit-gradient(linear, left top, left bottom, 
from(#e78200), to(#7f4e0e)); 
	background: -moz-linear-gradient(top,  #e78200,  #7f4e0e);
	border: 1px #7f4e0e solid;
}

.green  {
	margin: 0;
	display:block;
	background: #666600; /* for non-css3 browsers */
	filter:  
progid:DXImageTransform.Microsoft.gradient(startColorstr='#999966', 
endColorstr='#666600'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, 
from(#999966), to(#666600)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #999966,  #666600); /* for 
firefox 3.6+ */
	border: 1px #666600 solid;
	box-shadow: 0 2px 3px #cccccc;  /* shadow styles */
	-moz-box-shadow:  0 2px 3px #cccccc;
	-webkit-box-shadow:  0 2px 3px #cccccc;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;	
	-moz-border-radius: 6px;
	border-radius: 6px;
}	
.green:hover {
	background: #424201; /* for non-css3 browsers */
	filter:  
progid:DXImageTransform.Microsoft.gradient(startColorstr='#666600', 
endColorstr='#424201'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, 
from(#666600), to(#424201)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #666600,  #424201); /* for 
firefox 3.6+ */
	border: 1px #666600 solid;
	box-shadow: 0 1px 2px #cccccc;  /* shadow styles */
	-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 */
/* clearfix IE hack */
.orange:after  {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.orange {
	display: inline-block;
}
html[xmlns] .orange {
	display: block;
}
* html .orange {
	height: 1%;
}
/* end clearfix IE hack */
/* clearfix IE hack */
.green:after  {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.green {
	display: inline-block;
}
html[xmlns] .green {
	display: block;
}
* html .green {
	height: 1%;
}
/* end clearfix IE hack */

/* horz main nav - there are drop styles that can be added if we need a 
second level
---------------------------------------------------------------------------
---------- */

#nav {clear:both; margin: 0 auto; padding: 0; text-align:left; z-index: 
1500; 
border-top: solid 1px #cccc99;
	border-bottom: solid 1px #cccc99;

	background: #e5e5cc; /* for non-css3 browsers */
	filter:  
progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccc99', 
endColorstr='#e5e5cc'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, 
from(#cccc99), to(#e5e5cc)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #cccc99,  #e5e5cc); /* for 
firefox 3.6+ */

}

#mainnav {
	text-align: left; 
	margin: 0 auto;
	padding: 0;
	position:relative;
	
	/* border-top: solid 1px #cccc99;
	border-bottom: solid 1px #cccc99; */

	background: #e5e5cc; /* for non-css3 browsers */
	filter:  
progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccc99', 
endColorstr='#e5e5cc'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, 
from(#cccc99), to(#e5e5cc)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #cccc99,  #e5e5cc); /* for 
firefox 3.6+ */
	
	z-index: 1505;
}

#mainnav ul {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;

}

#mainnav li {
	margin: 0 0 0 1px; /* keep if we keep the background image */
	padding: 0;
	float: left;
	position: relative;
	list-style: none;
	background-image: url(http://www.esc.edu/images/grad_li_fade.png);
	background-position:top left;
	background-repeat:no-repeat;
	/* border-right: 1px solid #ffffff;  */
}

#mainnav li:first-child {
	background-image: none
}

#mainnav li:last-child {border: none} 

/* main level link */
#mainnav a {
	color: #645b53;
	font-weight: 700;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 8px 15px;
}

/* main level link hover */
#mainnav .current a, #mainnav li:hover > a {
	background: #f0f0e0; /* for non-css3 browsers */
	filter:  
progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5cc', 
endColorstr='#f0f0e0'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, 
from(#e5e5cc), to(#f0f0e0)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #e5e5cc,  #f0f0e0); /* for 
firefox 3.6+ */
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
/* clearfix */
#mainnav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#mainnav {
	display: inline-block;
}
html[xmlns] #mainnav {
	display: block;
}
* html #mainnav {
	height: 1%;
}

/* local navigation */

#local-nav {margin-top: 0;}

#local-nav h3 {
	margin: 0; padding: .6em;
	font-size: 115%;
	color: #fff;
	background: #026699;
	/*filter:  
progid:DXImageTransform.Microsoft.gradient(startColorstr='#014477', 
endColorstr='#026699');
	background: -webkit-gradient(linear, left top, left bottom, 
from(#014477), to(#026699)); 
	background: -moz-linear-gradient(top,  #014477,  #026699);
	border: 0 transparent;
	-webkit-border-top-right-radius: 6px;
	-khtml-border-radius-topright: 6px;	
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;*/
}

/*menu 
---------------------------------------------------------------------------
-------------------------*/

ul.menu {list-style-type:none; margin: 0 0 40px 0; padding: 0;}
ul.menu li {margin: 1px 0 0 0; padding: 0;}
ul.menu a {background: #999966; color: #fff;  padding: .5em 0 .5em 20px; 
display: block; text-decoration: none; }
ul.menu a:hover {background: #adad7a; border-left: 5px #e78200 solid; 
padding-left: 15px;}

/* two */
ul.menu ul {list-style-type:none; margin: 0; padding: 0 0 0 .5em;}
ul.menu li ul li a { color: #000; background: #cccc99;}
ul.menu li ul li a:hover {background: #e5e5cc; color: #000;}

/* three */
ul.menu li ul li ul li a {background: #d8d8b1; color: #000;}
ul.menu li ul li ul li a:hover {background: #f0f0e0; border-left: 5px 
#f2bb75 solid;}

/* when active */
ul.menu a.active, 
ul.menu a.active:hover, 
ul.menu li ul li a.active, 
ul.menu li ul li a.active:hover,
ul.menu li ul li ul li a.active, 
ul.menu li ul li ul li a.active:hover{
    color: #fff;
	background: #026699;
	border: none;
	padding: .5em 0 .5em 20px;
}

/* images in page body area */

/* .mid-col img {margin: 10px 0; padding: 5px; border: 1px #c0bab3 solid; background: #f0f0e0; text-align:center}
.mid-col .right img  {margin-left: 10px;}
.mid-col .left img  {margin-right: 10px;} */

.midcolpix {margin: 10px 0; padding: 5px; border: 1px #c0bab3 solid; background: #f0f0e0; text-align:center}

.right {float: right;}
.left {float: left;}