/* CSS Document */

body,html{
font-family:"Trebuchet MS",Tahoma, Verdana, Arial;
font-size:12px;
line-height:20px;
}
/*/////////////////////  links  /////////////////////*/
a,a:link,a:active,#homeBody a {
color:red; 
font-weight: normal; 
}
a:visted{
color:#666666;
}
a:hover,#homeBody a:hover,.IntBody a:hover  {
text-decoration:underline; 
color:green;
background-color:#daffc8;
}   
.IntBody a{
color:blue;
}
.tableBorder a:hover{
background-color: #E1E1E1;
}
.top, .top a, .top a:hover{
width:150px;
display:block;
vertical-align:middle;
font-size:13px;
}
#left .top{
margin:0;
}
.top{
border:2px solid #8fc1e4;
background-color:#c8e8ff;
margin:20px 0;
text-align:center;
display:block;
position:relative;
left:475px;

}
.top a{
height:25px;
padding-top:8px;
text-decoration:none;
text-align:center;
}
.top a:hover,.download{
padding-top:8px;
text-decoration:underline;
background-color:#daffc8;
}
.download{
padding:8px 0;
text-decoration:underline;
text-align:center;
display:block;
border:2px solid #8fc1e4;
text-align:center;
width:200px;
float:right;
}
.clear
{
	clear:both;
}
.noline
{
line-height:2px;
}

/*/////////////////////  end links  /////////////////////*/

#main{
border:1px solid #ccc;
}
#homeBody{
width:514px;
line-height:25px;
margin-right: 16px;
margin-top:-17px;
}
#homeLeftCol{
font-size:10px;
line-height:9px;
}
#homeLeftCol strong{
color:#093eb7;
}
#homeLeftCol table{
font-size:10px;
margin:5px 0 0 20px;
padding:3px;
}
#HomeFoot{
font-family:Tahoma, Arial, Verdana;
line-height:11px;
height:45px;
background-color:#093eb7;
}
#HomeFoot a,.greenContainer,#HomeFoot{
color:#fff;
}
#HomeFoot a:hover{
background-color:transparent;
color:#FFCC00;
}
#nav{
background: url(../images/nav_bg.gif) repeat-x;
}
/*/////////////////////// headings   ///////////////////*/

.IntBody p,.IntBody h4{
margin-bottom:-15px;
}
.IntBody h3{
font-size:20pt;
line-height:30px;
color:#CC3300;
}
.IntBody h4{
color:#093eb7;
font-size:1.6em;
}
.IntBody h5{
font-size:1.4em;
}
.IntBody h6{
font-size:1.2em;
border-bottom:2px solid #ccc;
}
.related h5{
height:20px;
padding:0;
margin:0;
}
/*/////////////////////// end headings   ///////////////////*/


/*///////////////////misc styles///////////////////////////////*/
.alphaList{
list-style-type:upper-alpha;
font-weight:bold;
font-size:15px;
}
ol.alphaList span{
font-weight:normal;
font-size:11px;
}
ol{
font-weight:bold;
}
ol li{
font-weight:normal;
}
/*/////////////////// interior styles///////////////////////////////*/

.quote {
border: 1px #999 solid;
padding:10px;
text-align:center;
width:500px;
background:#eee;
margin: 35px 0 0 60px;
}

/*//////////////// table stylin' ///////////////////*/
.tableBorder{
border-color: #ccc;
border-width: 0 0 1px 1px;
border-style: solid;
}
.tableBorder tr, .tableBorder td{
padding:10px;
margin-bottom:10px;
padding-bottom:10px;
}
.tableBorder td{
border-color: #ccc;
border-width: 1px 1px 0 0;
border-style: solid;
}
.tableBorderThick{
border-color: #f0f0f0;
border-width: 0 0 2px 2px;
border-style: solid;
}
.tableBorderThick tr, .tableBorderThick td{
padding:10px;
margin-bottom:10px;
}
.tableBorderThick td{
border-color: #f0f0f0;
border-width: 2px 2px 0 0;
border-style: solid;
}
sixHatsBox{
background:#d1e7ff;
width:400px;
background:url(../images/six-hats-box-bg.gif) no-repeat #d1e7ff;
padding:10px;
font-weight:normal;
border:2px solid #79beea;
}
div.sixHatsBox ul li{
list-style-image:url(../images/bullet-trans.png);
}
.blueBox{
background-color:#c8e8ff;
padding:8px;
border:2px solid #8fc1e4;
width:75%;
margin:0;
}
#centered .blueBox{
margin:0 auto;
}
#audioTbl{
margin-top:10px;
}
/*/////////////////////// end that table stylin' ///////////////////*/

#leftCol{
width:255px;
padding:0;
margin:10px 0 0 0;
}
#leftCol p{
line-height:14px;
color:#999999;
}
#leftCol h5{
color:blue;
line-height:14px;
}
.yellowContainer,.greenContainer{
margin:2px 0 2px 0;
}
.yellowContainer,.greenContainer,#leftCol p,#HomeFoot{
font-size:11px;
clear:both;
line-height:14px;
}
.yellowContainer a,.greenContainer a:hover{
color:#fff;
background-color:transparent;
}
.yellowContainer{
height:52px;
background-color:#ffcc12;
color:#ce1212;
}

.yellowContainer a:hover{
color:#000;
}
.yellowContainer table,.greenContainer table{
margin:15px;
}
.greenContainer{
height:52px;
background-color:#339900;
}
.greenContainer a{
color:#ffcc12;

}

.IntBody{
padding:0 0 0 20px;
border-left:2px solid #ccc;
margin: 10px 0 0 10px;
min-height:900px;
}

#IntTitle,#homeTitle{
background: url(../images/title_bg.gif) repeat-x;
}
#IntBody img.greyBorder{
border:1px solid #ccc;
}

div.IntBody ul li{
list-style-image:url(../images/bullet-checkmark.gif);

}
div.IntBody ul li ul li{
list-style-image:none;
list-style-type:circle;
}
#whoTable{
background:#EEEEEE;
font-weight:bold;
}


#programs a{
line-height:13px;
}
.note{
color:red;
font-size:10px;
}
.interior_search_text{
font-family:"Trebuchet MS",Tahoma, Verdana, Arial;
font-size:12px;
width:200px;
}
.interior_search_button{
font-family:"Trebuchet MS",Tahoma, Verdana, Arial;
font-size:12px;
color:#FFFFFF;
background:none;
border:none;
}
.spotpic {
	margin-right: 10px;
	border: 1px solid #FFFFFF;
}
/*////////////////////fancy stylin' /////////////////////////////*/

.orange{
color:#ff6600;
}
.white{
color:#fff;
}
.blue{
color:#0033cc;
}
.red{
color:#cc3300;
}
.green{
color:#009933;
}
.11pt_grey{
color:#999;
font-size:11px;
line-height:13px;
}
.orange{
color:#ff8400;
}

/*////////////////////end that fancy stylin' /////////////////////////////*/

div.quoteBox{
background:url(../images/quote-box-bg.gif) no-repeat #f0f0f0;
border:2px solid #ccc;
/*padding:15px;*/
width:400px;
height:200px;
display:block;

}
div.quoteBox p{
display:block;
margin:40px  auto 0 auto;
width:375px;
}
.icon{
margin-bottom:-5px;
}
input[textbox]{
margin-left:10px;
}
.pic{
border:2px solid #ccc;
margin:5px;
}
#edPik{
float:right;
}
/*//////////////////// news/events /////////////////////////////*/
.news_subtitle,interiorbody_subtitle{
font-size:2em;
color:#ce1213;
}
.news_title{

}
.description{
margin-top:20px;
}
.listTitle li{
font-weight:bold;
text-decoration:underline;
color:#8f8f8f;
}
/*
#news_ticker ul li.description a
{
color:#ce1212;
font-weight:normal;
}
#news_ticker{
margin-left:-40px;
margin-top:-20px;
}
#news_ticker ul{
list-style:none;
}
#news_ticker ul li
{
float:left;
line-height:20px;
width:25%;
margin:0;
padding:0;
}
#news_ticker ul li.news_title
{
float:left;
line-height:20px;
width:50%;
margin:0;
padding:0;
}

#news_ticker 
{
font-size:11px;

}
#news_ticker  a
{
font-weight:bold;
text-decoration:none;
color:#339900;
}
*/


#news_ticker
{
	margin:0 0 0 -20px;
}
#news_ticker table
{
font-size:11px;
text-align:center;
}
#news_ticker table th
{
font-weight:bold;
text-decoration:underline;
color:#8f8f8f;
}
#news_ticker table td
{
padding:5px 0 0 0;
}
#news_ticker table th#course
{
	width:150px;
}
#news_ticker table th#location
{
	width:100px;

}
#news_ticker table th#date
{
	width:70px;
}
#news_ticker table td#course
{
white-space:nowrap;
}
#news_ticker table td#course a
{
	font-weight:bold;
	text-decoration:none;
	color:#339900;
}

#news_ticker table td#location a
{
color:#ce1212;
font-weight:normal;
line-height:20px;
}






.news_courseName,.mainCourseName a{
color:#339900;
font-size:1.3em;
font-weight:bold;
text-decoration:underline;
}
.news_courseName
{
margin-top:15px;
}

#date_created.newsArticle .description,#articles .description{
margin-top:-2px;
}
#date_created{
font-size:10px;
color:#3d78ff;
}
#articles {
list-style:none;
}
.newsArticle{
background-color:#d1e7fd;
padding:10px;
padding-bottom:10px;
border:1px solid #9dbafd;
width:300px;
margin-bottom:10px;
}

#menu-bar {
  width: 97%;
  margin: 0px 0px 0px 0px;
  padding: 2px 13px 5px 15px;
  height: 30px;
  line-height: 100%;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  box-shadow: 0px 0px 0px #FFFFFF;
  -webkit-box-shadow: 0px 0px 0px #FFFFFF;
  -moz-box-shadow: 0px 0px 0px #FFFFFF;
  background: #093EB7;
  border: solid 0px #FFFFFF;
  position:relative;
  z-index:999;
}
#menu-bar li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  position: relative;
  list-style: none;
}
#menu-bar a {
  font-weight: normal;
  font-family: helvetica;
  font-style: normal;
  font-size: 14px;
  color: #E7E5E5;
  text-decoration: none;
  display: block;
  padding: 8px 13px 5px 15px;
  margin: 0;
  margin-bottom: 0px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-shadow: 0px 0px 0px #FFFFFF;
}
#menu-bar li ul li a {
  margin: 0;
}
#menu-bar .active a, #menu-bar li:hover > a {
  background: #093EB7;
  color: #FFCC12;
  -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);
  text-shadow: 0px 0px 0px #FFFFFF;
}
#menu-bar ul li:hover a, #menu-bar li:hover li a {
  background: none;
  border: none;
  color: #666;
  -box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
#menu-bar ul a:hover {
  background: #FFCC12 !important;
  color: #CE1212 !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  text-shadow: 0px 0px 0px #000000;
}
#menu-bar ul {
  background: #CE1212;
  display: none;
  margin: 0;
  padding: 0;
  width: 185px;
  position: absolute;
  top: 25px;
  left: 0;
  border: solid 1px #FFEDED;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-box-shadow: 0px 0px 0px #FFFFFF;
  -moz-box-shadow: 0px 0px 0px #FFFFFF;
  box-shadow: 0px 0px 0px #FFFFFF;
}
#menu-bar li:hover > ul {
  display: block;
}
#menu-bar li ul:hover > li {
	display:block;
}
#menu-bar ul li {
  float: none;
  margin: 0;
  padding: 0;
}
#menu-bar ul a {
  padding:10px 55px 10px 10px;
  color:#FFFFFF !important;
  font-size:12px;
  font-style:normal;
  font-family:helvetica;
  font-weight: normal;
  text-shadow: 0px 0px 0px #FFFFFF;
}
#menu-bar ul li:first-child > a {
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
}
#menu-bar ul li:last-child > a {
  border-bottom-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
}
#menu-bar:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#menu-bar {
  display: inline-block;
}
  html[xmlns] #menu-bar {
  display: block;
}
* html #menu-bar {
  height: 1%;
}


/* Flash to Video Conversion
================================================== */
#header.video{background:url('../images/debono-header.jpg') no-repeat center center}
#flashcontent.flash-crop{overflow:hidden;height:251px}


/* Navigation
================================================== */
#main tr td[background="/images/title_bg.gif"]{background:none}
#nav{position:relative;z-index:50;margin:0;padding:0;background:none;font:14px/21px Helvetica,Arial,sans-serif;text-align:left}

#nav ul{position:relative;z-index:51;margin:0;padding:0;display:inline-block;list-style:none;font-size:0}
#nav ul li{margin:0;padding:0;position:relative;display:inline-block}
#nav ul li a{display:inline-block}
#nav ul li a[href="#"]{cursor:default}
#nav ul ul{display:none;position:absolute;z-index:52;top:100%;left:0}
#nav ul li:hover > ul,#nav ul li:hover > div > ul{display:block}
#nav ul ul li{display:block;text-align:left}
#nav ul ul li a{display:block}
#nav ul ul ul{position:absolute;z-index:53;top:0;left:100%}

#nav > ul{padding:0 10px;background:#093eb7}
#nav > ul:before{content:"";display:block;position:absolute;top:0;bottom:auto;left:100%;right:auto;height:0;width:0;border-top:18px solid #093eb7;border-bottom:18px solid transparent;border-left:10px solid #093eb7;border-right:10px solid transparent;overflow:hidden}
#nav ul li{margin:0}
#nav > ul > li + li:before{content:"";display:block;position:absolute;top:6px;bottom:6px;left:0;right:auto;height:auto;width:1px;background:#FFF}
#nav ul li a{padding:8px 8px;font-size:12px;text-align:center;text-decoration:none;color:#FFF;text-transform:lowercase}
#nav ul li:hover,#nav ul li.active{}
#nav ul li:hover > a,#nav ul li.active > a{background:none;color:#ffcc12}

#nav ul ul{margin:-1px 0 0 -1px;background-color:#ce1212;box-shadow:0 0 15px rgba(0,0,0,.15);border:1px solid #FFF}
#nav > ul > li > ul{margin-top:0}
#nav ul ul li{}
#nav > ul > li > ul li + li{border-top:1px solid #FFF}
#nav ul ul li a{padding:4px 8px;text-align:left;white-space:nowrap}
#nav ul ul li:hover,#nav ul ul li.active{background:#ffcc12}
#nav ul ul li:hover > a,#nav ul ul li.active > a{color:#ce1212}

#nav ul ul ul{}

/* Modal Dialogs sitewide.
Follow this pattern IDs and classes must remain the same:

<div class="modal" id="modal-dialog">
  <div class="modal-content">
    <div class="modal-header">
      <h2>Title Goes Here <span class="close-button">&times;</span></h2>
    </div>
    <div class="modal-body">
      <p>Body Text Goes Here</p>
    </div>
  </div>
</div>
<script src="/js/jquery-3.3.1.min.js"></script>
<script>
var modalElement=document.getElementById('modal-dialog');
var closeButton=document.getElementsByClassName("close-button")[0];
$("a[href*='#coming-soon']").on("click", function() {modalElement.style.display="block";});
closeButton.onclick=function() {modalElement.style.display="none";}
window.onclick=function(event) { if (event.target==modalElement) { modalElement.style.display="none"; } }
</script>

*/
.modal-header { padding: 2px 16px; background-color: #7f7f7f; color: white; }
.modal-body p { margin-bottom: 0px; }
.modal-body {padding: 2px 16px;}
.modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.modal-content { background-color: #fefefe; margin: 15% auto; padding: 0px; padding-bottom: 20px; border: 1px solid #888; width: 50%; }
.close-button { color: #aaa; float: right; font-size: 28px; font-weight: bold; }
.close-button:hover, .close-button:focus { color: black; text-decoration: none; cursor: pointer; }