@charset "UTF-8";
/* CSS Document by KW --  downloaded from t4 on 7-25 at 12:00 */
/* CSS RESET with mods*/
/* http://meyerw */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
	}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none
	}
table {border-collapse: collapse; border-spacing: 0}
/* END of modified reset  */
/*Global*/
html {
  height:100%;
  background:#fff url(/esconline/collegecalendar.nsf/background-body-global.jpg) repeat-x 0 0 scroll; 
/*background-body-global.jpg*/
}
body {
	line-height: 1;
	margin: 0; padding: 0; 
	font: 75%/1 Arial, Helvetica, sans-serif; 
	color:#343434;
	margin: 0; padding: 0
	}
html>body {font-size: 12px}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal; 
	color: #343434; 
	line-height: 1.2; 
	padding: 0 0 .4em; 
	margin:0
	}
h1 {font-size: 220%}
h2 {font-size: 160%}
h3 {font-size: 120%}
h4 {font-size: 110%}
h5 {font-size: 105%}
h6 {font-size: 100%}
h3, h4, h5, h6 {font-weight:bold}
p+h1, p+h2, p+h3, p+h4, p+h5, p+h6 {padding-top:.7em}
p {padding-top: 0; padding-bottom: .7em}
div {display: block; position: relative}
blockquote {margin-left: 20px; margin-right:20px}
/* list styles
----------------------------------------------------------------------------------*/
ul, ol, menu {padding: 0 1em .5em;  margin-left: 20px; position: relative} 
ul {list-style:disc outside none}
ul ul  {list-style:square outside url(/esconline/collegecalendar.nsf/bullet-li-main.gif)}
ul ul ul {list-style:square outside url(/esconline/collegecalendar.nsf/bullet-li-main2.gif)}
li {padding: 0 .2em .5em}
ol li {padding-left: .1em}
li>ul, li>ol {margin-top: .5em; margin-bottom: 0; padding-bottom: 0}
ol {list-style: decimal outside none}
ol ol {list-style-type: upper-alpha}
ol ol ol {list-style-type: lower-alpha}
ol ol ol ol {list-style-type: upper-roman}
ol ol ol ol ol {list-style-type: lower-roman}
ol .upper-alpha {list-style-type:upper-alpha}
ol .lower-alpha {list-style-type:lower-alpha}
ol .upper-roman {list-style-type:upper-roman}
ol .lower-roman {list-style-type:lower-roman}
ul.inside > li, ol.inside > li {list-style-position: inside}
.inside ul, .inside ol {list-style-position: inside}
.inside li a{margin-left: -8px\0/; }
dl {padding: .5em 1em .5em 0}
dt {padding-top: .5em; font-weight: 700; color: #645b53}
/* dt:first-child {padding-top: 0} removed li:first-child, */
dd {padding: .5em 2em}
/* link styles
----------------------------------------------------------------------------------*/
a {color: #343434; text-decoration:none; border-bottom: 1px solid #999}
a:link {color: #343434} /*or color:#026699;*/ 
a:visited {color: #014477} /* was #026699, #014477 is med blue */
a:hover, a:focus, a:active {color:#343434; border-bottom-color:#003399}
#consistent-nav a, #buckets a, #news a, #breadcrumb a {border: 0}
#buckets a, #news .news-title a: {font-weight:bold}
#buckets a:link {color:#343434}
#buckets a:hover, #buckets a:focus, #buckets a:active {color:#003399}
#consistent-nav a:link {color:#fff}
#consistent-nav a:visited {color:#fff}	
#consistent-nav a:hover, #consistent-nav a:focus {color:#343434; text-decoration:underline}
#consistent-nav a:active {color:#343434}
#news a:link {color:#343434}
#news a:hover, #news a:focus, #news a:active {color:#003399}	
#news a:visited {color:#343434}
	
#breadcrumb a:link, #right-content a:link {color:#343434}
#breadcrumb a:visited {color:#343434}
#breadcrumb a:hover, #breadcrumb a:focus,#breadcrumb a:active  {color:#003399; text-decoration:underline}
#right-content a:visited {color:#026699}
#right-content a:hover, #right-content a:focus, #right-content a:active {color:#003399}
#right-content a:hover {text-decoration:underline}
img {border: 0}
a img, a.image-link, #wrapper .thumbnail a, #header .image-link a {text-decoration:none; border: 0}
a.ui-corner-all img {border: 3px solid #fff}
h1 a, h2 a, h3 a {text-decoration: none}
h1 a:hover, h2 a:hover, h3 a:focus, h1 a:focus, h2 a:focus, h3 a:focus, h1 a:active, h2 a:active, h3 a:active  {text-decoration: none}
#pagebody h3 a {font-weight:bolder}
/* tables */
table {border: 1px solid #c0bab3;border-collapse: collapse; margin: 10px 0}
table th {border: 1px inset #c0bab3;padding: 4px;color: #645b53; padding:5px}
table td {border: 1px inset #c0bab3;padding: 2px; padding:5px}
thead {font-weight: bold}
tbody {}
tfoot {}
table.plain, .plain th, .plain td {border: 0}
.tablestyle1 {border: 1px solid #cc9; padding: 0 1px; margin: 1em 0; width: 100%}
.tablestyle1 td  {padding: 5px; padding-left: 20px; border-top: 1px solid #e5e5cc}
.td-head td {
  padding-left: 10px; 
  background-color: #e5e5cc; 
  font-weight: 800; 
  border-left: 1px solid #fff; 
  border-top: 1px solid #cc9
  }
.td-head td:first-of-type {border-left: none}
.tablestyle2 {padding: 1px; margin: 0 5px 5px 20px}
.tablestyle2 td  {padding: 2px 0}
.tablestyle3 {border: 1px solid #cc9; padding: 0 1px; margin: 1em 0; width: 80%}
.tablestyle3 thead {background-color: #e5e5cc}
.tablestyle3 thead th {padding-left: 10px; border-left: 1px solid #fff; border-top: 1px solid #cc9; color #645b53}
.tablestyle3 thead th:first-of-type {border-left: none} 
.tablestyle3 td  {padding: 5px; padding-left: 20px; border-top: 1px solid #e5e5cc}
hr {color:#c0bab3; background-color:#c0bab3; height:1px; border:0 none}
br[mce_bogus] {display: none}
/* misc classes 
------------------------------------------------------------------------*/
.right {float: right}
.left {float: left}
.center {text-align: center}
.clear-right {clear: right}
.clear-left {clear: left}
.clear-both {clear:both}
.pad {padding: 10px} 
.pad-top {padding-top: 10px}
.pad-bottom {padding-bottom: 10px}
.pad-h {padding-left: 10px; padding-right: 10px}
.pad-left {padding-left: 60px}
.pad-right
.tight {margin: 0; padding: 0}
.highlight {color: #645b53; font-weight:700}
.highlight-bkg {background-color: #f6f5f4; padding: 5px}
.notice {color: #933}
.small {font-size: .8em; line-height: 1.4}
.black {color: #000}
.border-top {border-top: 1px solid #c0bab3; padding-top: 3px; margin-top 3px}
.divider-top {border-top: 1px solid #c0bab3; margin-top:20px; padding-top:10px}
.generic-list {list-style:disc; margin-left:20px}
.generic-list li {margin-bottom:15px}
	
.shadow {
	-moz-box-shadow: 0 2px 4px #d5d5d3;
	-webkit-box-shadow: 0 2px 4px #d5d5d3;
	box-shadow: 0 2px 4px #d5d5d3;
	zoom:1; /* This enables hasLayout, which is required for older IE browsers */
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#d5d5d3', Direction=135, Strength=3)
	}
/* classes not for the editor */
.valign{vertical-align:middle}
.valign-top{vertical-align:top}
.valign-bottom{vertical-align:bottom}
.display-block {display: block}
.raise20 {margin-top: -20px}
.boxover {height: 300px; overflow-y: scroll}
.nobr {white-space:nowrap}
.show {display: block}
.img-text {margin-top: -3px;top: 4px; position:relative}
.hidden {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden
  }
.hide {left:-9999em; position:absolute}
/*    Clear Floated Elements from http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0; margin: 0; padding:0}
/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0
	}
/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1}
/* FORM: PRESENTATION from www.creativeruin.com/basicform/screen.css  -- needs work asap
form {font:1em/1 Verdana,Geneva,Kalimati,sans-serif; color:#333}
fieldset {border:1px solid #999}
fieldset fieldset {border:none}
fieldset fieldset legend {font:bold 1em/1 Verdana,Geneva,Kalimati,sans-serif; color:#000}
legend {font:bold 1.3em/1 Verdana,Geneva,Kalimati,sans-serif; color:#026699}
.textfield input, .file input, .dropdown select, .textarea textarea, div input.innertextfield {font:1em/1 Verdana,Geneva,Kalimati,sans-serif; color:#000; border:1px solid #645b53; background:#ececec}
.textfield input:hover, .file input:hover, .dropdown select:hover, .textarea textarea:hover, div input.innertextfield:hover {border-color:#fc6}
.textfield input:focus, .file input:focus, .dropdown select:focus, .textarea textarea:focus, div input.innertextfield:hover {border-color:#333}
.textfield input:active, .file input:active, .dropdown select:active, .textarea textarea:active, div input.innertextfield:active  {border-color:#333}
.textfield input:focus:hover, .file input:focus:hover, .dropdown select:focus:hover, .textarea textarea:focus:hover, div input.innertextfield:focus:hover {border-color:#fc6}
.checkbox input, .radio input {border:0 none; background:transparent}
optgroup {font:bold 1em/1 Verdana,Geneva,Kalimati,sans-serif}
option {font:1em/1 Verdana,Geneva,Kalimati,sans-serif}
form {}
fieldset {margin-bottom:2em; padding:10px}
fieldset fieldset {padding:0}
legend {margin-bottom:.5em}
.textfield, .textarea, .file, .dropdown, .radio, .checkbox, .buttons, fieldset fieldset {margin-bottom:1em}
.textfield input, .file input, .dropdown select, .textarea textarea, input.innertextfield {padding:2px 5px}
.textfield input, .file input, .dropdown select, .textarea textarea {width:250px}
textarea {height:6em}
.textfield input, .file input, .dropdown select, .textarea textarea {display:block; margin:0.1em 0 0}
.checkbox input, .radio input {margin-right:5px}
div input.innertextfield {display:inline; margin-right:0}
.buttons {}
optgroup {}
option {padding:1px 3px}
*/
/* dealing with images
----------------------------------------------------------------------------------*/
.thumbnail {line-height: 0}
#galleria{height:400px; width: 700px; margin: 0 auto} /* galleria.aino.se */
/* .grid-3-image  {padding-top: 5px; border: 1px #c0bab3 solid; background: #f0f0e0; width: 210px; text-align:center} */
.generic-photo-right {padding:0 0 10px 15px; float:right}
.generic-photo-right img {border: 1px solid #5c5c5d}
.generic-photo-left{float:left; padding:0 10px 10px 0}
.generic-photo-left img {border: 1px solid #5c5c5d}
.main img, .content img {
  margin: 0 0 5px ; padding: 5px; 
  border: 1px #c0bab3 solid; 
  background: #f6f5f4
  }
.image-area {
   margin: 10px; padding: 5px; 
   border: 1px #c0bab3 solid; 
   background: #f6f5f4; 
   text-align:center; 
   overflow: none; 
   position: relative; 
   line-height: 0
   }
.image-area.clear {margin:0;padding:0}
.image-area img  {margin: 0; padding: 0; border: 0; background: none; line-height:0}
.image-area p {line-height: 1.2; text-align: center; margin: 0; padding: .4em 0 .2em; color: #645b53; font-size: .8em}
.right img  {margin-left: 10px;  margin-right: 0}
.left img  {margin-right: 10px;  margin-left: 0}
img.right   {margin-left: 10px;  margin-right: 0}
img.left  {margin-right: 10px;  margin-left: 0}
img.plain, .plain img {border: 0; background: none; margin: 0; padding: 0}
img.plain.left {margin-right: 10px}
img.plain.right {margin-left: 10px}
.plain.left img{margin-right: 10px}
.plain.right img {margin-left: 10px}
.right.image-area  img   {margin-left: 0}
.left.image-area  img  {margin-right: 0} 
.image-area .right  {margin-right: 0}
.image-area .left {margin-left: 0} 
.image-area.right {margin-right: 0}
.image-area.left {margin-left: 0} 
.caption {text-align: center; margin: 0; padding: .4em 0 .2em; color: #645b53; font-size: .8em}
.block .content img {margin: 0; padding: 0; border: 0; background: #fff}
/*--------------------------------------------------------------------------------
header
----------------------------------------------------------------------------------*/ 
#header-wrapper {width:100%; margin: 0; background-color:#e78200; 
}
#header {width:960px; margin: 0 auto; height:88px; background-color:#e78200; text-align: left}
/* headerbox added to make header work as independent element separate from gradient*/
#headerbox {
	width:960px; 
	margin: 0 auto
}
#esc-logo {float:left; margin-top:20px}
#nav-and-search {
	float:left;
	width:232px;
	margin-top:28px;
	margin-left:426px}
#consistent-nav {
	margin-bottom:10px;
	text-align:right;
	font-size:90%;
	color:#fff}
#consistent-nav ul {margin: 0; padding: 0}
#consistent-nav li {display:inline; margin-left:13px; padding: 0}
/*search box ----------------------- */
#search-box {
  float: right; text-align: left;
  margin: 8px 0; padding: 0;
  position: relative}  
input.searchbox  {
  text-indent: 4px;
  border: 0; 
  background: transparent url(/esconline/collegecalendar.nsf/searchfield.gif) no-repeat scroll 0 0; 
  font-size: 12px; line-height: 1.8; color: #645b53; 
  padding: 0; margin: 0;  
  float: left; 
  position: relative;
  width: 163px;
  height: 22px}
#escsearchbutton {
  border: 0;  
  background: transparent;
  position: relative;
  margin: 0; padding: 0; 
  width: 24px; 
  height: 22px}
.box {color:#696969}
/*if lte IE 7 */
* html .search input.box {
	background: url(../images/icons/search_bg.gif) no-repeat right bottom; /* Unique Input Box background image specifically for IE, and the background position must be aligned to the right*/
}
/* end header -----------------------------------------------------------------------------*/ 
#wrapper {
	width:960px;
	margin: 0 auto;
	padding: 0; 
	position:relative;
    line-height:1.5
	}  /* reminder, z-index in main containers breaks direct edit */ 
/*
.wide#wrapper {background: transparent url(/esconline/collegecalendar.nsf/bkg-wide-1024.jpg>) no-repeat scroll 0 0} 
.wider#wrapper {background: none; width: 100%} 
*/
/*content ---------------------------------------------------------------------------------*/ 
#content {
	width:960px;
	float:left;
	clear:both;
	padding-bottom:16px
	}
/*Index*/
#slider {
	width:717px;
	height:360px;
	float:left;
	margin-right:6px;
	margin-top:2px}
#buckets {
	width:235px;
	height:354px;
	float:left;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9e9e9));
	background: -moz-linear-gradient(top,  #ffffff,  #e9e9e9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9e9e9');
	border:solid; border-width:1px; border-color:#c9c9c9;
	font-weight:bolder;
	font-size:12px;
	line-height: 1.2}
#buckets ul {margin: 42px 0 0 44px; padding: 0; width:151px}
#buckets li {margin-bottom:12px; padding:0 0 10px 0; border-bottom: 1px solid #c6c6cb} 
ul#student-buckets {margin: 32px 0 0 44px; font-size: 14px}
/* -------------------------------------------------------------------------------
   some styles for specific content types or templates
----------------------------------------------------------------------------------*/
.quote {color: #645b53; font-style:italic; border-top: 1px solid #c0bab3; border-bottom: 1px solid #c0bab3; padding: 10px 20px}
.quote .attribute {font-size: .8em; padding-left: 40px; padding-right: 20px}
.topnews  {
  position:relative;
  margin: 0; padding: 5px 0;
  border-bottom: 1px solid #c0bab3;
  width: 100%; overflow: auto
  }
/*.topnews h3, .topnews-single h3 {font-size: 1em}*/
p.teaser {color: #645B53; font-style: italic; font-size: 105%}
.topnews p.teaser {padding-top: 10px}
.date {color: #8d8175; font-size: .9em; font-style: italic}
.topnews .date {padding: 0 0 2px}
.news .date {padding-bottom: 0}
div.topnews hr {display: block; clear: left; visibility: hidden} 
/* keep for float clearing */
.news .contact, .news .phone, .news .email {text-align: right; padding:0; font-size: .9em}
.contact, .phone, .email {}
.topnews-single {position:relative; margin: 0; padding: 5px 5px 5px 0}
.topnews-single {position: relative; margin-bottom: 20px}
.topnews-single h4 {margin-bottom: 0; padding-bottom: 0}
.topnews-single h4 a {border:0}
.topnews-single h4 a:link {text-decoration: none}
.topnews-single h4 a:visited {text-decoration: none}
.topnews-single h4 a:hover, .topnews-single h4  a:focus, .topnews-single h4  a:active {text-decoration: none; color: #3585ae}
.topnews-single p.teaser { font-style: italic; font-size: 90%}
ul.newslist li {padding: 0 0 8px; list-style-image:url(http://www8.esc.edu/images/bullet-current.png)} /*bullet-current.png*/
.list-event {margin-bottom: 10px; padding-bottom: 10px}
.list-event h3 {font-size: 110%; margin-bottom: 0; padding: 0}
.list-event p {margin: .2em 0 0; padding: 0; font-size: .9em; line-height: 1.4}
.list-event .location {font-size: 1.2}
/*used on the home page*/
#news-and-events {
	width:960px;
	float:left;
	clear:both;
	padding-top:22px;
	margin: 16px 0 35px;
	border-top: 1px solid #e78200;
	line-height: 1.4}
#news {
	float:left;
	width:422px;
	margin-right:35px;
	padding-right:5px}
#news .news-title {
	font-size:12px;
	font-weight:bolder;
	margin-bottom:3px;
	margin-top:14px}
#news .news-date {
	font-size:10px;
	font-style:italic;
	color:#8a8a8c;
	margin-bottom:3px}
#news h3 {font-size:18px}
#events {
	float:left;
	width:286px;
	margin-right:16px}
#events .events-date {font-size:14px;font-weight:bolder;line-height:1.25}
td.events {padding-bottom:20px}
#events h3 {font-size:18px;margin-bottom:14px}
#media {float:left;width:175px}
/*
.link-all {margin: 10px 0 5px}
.link-all a {text-decoration:none}
.link-all a:hover {color: #645b53}
.feedlink {margin:5px 0 0}
.feedlink a {text-decoration: none}
.feedlink a:hover {color: #645b53}
*/
/*--------------------------------------------------------------------------------
Secondary Pages
----------------------------------------------------------------------------------*/
#content-body {
	width:920px;
	float:left;
	clear: both; 
	margin: 0; padding: 15px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eceaea));
	background: -moz-linear-gradient(top,  #ffffff,  #eceaea);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eceaea');
	border: 1px solid #fff
	}
/*--------------------------------------------------------------------------------
  breadcrumb
----------------------------------------------------------------------------------*/
#breadcrumb {padding: 0; color: #645b53; font-weight: 800; font-size:.8em; width:920px; margin-bottom:20px; text-align: left }
#breadcrumb ul {padding: 0; margin:0}
#breadcrumb li {
	display:inline;
	font-size:10px;
	color:#5c5c5d;
	margin-right:3px; padding: 0}
#breadcrumb a {font-weight: 500; padding: 1px 0 ; margin: 0 1px 0 0}
#breadcrumb span {font-size: 100%; color: #aaa299; padding: 0 3px; margin: 0; font-weight: 400} /* this is the separator style */
/*#breadcrumb a:first-child {margin-left: 0; padding-left: 0} */
/*#breadcrumb .currentsection {padding-left: 2px}*/
.one-column #pagebody {width:890px; text-align: left; }
.two-column #pagebody {
	/*width:725px; */
	width: 710px;
	float:left; 	
	text-align: left; 
	}
.three-column #pagebody {width:540px; float:left; text-align: left; }
#pagebody {} /*this id drives the jQuery image caption div resize*/
#left-content {
	width:170px;
	float:left;
	clear:both;
	margin: 0 20px 0 0;
	text-align: left;
	}
#right-content {width:170px; float:right}
#contact-us {
	float:left;
	clear:both;
	margin-bottom:15px;
	border-bottom: 1px solid #ccc
	}
#contact-us p{
	margin-top:15px;
	text-align:center;
	font-size:18px;
	color:#5c5c5d
	}
#related-resources {
	float:left;
	clear:both;
	margin-top:15px;
	width:163px
	}
#related-resources ul {margin:0; padding:0}
#related-resources li{
	margin:12px 12px 12px 0;
	padding:0 0 5px 14px;
	border-bottom: 1px solid #c6c6cb;
	font-size:11px;
	color:#5c5c5d;
	background:  url(../images/icons/triangle-small.png) 0 5px no-repeat;
	line-height: 1.3
	}
#related-resources img {padding:0 5px 10px 0}
/* follow block
----------------------------------------------------------------------------------*/
.follow-block h4 {margin: 10px 0 4px}
.follow-block div {text-align: left; margin-top: 0; margin-bottom:1em; line-height: 1.9}
.follow-block a {padding-left: 4px; text-decoration: none; border: 0}
.follow-block img {padding-left: 8px}
/* -------------------------------------------------------------------------------
   blocks
----------------------------------------------------------------------------------*/
.block1 {padding: 0; position: relative; margin-bottom: 10px}
.block1 h3 {
	color: #fff; 
	margin-bottom: 0;
	padding: 3px; padding-top: 4px; 
	background: #aaa299; 
	text-align: center;   
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
	text-shadow: 0 1px 2px #645b53
	}
.block2 {padding: 0; position: relative; margin-bottom: 10px}
.block2 h3 {
	color: #fff; 
	margin-bottom: 0;
	padding: 3px; padding-top: 4px; 
	background: #026699; 
	text-align: center;  
	border-bottom: 1px solid #fff;
-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; 
    box-shadow:  0 2px 1px #ccc;
   -moz-box-shadow:  0 2px 1px #ccc;
   -webkit-box-shadow:  0 2px 2px #ccc
   }
.block3 {
	position: 
	relative; 
	border: 1px solid #aaa; 
	margin-bottom: 10px; 
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px
	}
.block3 h3 {padding: 4px; text-align: left}
.block4 {
	position: relative; 
	border: 1px solid #c0bab3; 
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
	margin-bottom: 1px
	}
.block4 h3 {
	color: #645b53;
	margin: 0; padding: 3px;
	text-align: center; text-transform: uppercase;
	background: #ddd; border-bottom: 1px solid #c0bab3;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	box-shadow:  0 2px 1px #efefec;
	-moz-box-shadow:  0 2px 1px #efefec;
	-webkit-box-shadow:  0 2px 1px #efefec
	}
.block5 {
	position: relative; 
	border: 0; 
	margin-bottom: 10px; -
	moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px
	}
.block5 h3 {padding: 4px; text-align: left}
.block1 .content, .block2 .content, .block3 .content, .block4 .content {position: relative; margin-top: 0; padding: 5px}
.block3 .content {padding-top: 0}
/*-------------------------------------------------------------------------------
   midsection of the page
----------------------------------------------------------------------------------
#midsection {clear: both; margin: 0; padding: 0 0 20px; text-align: left; line-height: 1.5}
.wide #midsection {background: #fff; padding: 10px}
*/
/* ----------------------------------------------------------------------------
   special sub-site banners
-------------------------------------------------------------------------------*/
#banner-heading {
	text-align: left; 
	background: #f0f0e0;
	background: -webkit-gradient(radial, 50% 50%, 60, 50% 50%, 400, from(#fff), to(#f0f0e0), color-stop(100%, #f0f0e0));
	background-image: -moz-radial-gradient(center 45deg, circle farthest-side, #fff 25%, #f0f0e0 100%)}
#banner-heading h2 {
	margin:0; padding:20px 10px 20px 240px; /* if the banner has no image then the h2 needs padding top and bottom */
	float:left; 
	display: inline; 
	font-size: 170%; 
	text-shadow: 0 3px 4px #c0bab3}
.image-center#banner-heading div img {vertical-align:middle; padding-left:10px}
.image-right#banner-heading div img {float: right; padding: 0}
.image-full#banner-heading  {margin: 0; padding: 0; background: none}
.image-full#banner-heading img {margin: 0; padding: 0}
.image-full#banner-heading h2 {display:none} /* remove the heading display only*/
/*header-greenscreen.png*/
.bannersub {
	background-image: url(/esconline/collegecalendar.nsf/header-greenscreen.jpg); 
	background-repeat:no-repeat;  
	min-height: 70px; 
	 z-index: 10; 
	text-align: left; 
	width:100%; 
	margin-bottom: 10px
	}
.wide #main-container .bannersub {background-image: url(/esconline/collegecalendar.nsf/bannersub2-960.jpg)}
.bannersub h1 {color: #fff; margin: 0; padding: 25px 0 0 10px; font-size: 170%; font-weight: 500; line-height: 1.2}
/* print-this -- needs work
----------------------------------------------------------------------------------*/
.print-this {margin: 0; padding: 10px; position: relative; font-size: .8em}
.print-this a {color: #8d8175; text-decoration:none}
.print-this a:hover {color: #645b53}
.print-page {background: none; border: none:}
/* ui-accordion customization -- needs work
-----------------------------------------------------------------------------*/
.ui-accordion-content {line-height: 1.5}
/* tabbed box -- needs work
-----------------------------------------------------------------------------*/
#tabbed-box-1 {margin: 0}
.tabbed-box  {margin: 0; padding:0 0 10px}
.tabbed-box .content {padding-top: 20px; text-align: left; line-height: 1.4}
/* expandable content  -- needs work
-------------------------------------------------------- */
.expand_wrapper {padding-bottom: 8px}
h3.toggle {background-image: url(/images/plus.png); background-repeat: no-repeat; padding-left: 10px}
h3.expanded {background-image: url(/images/minus.png)}
h3.toggle a { }
h3.toggle a:focus {background: #f0f0e0}
/* end---------------------------------------------------*/
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXX main menu XXXXXXXXXXXXXXXXXXXXXXXXXX */

#nav-wrap {
  clear:both; 
  margin: 0 auto; padding: 0; 
  text-align: center;
z-index: 4000;
}
ul#navigation {
    list-style: none; 
    margin: 0 auto;
    padding: 0;
    width: 960px;
    position: relative;
    background: none;
    text-align: left;
z-index: 4000
}/* reminder, breaks direct edit, was z-index: 4000; */ 

ul#navigation li {
    list-style: none; 
    background: none;
    height: 38px;
    text-align: center;
    position: relative; /*--Declare X and Y axis base for sub navigation--*/
    display:inline; 
    float: left;
    margin-top: 8px;
    padding: 0;
font-weight: bold; font-size:14px;
z-index: 4000
}

ul#navigation li a {
   display: block; 
   border:0;
   color: #222;
   padding:8px 18px 8px 18px;
}

#navigation a:focus, #navigation a:hover {color: #000}
#navigation a:active {color: #343434}
		  
#navigation li.hovering,
#navigation li:hover {background: #faf4e4; color: #000; position: relative; }
#navigation li.hovering a {color: #000;}

/* menu items */

ul#navigation .menu li { 
		 font-size:14px; font-weight: normal;
		 text-decoration:none;
		 margin-top:8px;
		 position:relative; 
        left: 0; 
        width: 200px;
    border-bottom: 1px solid #C9C9C9;
} /*		  needed? */

ul#navigation ul { 
    position: absolute; /*--Important - Keeps subnav from affecting main nav flow--*/
    width: 220px; left: 0; top: 25px;  
    margin:8px 0 0 0; padding:0 20px;
    overflow: hidden; /*visibility: hidden; */
    list-style: none; line-height: 1.3; text-align:left;
		 background-color: #faf4e4;
		 -moz-box-shadow: -2px 2px 4px #5c5c5d;
		 -webkit-box-shadow: -2px 2px 4px #5c5c5d;
		 box-shadow: -2px 2px 4px #5c5c5d;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#ff5c5c5d', Direction=135, Strength=3);
z-index: 4000; zoom: 1;
}  

ul#navigation ul {display: none}

ul#navigation li.hovering ul {display: block; padding-bottom: 8px}

ul#navigation li ul li {
   margin: 0; 
   padding: 0; 
   font-size: .9em;  
   text-align: left;
   height: auto; 
   display: block;
   float: none;
   list-style: none;
   list-style-image: none;
   background: none;
   background-image: none
}

ul#navigation li ul li a {
   margin: 0; padding: 8px 10px 8px 15px;    
   background: none; background-image: none;
}

ul#navigation li ul li a:hover		 {background-color:#fbefcd}

#navigation ul ul { 
		 width: 220px; 
		 padding:0 20px;
/*		 visibility: hidden; */
		 position: absolute; 
		 top: 100%; 
		 left: 0; text-align:left;
		 background-color: #faf4e4;
		 -moz-box-shadow: -2px 2px 4px #5c5c5d;
		 -webkit-box-shadow: -2px 2px 4px #5c5c5d;
		 box-shadow: -2px 2px 4px #5c5c5d;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#5c5c5d', Direction=135, Strength=3);
}
		 
#navigation ul ul li { 
		 font-weight: normal; 
		 float: none; 
		 border-bottom:1px solid #c9c9c9;
		 width:200px;
		 left:0%;
}
		 
/* IE 6 & 7 Needs Inline Block */
		 
#navigation ul ul a {border-right: none; width: 165px; display: inline-block;} 
		 
#navigation ul ul a:hover {background-color:#fbefcd}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXX   local  menu  XXXXXXXXXXXXXXXXXXXXXXXX */
#left-content-nav {
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#faf4e4));
	background: -moz-linear-gradient(top,  #ffffff,  #faf4e4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#faf4e4');
	border: 1px solid #c9c9c9; 
        margin-bottom: 20px; 
        padding: 10px
}
#left-content-nav a {  
  display: block; 
  color: #343434;
  text-decoration: none;
  border: 0
}
#left-content-nav a:hover, #left-content-nav a:focus, #left-content-nav a:active {color:#003399}
#left-content-nav h3 {margin: 0; line-height: 1.1}
/*local menu 
------------------------------------------------------------------------------*/
/* level one and some global */
ul.menu {margin: 0; padding:0; list-style-type:none}
ul.menu li {
  margin: 0; padding: 10px 5px 5px 0; 
  background: none; 
  line-height: 1.2;
  list-style:none; 
  list-style-image: none;
  border-bottom: 1px solid #c6c6cb}
ul.menu a {padding: 0}
ul.menu span {}
ul.menu a:link {}
ul.menu a:hover, ul.menu a:focus, ul.menu a:active {color:#003399}
ul.menu span.currentbranch0 {font-weight: 600}
ul.menu span.currentbranch0 a {}
ul.menu span.currentbranch0 a:hover {}
ul.menu ul {margin: 0; padding: 0 0 0 6px}
/* two */
ul.multilevel-linkul-0 {}
ul.multilevel-linkul-0 li {}
ul.multilevel-linkul-0 li:last-child {border:0}
ul.menu li ul li span.currentbranch1 {font-weight: 600}
ul.menu li ul li span.currentbranch1 a {}
ul.menu li ul li span.currentbranch1 a:hover {}
/* three */
ul.multilevel-linkul-1 {}
ul.multilevel-linkul-1 li { }
ul.multilevel-linkul-1 li:last-child {border:0}
ul.menu li ul li ul li span.currentbranch2 {font-weight: 600}
ul.menu li ul li ul li span.currentbranch2 a {}
ul.menu li ul li ul li span.currentbranch2 a:hover {}
/* four */
ul.multilevel-linkul-2 {}
ul.multilevel-linkul-2 li { }
ul.multilevel-linkul-2 li:last-child {border:0}
ul.menu li ul li ul li span.currentbranch3 {font-weight: 600}
ul.menu li ul li ul li span.currentbranch3 a { }
ul.menu li ul li ul li span.currentbranch3 a:hover {}
/* five */
ul.multilevel-linkul-3 {}
ul.multilevel-linkul-3 li {}
ul.multilevel-linkul-3 li:last-child {border:0}
ul.menu li ul li ul li ul li span.currentbranch4 {font-weight: 600}
ul.menu li ul li ul li ul li span.currentbranch4 a { }
ul.menu li ul li ul li ul li span.currentbranch4 a:hover { }
/*--------------------------------------------------------------------------------
footer
----------------------------------------------------------------------------------*/
#footer {
	float:left; height:100%; 
	clear:both;
	width:100%;
	background-color:#8d8175;
	margin: 0 auto;
	padding: 0; 
	line-height: 1.5;
	color:#fff;
	 text-align:left; 
	position:relative;
        font-size: .8em}
#footer ul {margin: 0; padding: 0}
#footer-nav {width:960px; margin: 20px auto}
.footer-block {float:left}
.footer-block h4 {margin-bottom: 8px; font-size: 105%}
.footer-block ul {padding-right: 5px}
.footer-block li {padding: 0; list-style:none; list-style-image: none}
#footer-text {
	clear:both;
	width:960px;
	margin: 20px auto;
	text-align:center}
#footer-text ul{clear:both; margin: 18px 0 12px}
#footer-text li{display:inline; margin-right:23px}
#footer-text p {margin:0}
#footer a {color: #fff; text-decoration:none; border: 0}
#footer a:hover {text-decoration: underline}
#footer h4 a {border-bottom: 1px solid #c0bab3; padding-bottom: 2px}
#footer h4 a:hover {text-decoration: none; border: 0; background:#c0bab3; color:#343434}
#footer a img {position: relative; top: 4px}
#footer-text img {margin-left:5px}
#footer .image-link a {text-decoration: none; border: 0; margin-top: 6px}
/* IE hack - may not be necessary, need to investigate */	
* html #footer { height:1px}