.hidden { 
 display:none; 
}

/* The navHeader and navContent classes are used to hold local navigation
menus (displacing the breadcrumbs displayed by default on CCE pages. */

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

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

ul .navHeader {
 font-size:1.1em;
 list-style:none;
 padding:2px 0px 0px 3px;
 margin:0px;
}

ul .navContent {
 list-style:none;
 margin-left:0px;
}

.navContainer {
 margin:0px 10px 0px 5px;
 padding:2px 0px 5px 5px;
 border-bottom: 2px dotted #997;
 width:100%;
}

.navHeader ul {
 padding-left:20px;
}

.navHeader a:link, .navHeader a:visited {
 font-size:0.9em;
 font-weight:bold;
 color:#000;
 margin:0px;
}

.navContent a:link, .navContent a:visited {
 margin:0px;
 font-style:italic;
 color:#000; 
 font-weight:normal;
 font-size:0.9em;
}

.navLocal {
 display:block;
 width:55em;
 padding:0 0 3px 0;
 font-weight:bold;
}

.navLocal ul {
 display:inline;
 margin:3px 0 0 0;
 padding:0 0 3px 0;
 text-align:center;
 list-style:decimal;
}

.navLocal a:link, .navLocal a:visited {
 font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
 font-size: 9px;
 padding:0 5px 0 5px;
}

.navLocal a:hover {
 color:#520000;
}

.navLocal ul li {
 display:inline;
 border-left:1px solid #ccc;
 padding:0;
 margin:0;
}

.navLocal ul li.first {
 padding-left:0;
 border:0;
}

/* leftFloaters are the counterpart to rightFloaters (below). */

 div.leftFloater {
  float:left;
  width:65%;
 }

/* rightFloaters are the sidebars seen throughout the CBEE webpages. */

 .rightFloater {
  float:right;
  width:200px;
  margin-right:20px;
  margin-left:20px;
  clear:right;

 }

 .rightFloater a {
  color:#222;
 }

 .rightFloater img {
  border:0px;
 }

 .rightFloater h3 {
  background:url('/inc/images/bottombarBG2.png') #e5a331;
  width:200px;
  padding:0px;
  margin:0px 30px 0px 0px;
  height:32px; 
  border:1px solid #e5a331;
  border-width:1px 1px 0 1px;
 }

 .rightFloater h3 span {
  text-align:center;
  display:block;
  padding-top:8px;
  font-size:1.3em;
  color:#421;
 }

 .rightFloater div, .rightFloater ul {
  width:100%;
  margin:0px;
  padding:5px 0px 8px 0px;
  background:#ebc788;
 }

 .rightFloater div {
  border:1px solid #e5a331;
  border-width:0px 1px 1px 1px;
 }

 .rightFloater hr {
   margin:auto;
   width:60%;
   background:none;
   border:none;
   border-bottom:1px dashed #e5a331;
 }

 .rightFloater div p {
  font-size:0.9em;
  display:block;
  padding:3px 3px 3px 8px;
 }

 .rightFloater li {
  list-style:square inside;
  font-size:0.9em;
  line-height:1.2em;
  margin-left:10px;
 } 

 .rightFloater .final {
/*  border-bottom:1px solid #5c4955;*/
 }



/* featureBox holds the main page's top features. This is currently a brief
overview of the new School's vision

   featureBox2 flips the layout (picture on right, box on left)
   featureBox3 is a 'brick'-coloured version of 2
 */

.featureBox, .featureBox2, .featureBox3 {
   min-height:250px;
   background:#e5b96c;
   background:#f0efe3;
   margin:0px;
   padding:0px;
 }

 .featureBox img,
 .featureBox2 img,
 .featureBox3 img {
   width:348px;
   float:left;
   padding:0px;
   margin:0px;
   border-right:2px solid #fff;
   vertical-align:top;
 }

 .featureBox2 img,
 .featureBox3 img {
   float:right;
   border-right:none;
   border-left:2px solid #fff;
}

 .featureBox h3,  
 .featureBox2 h3,
 .featureBox3 h3 {
   height:119px;
   font-size:1.2em;
   border-bottom:1px solid #fff;
   vertical-align:bottom;
 }

.featureBox h3 {
   margin:0px 0px 0px 350px;
   background:url(/inc/images/featureBarBG.png) repeat-x #e5a331;
}

 .featureBox2 h3 {
   margin:0px;
   background:url(/inc/images/featureBarBG.png) repeat-x #e5a331;
 }

 .featureBox3 h3 {
   margin:0px;
   background:url(/inc/images/featureBarBG2.png) repeat-x #421;
 }

 .featureBox span, 
 .featureBox2 span, 
 .featureBox3 span {
   display:block;
   color:#421;
   padding-left:15px;
 }

 .featureBox3 span {
   color:#f0efe3;
}

 .featureBox h3 span.preText,
 .featureBox2 h3 span.preText,
 .featureBox3 h3 span.preText  {
   padding-top:40px;
   margin-left:15px;
   font-size:1.0em;
   line-height:1.1em;
 }

 .featureBox h3 span.mainText, 
 .featureBox2 h3 span.mainText, 
 .featureBox3 h3 span.mainText,
 .featureBox h3 span.loneText,
 .featureBox2 h3 span.loneText,
 .featureBox3 h3 span.loneText {
   font-size:1.6em;
   line-height:1.2em;
 }

 .featureBox h3 span.loneText,
 .featureBox2 h3 span.loneText,
 .featureBox3 h3 span.loneText {
   font-size:1.5em; 
   padding-top:50px;
   padding-left:50px;
 }

 .featureBox p,
 .featureBox2 p, 
 .featureBox3 p {
   margin-left:350px;
   padding-left:20px;
   color:#222;
/*   font-weight:bold;*/
   font-size:1.0em;
   line-height:1.4em;
 }

 .featureBox2 p, .featureBox3 p {
   margin-left:0px;
   margin-right:370px;
 }

/* the midFeature class is assigned to the three middle boxes on the
CCE Homepage: Students, People, Research. */

 .midFeature {
	padding:0px;
	margin:0px;
   min-width:233px;
   width:34%;
   vertical-align:top;
   background:#ebc788;
/*   border-right:1px solid #ebc788;*/
 }

 .midFeature h3 {
   margin:0px;
   padding:0px;
   width:100%;
   height:30px;
   text-align:center;
   background:url('/inc/images/mediabarbg2.png') #ebc788 repeat-x;
 }

 .midFeature h3 span {
   display:block;
   padding-top:5px;
   font-size:1.4em;
   color:#421;
 }

 .midFeature img {
   margin:5px;
   width:75px;
   float:left;
 }

 .midFeature p {
   margin-top:0px;
   padding:5px;
 }

/* bottomFeatures are the boxes at the bottom of the main page (Recent News, Upcoming Events) */

 td.bottomFeature {
   padding:0px;
 }
 
 td.bottomFeature h3 {
   height:32px;
   width:100%;
   margin:0px;
   text-align:center;
 }
 
 td.bottomFeature .midHeading {
   display:block;
   padding-top:8px;
 }

 td.bottomFeature p {
   margin-top:10px; 
   margin-left:10px;
   line-height:1.3em;
   font-size:1.0em;
 }

 .contentBox {
 	background-position:10px center;
	background-repeat:no-repeat;
 	background-color:#f0efe3;
	margin:2px 2px 0 0;
	padding:5px 10px 5px 100px;
	min-height:102px;
 }

 ul.peoplelist {
	clear:left;
 }
 
 ul.peoplelist li {
 	list-style:none;
	clear:left;
 } 
 ul.peoplelist p {
 	padding-top:20px;
 }

 ul.peoplelist span {
 	margin:0.3em;
 	display:block;
 }
 ul.peoplelist span.name {
 	font-weight:strong;
 	font-size:1.6em;
 }
 ul.peoplelist span.address, ul.peoplelist span.email {
 	font-size:1.1em;
 } 
 
 ul.peoplelist img {
 	float:left;
 	width:100px;
	margin:15px;
 }