/* --- web3 css major revision 3/16/05 --- */
/* --- all column layout code moved to supplementary style sheet for easier revision and exclusion ---*/

{
padding:0;
margin: 0;
}


/* page and layout divs background colors */
body {
	background-color: #DFDFDF; /* set body bg to med grey for left-column*/
}

/* set template main body area to light grey*/
div.yui-b {
	background-color: #f6f6f6; 
}

/* set template footer area to light grey too*/
#ft div {
	background-color: #f6f6f6; 
}

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* other defaults suggested at http://leftjustified.net/journal/2004/10/19/global-ws-reset/ */

li, dd { margin-left:5%; }

fieldset { padding: .5em; }

option {min-width: 1.5em;}

/* general hover rules */

a:hover {
color: red;
text-decoration: underline;
/*position: relative; messes up linklabels*/ 
z-index:1001; /* important workaround for vanishing links in ie5 mac*/
}

/* this line avoids stray hover effects on named anchors in mozilla */
a[name]:hover {text-decoration: inherit; color: inherit; background: none}

/* error styles for special use */

.erroralert {
	font-weight: bold; color: #ff0000
}
.errordescription {
	color: #ff0000
}

/* page header areas styles - 780px for standard fixed*/
#headerbox {
	width: 100%;
}

#headerpic {
	z-index:-100;
	padding: 0px;
	margin: 0px;
	text-align: left;
/*background: #00467f url(/assets/image/blue_masthead_bar.jpg) right no-repeat;*/
background-color: #00467f;
	height: 90px;
	width: 100%;

}

#headerpic img{
padding-left: 5px;
}

.headerlogo {
 text-align:left;
 background: black url(/assets/image/CCC-Logo-horiz-white_85h.gif) left no-repeat;
}


/* page content wrapper, to provide consistent padding and formatting of content only */

#homepagecontent {
}

#homepagefeatured ul{
	background-color: none; 
	list-style-type: none;

}

#pagecontent {
  margin-left: 1em;
  
  font-size: 90%
}

#pagecontent p { 
  /*padding: .25em 0 .25em 0;*/
  line-height: 1.5em;

}



#pagecontent ul, ol { 

	margin: .5em .25em .5em 0;
	/*background-color: #E3E3E3;*/

}

#pagecontent ul { 
  list-style-type: square;
}

#pagecontent ol { 
  list-style-type: decimal;
  list-style-position: outside;
  font-size: 100%;
}
	
#pagecontent li { 
 padding: .25em 0 .25em 0;
}

#pagecontent li img { 
  margin: 0px 0px 0px 0px;
}


/*-- breadcrumbs --*/

/* new absolutely positioned breadcrumb area allows that line to extend into the right column. positioning is critical */

#breadcrumbs {
 display: inline;
 font-size: 75%;
 }

.breadcrumb {
padding: 0 5px 0 5px;
}

.breadcrumbs a{
text-decoration: underline;
}

/* spacers */

#rightspacer2 {
	z-index: -100;
	height: 40px;
}



/*-- pagetools --*/

#pagetools2{
  float: right;
  margin-left: auto;
  margin-right: auto;
  padding-left: auto;
  padding-right: 3em;
  font-size: 8pt;
  height: 25px;
	display: block;
	padding-top: 1em;

}

#pagetools2 img{
  margin: 0 2px 0 6px;
	text-align: right;

}

#pagetools2 a {
 color: black;
}

#pagetools2 a:hover {
 color: red;
}



//*-- pagenav links block  --*/

.pagenav {
	font-size: 105%;
}

div.pagenav {
	margin: .5em 1.5em 1em 1.5em;
		padding: 1em;
	border: 0px solid silver;
	}

.pagenav h3{
  color: black;
  font-size: 1.5em;
  padding: 0;
  margin: 0 0 .5em 0;

}

.pagenav ul, .pagenav ol{
padding: .5em 0 .5em 0;
	background-color: #f0f0f0;
}

.pagenav ul {
  list-style: square;
}

.pagenav li {
  padding-bottom: .5em;
}

.pagenav a{
background-color: #f0f0f0;
}

.pagenavrelated h3{
  color: gray;
}

.pagenavrelated {
}

/* left and right content columns for home page*/

#leftcontent {
float: left;
width: 48%;
}

#rightcontent {
float: right;
width: 48%;
}

ol.popularpages {

}
 
/* home page portal blocks */

.portalblock {
padding: 0;
margin: 0;
background-color: #f0f0f0;
margin-top: 1em;
padding-bottom:4px;
}

.portalblock h3 {
margin: 0px;
padding:0px;
font-size:96%;
border-bottom: 1px dotted white;
color: brown;
margin-left: 0px;
position: relative;
text-align: left;
line-height: 16px;
background-color: #f0f0f0;
}

.portalblock h3 a{
text-decoration: none;
}

.portalblock h4 {
font-size: 9pt;
margin: 00px 0 0 0px;
width: 100%;
background-color: #f0f0f0;
}

.portalblock ul, .portalblock ol{
line-height: 1.25;
/*border: 0px solid silver;*/
padding: .2em .4em 0 .5em;
list-style: none;
font-weight: normal;
margin: .2em .4em 0 .5em;
list-style-position: inside;
background-color: #f0f0f0;
zoom: 1;
}


.portalblock dl {
line-height: 1.25;
border: 0px solid silver;
padding: .2em .4em 0 .2em;
list-style: none;
font-weight: normal;
margin: 2px;
background-color: #f0f0f0;
zoom: 1;
 }
/* \ commented backslash hack - recover from macIE5 workarounds, it will ignore the following rule */

.portalblock dl { padding-right: 0; }

.portalblock dt {
font-size: 1em;
color: #a44667;
padding: 0 0 .7em 0 ;
}

.portalblock dd {
margin: .7em .7em 1em .7em;
border-bottom: 1px dotted black;
padding-bottom: 1em;
}

a.cmslink{
padding-left: 10px;

}

.showhide {
float: right;
padding-left: 4px;
}


/*-- announcement styles, for both xml feed and cms-driven content --*/

/* simple list styles for home page rss */

/* announcelisthome no longer used on the iweb */
.announcelisthome {
background-color: white;
padding: 0;
margin: 0;
width: 48%;
float: left;
}

.announcelisthome h3{
margin: 0px;
padding:0px;
font-size:96%;
border: none;
color: brown;
background-color: white;
}

.announcelisthome ul, ol{
margin-top: 2em;
padding-left: 1em;
padding-right: 1em;

}

.announcelisthome li {
margin-top: 1em;
margin-bottom: 1em;
}

.announcelisthome strong {
}

.announcelisthome h4 {
font-size: 9pt;
margin-bottom: 0px;
padding-bottom: 0px;
width: 100%;
}

/* definition list styling for iweb home page cms-driven announcements */

.announcelisthome dl {
line-height: 1.25;
border: 0px solid silver;
padding: .2em .4em 0 .4em;
list-style: none;
font-weight: normal;
margin: 2px;
scrollbar-base-color: #fffedd; 
 }
/* \ commented backslash hack - recover from macIE5 workarounds, it will ignore the following rule */
.announcelisthome dl { padding-right: 0; }

.announcelisthome dt {
font-size: 1em;
color: #a44667;
padding: 0 0 .7em 0 ;
}

.announcelisthome dd {
margin: .7em .7em 1em .7em;
border-bottom: 1px dotted black;
padding-bottom: 1em;
}


/* small scrolling div styles for interior pages rss  */
.announcelist {
padding-bottom: 0px;
margin: 0px;
color: black;
margin-top: 0px;
font-size: 95%;
}

.announcelist a {
font-weight: bold;
color: #a44667;
text-decoration: none;
}

.announcelist a:hover {
font-weight: bold;
color: blue;
text-decoration: none;
}

.announcedetail {
font-size: 85%;
color: gray;
font-weight: normal;
margin: clear;
margin-left: 40%;
}

.announcelist h2{
/*font-size: 9pt;*/
margin-bottom: 0px;
padding-bottom: 0px;
}

.announcelist h3{
/*font-size: 9pt;*/
border-bottom: 1px dotted gray;
}

.announcelist p{
}

/* definition list styling for interior page cms-driven announcements */

.announcelist dl, .announcelist ul {
background-color: #fffedd;
line-height: 1.25;
border: 1px solid silver;
padding: 0 .4em 0 .4em;
list-style: none;
font-weight: normal;
margin: 2px;
height: 100%; /* workaround for macIE5 overflow:auto bug */
scrollbar-base-color: #fffedd; 
 }
/* \ commented backslash hack - recover from macIE5 workarounds, it will ignore the following rule */
.announcelist dl { height:140px; padding-right: 0; overflow: auto; }

.announcelist dt {
font-weight: bold;
font-size: 1.4em;
color: #a44667;
}

.announcelist dd {
margin-bottom: 1em;
margin-left: .7em;
}

.announcelist li {
font-weight: bold;

margin-bottom:5px;
}


/* featured image, called featuredright but currently shown on the left. ack. */

.featuredright img {
padding: 10px 0 10px 0;
text-align: center;
}

/* spacer div ensures a minimum content height so the menus don't fall under the footer, depends on .clear in piefecta.css*/
.spacer { height: 600px; }

.spacershort {height: 45px;} 

/

/* contact email link style*/

#contactemail2 {
}


span.contactemail {
display: block;
width: 90%;
margin: auto;
}


/* pagefooter content styles */

#pagefooter {
border-top: 1px solid #f0f0f0;
padding: 2em;
}

#pagefooter p {
  text-align: left;
}

.footertools {
  line-height:2em;
}

.lastupdate {
  font-size: 1em;
  font-style: normal;
  color: dimgray;
  line-height:2em;
}



/*-- regular content page styles follow --*/


h1 {
	font-size: 2em;
  margin: 0 2px 3px 0; 
	padding: 4px 0 3px 0;
  letter-spacing: 4px;
  text-transform: uppercase;
}

h2 {
  font-size: 140%;
  /*margin: 0 2px 3px 0; */
	/*padding: 4px 0 3px 0;*/
  /*letter-spacing: .07em;*/
  /*text-transform: uppercase; */
}

h3 {
  margin: 1em 0px .5em 0px;

	font-size: 110%; 
	color: #00467F; 
	border-bottom: #dce7ed 1px dotted;
}

h4 {
  margin: 1em 0px .5em 0px; 
	font-weight: bold; 
	font-size: 105%; 
	color: #a44667; 
}

h5 {
  margin: 1em 0px .5em 0px;
	font-weight: bold; 
	color: black; 
  font-size: 105%;
}


h6 {
	 font-weight: bold; 
	 margin-bottom: 2px; 
	 margin-left: 4px; 
	 margin-right: 2px;
	 color: black; 
	 padding: 0px;
}

acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
  }

acronym:after {
  content: " (" attr(title) ")";
}

.skiplink {
	display: none;
}

.nodisplay {
	display: none;
}


.alertmessage {color: red; padding-left: 5px;}

.specialnotice {
	border-right: black 1px dotted; padding-right: 5px; border-top: black 1px dotted; padding-left: 5px; font-weight: bold; font-size: 10pt; padding-bottom: 5px; margin: 10px auto; border-left: black 1px dotted; width: 90%; color: #c64a39; padding-top: 5px; border-bottom: black 1px dotted; font-family: helvetica, arial, verdana, sans-serif, 'times new roman'; background-color: #efebd6; text-align: center
}


.highlighted {
	background-color: #efebd6
}
.highlighted0 {
	background-color: #31619c
}
.highlighted1 {
	background-color: #ffffcc
}
.highlighted2 {
	background-color: #ffffce
}
.hilitecell {
	background-color: #efebd6
}

/* for registration dates on the schedules pages */

.regdates {
	background-color: #fffcc9;
	padding: .5em .5em .5em .5em;
}

.regdates h4 {
color: #cc3300;
font-weight: bold;
font-size: 98%;
padding-top: 0;
margin-top: 0;
}



/* visible table with borders on all sides. also see ruled style */

.visibletable td {
  text-align: left; 
  border: silver 1px solid; 
  padding: 4px; 
  background-color: white;
}

.visibletable {
  background-color: #e0e0e0;
	margin: .5em 0 .5em 0;
}

/* ruled table with added hover highlighting in mozilla 	
		
table.ruled tr:hover {
  color: darkorange;
}

table.ruled td{
  border-bottom: 1px solid #efefef; 
	text-align: left;
}
*/	
/* other data table styles */

.visibletable th {
	background: #3e83c9;
	color: #fff;
	font-weight: bold;
	padding: 2px 11px;
	text-align: left;
	border-right: 1px solid #fff;
	line-height: 1.2;
}

.visibletable td {
	padding: 6px 11px;
	border-bottom: 1px solid #95bce2;
	vertical-align: top;
}

.visibletable td * {
	padding: 6px 11px;
}

tr.alt td {
	background: #ecf6fc;
}

tr.over td {
	background: #bcd4ec;
}


.tuitiontable {
width: 440px;
}

th {font-size:90%; text-align: center;}

/* highlight text styles - legacy */

.highlight1 {background-color: #ffffcc}
.highlight1 th {border-bottom: 1px solid black;}

.highlight2 {background-color: lightgrey}
.highlight3 {background-color: #b0e0e6}

/* contacts directory styles - legacy */

.contactname {
	font-weight: bold; 
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.contactinfo {
color: black;
padding-bottom: 5px;
padding-left: 0px;
}

.contacttable td{
padding-left: 20px;
margin-left: 10px;
}

/* displays a definition list in tabular form for date/hours/phone info - http://www.maxdesign.com.au/presentation/definition/ */

dl.table-display{
width: 40em;
margin: 1em 0 2em 0;
padding: 0 0 0 0;
}

.table-display dt {
width: 12em;
float: left;
margin: 0 0 0 0;
padding: .4em;
border-bottom: 1px solid #999;
background-color: #f0f0f0;
font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd
{
float: left;
width: 24em;
margin: 0 0 0 0;
padding: .4em;
border-bottom: 1px solid #999;
}


/* definition list style for glossary page */

.glossary dl
{
}

.glossary dt {
  font-weight: bold;
  color: darkblue;
}

.glossary dd {
  margin-bottom: 1em;
}

/* old tightlist style */

.tightlist p {
	margin-top: 0.5em; 
	margin-bottom: 0.5em
}
.tightlist ul {
	margin-top: 0.5em; 
	padding-left: 1em; 
	margin-bottom: 0.5em; 
	list-style-type:square; 
	list-style-position:outside
}
.tightlist li {
	padding-left: 0px; 
	margin-bottom: 0.5em; 
	margin-left: 0px
}


/* loosely spaced list style for faqs and other paragraphic lists */

.looselist ul, ol{
  padding-right: 1em;
}

.looselist li {
  margin-top: 2em;
  margin-bottom: 2em;
}

.looselist strong {
  color: black;
}


/* specify various special OL list types. note "super specificity" to override any other styles in pagecontent */

body #pagecontent .lcalpha {
   list-style-type: lower-alpha;
}

body #pagecontent .ucalpha {
 list-style-type: upper-alpha;
}

body #pagecontent .ucromanl {
 list-style-type: upper-roman;
}

body #pagecontent .lcroman {
 list-style-type: lower-roman;
}


/* colgroup sizes for schedule calendar pages - still testing*/

.tableformat3 col.size1{
width:300;
}

.tableformat3 col.size2{
width:200;
}

/* ----- featured items styles   ----- */

#featureditems {
}

#featureditems a{
}

#featureditems td{
padding: 2px;
padding-right:10px;
padding-left:10px;
padding-bottom: 0px;
}

#featureditems h4 {
font-size: 9pt;
margin: 0px;
padding: 0px;
}

#featureditems img{
padding-right: 4px;
vertical-align: text-bottom;
float: left;
}

#featureditems .leftcol {
border-right: 0px solid #efefef;
}

.featurebody {
vertical-align: 50%;
}

#featureditems p{
padding-bottom: 1em;
margin: 0px;
float: left;
}

/* ----- search results styles ---- */

.recresult {
font-size: 1.1em;
font-weight: bold;
background-color: lightyellow;
display: block;
margin: 1em 0 0 0;
}

/* ---- callout style ---- */

.callout {
font-size: 1.0em;
font-weight: bold;
width: 50%;
display: block;

margin: .5em;
padding: .5em;

background-color: #e0e0e0;
float: right;
}


/* hidden for screen, turned on in print css */

.printonly {
display: none;
color: white;
}


/* styles unique to carrolltraining.com */

#buttonbanner {
width: 430px;
margin-left: auto;
margin-right: auto;
padding: 0px;
border: none;
}

#buttonbanner img {
padding: 1px;
margin: 0px;
}

/* special next-previous nav arrows */

.nextnav {
	}

.nextnav {
	display: block;
	margin:0; padding:0;
	z-index:-100;
	TEXT-ALIGN: left;
  background-image: url(/assets/image/next_navarrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	HEIGHT: 40px;
	WIDTH: 35px;
	}
.nextnav a:hover {
	background-image: url(/assets/image/next_navarrow.gif);
	background-repeat: no-repeat;
	}

.nextnav a {background-color: yellow;}

.bigtext {
text-align: center;
color: red;
font-weight: bold;
font-size: 45pt;
}

.textheader {
display: none;
}

.endcontent {
display: none;
}

 


/* table of contents block for certain documents */

#doctoc {
 float: right;
 background-color: #FFFEDE;
 border: 1px solid black;
 margin: 2px;
 padding: 4px;
}

/* Page Table of Contents styles*/

#pageToc {
 float: right;
 background-color: #FFFEDE;
 border: 1px solid black;
 margin: 2px;
 padding: 4px;
 font-size: 90%;
}

#pageToc ul{
 list-style-type:none;
}

#pageToc li.pageTocH4 {
clear:left;
padding-left:5px;
}

#pageToc li.pageTocH5 {
clear:left;
padding-left:15px;
}


/* File link styles for smoothscroll.js */

.pdfLink { padding-right: 19px; background: url(/assets/image/pdf.gif) no-repeat 100% .5em; white-space: nowrap;}
.docLink { padding-right: 19px; background: url(/assets/image/doc.gif) no-repeat 100% .5em; white-space: nowrap;}
.zipLink { padding-right: 19px; background: url(/assets/image/zip.gif) no-repeat 100% .5em; white-space: nowrap;}
.psdLink { padding-right: 19px; background: url(/assets/image/psd.gif) no-repeat 100% .5em; white-space: nowrap;}
.xlsLink { padding-right: 19px; background: url(/assets/image/xls.gif) no-repeat 100% .5em; white-space: nowrap;}
.txtLink { padding-right: 19px; background: url(/assets/image/txt.gif) no-repeat 100% .5em; white-space: nowrap;}



/* browsedir table style */

.browsetable td {
  text-align: left; 
padding-left: 3px;
}

.browsetable img {
}

.browsetable tr {
 background-color: white;

}

.browsetable {
  background-color: #f0f0f0;
}

/* admin manual pages' table-based header blocks for each entry */

.amheader {
background-color: cornsilk;
width: 98%;
border: 0px;
}

.amheader td{
padding: 4px;
}

.stagelink {
position: absolute;
top: 2em;
left: 1em;
display: block;
background-color: none;
}

/* popular tags list styles */
#tagged {text-align: justify;}
.PopularTag {white-space:nowrap; }
.PopularTag:link { margin-bottom: 10px; text-decoration: none; padding-bottom: 2px;	}
.PopularTag:visited { text-decoration: none; }
.PopularTag:hover { color: #ffffff; text-decoration: none; background: #0063DC;	}
.PopularTag:active { color: #ffffff; text-decoration: none; background: #FF0084; }

/* knowledge base app styles */

.kblisting {
border-bottom: 0px solid silver;
padding-bottom: 1em;
}

.kblisting h5 {
margin: 0 0 0px 0;
padding: 0px;
font-size: 97%
}

.kbinfo{
margin: 0 0 .5em 2em;

padding: 4px;
}


#kbpagecount {
width: 100%;
text-align: right;
}

#kbbreadcrumb {
font-size: 95%;
text-align: right;
}

#kbanswer {
font-size: 90%;
padding-top: 1em;
}


#kbrateit {
padding-top: 1em;
text-align:right;
}

#kbsearchform {
text-align: right;
padding: 4px;
background-color: seashell;
}

#kbcount {
float: left;
}



/* visible table with borders on all sides. also see ruled style */

.portalblock .sortable td {
  font-size: .9em;
  text-align: left; 
}

.portalblock .sortable {
	margin: .25em 0 .25em 0;
	width: 100%;
}

th a:hover{
text-decoration: none;
}

/* right-navigation seperator (horiz rule or header) styles */

.navsep {
margin: 1px -5px 1px -6px;
padding: 0px;
}

.navsep h5{
color: brown;
}

.navsep hr{
border: none 0; 
border-top: 1px solid  silver;/*the border*/

height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

.expiredate {
color: gray;
font-style: italic;
text-align: right;
}

.formquicklink {
border: 0px;
margin: 0px;
padding: 0px;
}


.even {background-color: #DFDFDF;}

.pointerhand {
	cursor: pointer;
	cursor: hand;
}

.delinkednotice {
color: red;
text-decoration: underline;
}


#mainbanner {
width: 100%;
background: url('/assets/image/events/wide_banner_test.jpg');
height: 160px;



}



/* --- horizontal navigation stuff. mostly exactly as seen in the hnav.css styleheet in the original skidoo layout. */
/* horizontal nav styles */
div.hnav
{
  background-color: #E3E3E3;
	width: 100%;
	/*color: #b0b0b0;*/
	font-weight: bold;

}





/* horizontal nav area (breadcrumb surround) styles */

.hsep {
	height: 10px;
	width: 100%;
	/*	background: url('/assets/image/vertshadow.gif') repeat-x;*/
}


.hnav {
	height: 1em;
		/* background: url('/assets/image/vertshadow.gif') bottom left repeat-x; */
}

.hnav
{
    text-align: right;
	margin: 0 0px .5em 0px;
	padding: 3px 0px 4px 0px;
	white-space: nowrap;
	font-weight: bold;
	width: 99%;
	font-size: 70%;
	height: 1em;
}

.hnav a:link, .hnav a:visited
{
	background-color: transparent;
	color: #00467F;
	text-decoration: none;
}

.hnav a:hover
{
	background-color: transparent;
	color: darkgray;
}


.hnav ul
{
	text-align: left;
	list-style-type: none;
	line-height: normal;
	margin: 0;
}

.hnav ul, .hnav li
{
display: inline;
list-style-type: none;
padding: 0 1em 0 0;
}


div#sitenav{width: 18em;padding: 20px;margin:0 auto;
    background:#E6E6E6;color:#000;}

.rounded {
width: 95%;
background-color: #D9DCDF;
color: black;
padding: 4px;
margin:0 auto;
} 

/* Supplementary menu styles */

#menuwrapper{
background: #D78D00;
		padding: 0px 0 0px 0; /* avoid padding on the left and right - will cause horiz scroll bars to appear */
		margin: 0px;
		border: 0px;
		/*height: 20px;*/ /* was 16px */
		width: 100% !important;
		

		
		}
		
/* BDC- left-indent added during flush-fit YUI design revision */

#menu {
background: black;
margin-left:20%; /* 25% */

border-top: 2px solid black;

font-family: Arial, Helvetica;

height: 18px;

min-width: 550px;



}

/* ----- JQuery Suckerfish drop-down menu navigation ----- */

/* -- specific color schemes for the main site menu follow */

/* controls hover state colors of menu titles */
#menuList li:hover a, 
#menuList li.sfHover a {
  background: gray;
  color: white;
}

/* controls initial colors of the links in the dropdowns */
#menuList li:hover ul a, 
#menuList li.sfHover ul a {
 background: black;
  color: white;
}

/* controls hover state colors of of the links in the dropdowns */
#menuList li:hover ul a:hover, 
#menuList li.sfHover ul a:hover {
  background: #3566BB;
  color: white;	
}

/* -- general menu styles and proper horizontal formatting follow */



/* general positioning and formatting for all dropdowns and for menu titles */
.dropdown, .dropdown ul { 
	list-style: none;
	margin: 0;
	padding: 1;
	
padding-top: 2px;



}

/* BDC - Beware font size and spacing issues with hovering */
.dropdown {
  z-index: 100;
  position: relative;
  /*font: 10px Arial, Helvetica, sans-serif;*/
/*font-variant: small-caps;*/

text-transform: uppercase;
letter-spacing: 0.09em;

  font-family: "Trebuchet MS", TrebuchetMS;
  
  font-size: 85%; /*was 11px*/
  
  margin-left: .1em; /* offset slightly from orange menuwrapper*/
  

}

/* position the menu titles horizontally and space them out properly */
.dropdown li {
  border: 0px solid black; /* no borders here */
  
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  

    
}


/* menu seperator done with borders */
.dropdown li {
  border-left: 1px solid #5B5B5B;
}
/* no seperator border wanted on first menu item */
.dropdown li.firstmenu {
border: none;
padding-left: 0; /* cosmetic offset to first menu item */
margin-left: 0;
}

/* controls format and initial colors of menu titles - problem area for IE7?*/
.dropdown li a, .dropdown li a:link, .dropdown li a:active, .dropdown li a:visited {
  background: black;
  color: white;
  display: block;
  padding: 0px 7px;
  text-decoration: none;

}

/* hover state styling for menu titles in IE if javascript is disabled*/
.dropdown li a:hover {
  background: gray;
  color: white;
}

/* controls positioning and background color of dropdown menu list */
.dropdown ul {
  background: black;
  border-bottom: 1px solid #000;
  list-style: none;
  margin: 0px;

position: absolute; /* position dropdowns offscreen to hide them accessibly*/
  top: -999em; 
  left: -150px; /* was -1, changed so that horiz scrollbars don't initially appear at 800x600*/
   right: 0px; /* required for IE7 */
  width: 220px; /* extra width here ensures that the dropdown doesn't jump up in size after appearing*/
  
  text-transform: none; /* remove capitalization in the dropdowns for improved readability */
  letter-spacing: 0.00em; /* Opera 9 mangles characters with extra letter-spacing added in the dropdowns. */
  
}

/* repositions menu dropdown back onscreen below menubar to become visible - offset must be enough to clear menu bar or it'll overlap*/
.dropdown li:hover ul,
.dropdown li.sfHover ul {
  top: 14px;
  left: -1px;
}


/* general dropdown vertical-list item styling */
.dropdown ul li {
  border: 1px;
  padding: 2px 0 0 0;
  float: none;
  /* width: 100%;  width here allows menu items to resize cleanly beyond the default width */
  width: 220px;
  border: none; /* remove any borders on dropdown lists */

}

/* dropdown item link styling */
.dropdown ul a {
 border: 0px dotted green;
 /*  border-bottom: 0;*/
  padding: 0 0px;
width: 200px; /* width here is necessary for IE to make entire row a link*/
  white-space: nowrap;
 
}

/* hover state styling for dropdown menu links only */
.dropdown ul a:hover {
  background: black;
  color: white;
  }

  

/* right-side navigation style */

div.rightsidemenu {
font-size: 85%;
width: 80%;
margin: auto;
}

.rightsidemenu h5 a{
padding: 0;
margin: 0;
color: #00467F;
}

.rightsidemenu h6 {
color: #00467F;
}

.rightsidemenu ul {
 list-style-type:none;
 padding: 0 0 2em 0; 

}

.rightsidemenu li {
padding: .5em 0 0 0;
}


/* common vertical navigation styles */

.vnav {
/*width: 90%;*/
margin-left: 0em;
margin-right: auto;
/*text-align:center;*/
}

.vnav li {
padding: .25em 0 .25em 0; 
}

/* Left-side text navigation menu styles - consolidate with vnav??*/

div.sidemenu {
width: 98%;
margin-left: auto;
margin-right: auto;
text-align: left;


}


/* static navigation block */

.staticnav {
background-color: #8F8F8F;
height: 160px;
text-transform: uppercase;

/*padding-left: 1em;*/


}

.staticnav ul {
margin: auto;
}

.staticnav li{
list-style: square outside;
color: #00467F;
line-height: 130%; /*160%*/
letter-spacing: .120em;
margin-left: 1.5em;

}

.staticnav a{
color: white;
font-size: 85%;
}

.staticnav a:hover{
text-decoration: none;
}

/* change bullet color or non-links*/
.staticnav li:hover {
color: darkorange;
}

.staticnav li a:hover {
color: white;
}


/* spotlight events list navigation block */
.spotlight {
background-color: #DFDFDF;
/*text-align: left;*/
padding-left: .5em;
height: 100%;


}

.spotlight {
font-size: 85%;
}

.spotlight ul {
margin: auto;
}

.spotlight li{
line-height: 200%;
margin: 0;

}

.spotlight h2 {
text-transform: uppercase;
padding: 0px;
letter-spacing: .13em;
padding: 0 0 .25em 0;
font-weight: normal;
}

.spotlight a {
color: #00467F

}

.spotlight a:hover {
text-decoration: none;
color: black;

}


/* custom div for search box area */

#searchblock {
	padding: 0em 0em 1em .5em ;
	line-height: 100%;
background-color: #DFDFDF;
	}


#searchblock {
text-align: ;
width: auto;

}

#searchblock form{
padding: 1em 0 .25em 0;
}

#searchblock input {

}


#searchblock input.searchterm {
border: none;
background-color:white ;
padding: 2px;
margin: 0px;
border: 1px white;
   font-size:85%;
   width: 75%;

}

#searchblock input.searchbutton {

background-color: #8F8F8F;

   color:#DFDFDF;
   font-size:80%;


   border:1px solid #8F8F8F;


}

#searchblock input.searchbutton:active {
color: white;
border:1px solid black;
}







/* featureditem blocks on home page */

.featureditem {
font-size: 85%;
height: 750px;
padding-left: 1.5em;
margin-top: 1em;
border-left: 2px dotted black;



}

.firstcolumn {
border: 0px;
padding-left: 0em;
}

.featureditem p{
line-height: 130%;
}

.featureditem h2 {
text-transform: uppercase;
padding: 0px;
margin: .5em 0 0 0;
letter-spacing: .13em;
font-weight: normal;
}

.featureditem h3 {
color: #D78D00;
border: none;
padding: 0px;
margin: .5em 0 .75em 0;
font-weight: normal;
}