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

.printHide {
display: none;
}

/*{
padding:0;
margin: 0;
}*/

html { height:100%; margin-bottom:1px; } 

body {
 max-width: auto;
 min-width: 750px;
}
html>body {

 min-width: 750px;
}

/* page and layout divs background colors */
body {
	background-color: #EBEBEB; 

	font-size: 62.5%;  /* 16px × 62.5% = 10px */
		
	}
/* general font size settings */
#doc {

/*font-family: Trebuchet MS;*/
font-family: Arial, Helvetica;
word-spacing: normal;
letter-spacing: 0;
line-height: 1.2em;
font-size: 1.3em;
background-color: #DFDFDF; /* set 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 {
background-color: #f6f6f6;
}

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

#headerpic {

}

#headerpic img{
}

.headerlogo {
}

.textheader {
display: block;
}

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

.yui-ge {

max-width: 1152px; /* not needed if there's a max width on the whote template */

}

.navcolumn{

  border: 1px solid black;
  
  margin-top: 2em;
  
  }

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

}

#homepagecontent {
/*max-width: 1024px;*/

}


#pagecontent {
  margin-left: 1em;

  margin-bottom: 10em;
  font-size: .9em;
  
  /*max-width: 1024px;*/
  
  min-height:500px;
  height:auto !important;
  height:500px;
  

  
}

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

#pagecontent p {
   margin-bottom:0 }
#pagecontent p + p {
   text-indent:1em;
   margin-top:0 }

#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;
}

#pagecontent h2{
font-size: 150%;
padding-bottom: .75em;
}

.pagetitle {
}

/*-- breadcrumbs --*/

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

.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;
	
	margin-bottom: 10em;

}

#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;
  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: #00467F;
}

.pagenavrelated {
}

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

/* simple list styles for home page rss */

/* announcelisthome */
#homepagecontent .announcelist {
background-color: white;
width: 98%;
padding: 0em;

border: 2px solid #AB0000;
border-top: 2px solid #AB0000;

margin: auto;
margin-top: .25em;
}

#homepagecontent .announcelist h3{
margin: 0px;
padding:0px;
border: none;
}

#homepagecontent .announcelist ul, ol{
margin-top: 2em;
padding-left: 1em;
padding-right: 1em;
}

#homepagecontent .announcelist li {
margin-top: 1em;
margin-bottom: 1em;
}

#homepagecontent .announcelist strong {
}

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

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

#homepagecontent .announcelist dl {
line-height: 1.25;
padding: .2em .4em .5em .4em;
list-style: none;
font-weight: normal;
}

#homepagecontent .announcelist dt {
/*text-transform: uppercase;*/

color: #AB0000;
padding: 0px;
margin: .5em 0 0 0;

font-weight: bold;
text-align: justify
}

#homepagecontent .announcelist dd {
margin: .5em 0 0 0;

}


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

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

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

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

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

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

#pagecontent .announcelist p{
}

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

#pagecontent .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 */
#pagecontent .announcelist dl { height:140px; padding-right: 0; overflow: auto; }

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

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

#pagecontent .announcelist li {
font-weight: bold;

margin-bottom:5px;
}


/* 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: 2px solid #F6F6F6;
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 0 0em 0;
  padding: 0 0 .5em 0;
  /*letter-spacing: .07em;*/
  /*text-transform: uppercase; */
}

h3 {
  margin: 1em 0px .5em 0px;
  padding: 0 0 .10em 0;
	font-size: 120%; 
	color: #00467F; 
	border-bottom: #C3D4DF 1px dotted;
}

h4 {
  margin: 1em 0px .5em 0px; 
	font-weight: normal; 
	font-size: 110%; 
	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: #DFDFDF;
	padding: .5em .5em .5em .5em;
	height: 100%;
}

.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: #00467F;
	color: #fff;
	font-weight: bold;
	padding: 2px 11px;
	text-align: left;
	border-right: 1px solid #fff;
	line-height: 1.2;
	font-size: 100%;
}

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

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

tr.specialrow {
	font-weight: bold;
	color: #CC3300;
}

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;
}


/* ---- 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;
}



.endcontent {
display: none;
}

 
/* 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;
}




#mainbanner {
display: none
}


/* --- 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
{s/image/CCC-Logo-horiz-white_
	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;
}

.breadcrumbwrapper {
max-width: 1024px;
}


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

	
/* Supplementary menu styles */
#menuwrapper{
height: 5px;
}
		
#menu {
display: none;
}
  

/* right-side navigation style */

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

.rightsidemenu h5 {
margin: 4em 0 .25em 0;
}

.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 */

.navcolumn {
/*max-width: 275px;*/

}

.vnav {
width:100%;
margin-left: 0em; /*0em*/
margin-right: auto;
}

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

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

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

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

padding-left: .25em; /*tiny bit of padding for left side*/
}


/* static navigation block */

.staticnav {
padding-top: 1em;

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: 110%; /*130%*/
letter-spacing: .120em;
margin-left: 1.5em;

}

.staticnav a, .staticnav a:visited{
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;*/
/*margin-left: .5em;*/
height: 100%;


}

.spotlight {
font-size: 85%;

}

.spotlight ul {
margin: auto;
margin-left: .5em;
}

.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;
margin-left: .4em;
}

.spotlight a {


}

.spotlight a:hover {


}


/* custom div for search box area */

#searchblock {
display: none;
	}





/* featureditem blocks on home page */

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

width: 99.9%;
}

.featureditem{
font-size: 95%;

}

.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: .1em; /*.13em without bold*/
font-weight: bold;
}

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

/* table styles - for simplified editing of the featured content */
.featureditem td {
/*font-size: 85%;*/

font-size: .9em;
height: 550px;
padding-left: 1.5em;
padding-right: 1.5em;
margin-top: 0em;
border-left: 2px dotted black;
width: 33%;
vertical-align: top;
}

td.firstcolumn  {
border: 0px;

}

.featureditem a{
}