/* --- web3 css major revision 2/16/07, tweaks for header and menu styles 2/20 --- */


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

body {
width: 780px;
margin:auto
}

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

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

#doc3 {

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

.leftnavarea {

/*max-width: 265px;*/

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

font-size: .8em;

}

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

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

a:link {
color: #00589F
}

/* 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: 10px 0 0 7px;
}


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

}

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

}

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

}



/* new styles for e2campus announcements - styling a table provided by their javascript */

/******************************************	SmartBoard	********************
	The SmartBoard css below is linked to the HTML produced by the SmartBoard 
	service, available in e2Campus v3.2 (and later). 
	
	This service is a FULL REPLACEMENT for the depreciated "SmartCode Message Feed"
	from prior versions. 
*/
.SmartBoard_Table{
	background-color: transparent;
	border: thin solid;
}

.SmartBoard_Row {
	font-family: Arial, Helvetica, sans-serif;
	}

.SmartBoard_Subject{
	font-weight: bold;
	width: 75%;
}

.SmartBoard_DateTime{
	font-size: .75em;
	font-variant: small-caps;
	color: #B7B7B7;
	text-align: right;
	padding: 4px;
	vertical-align: top;
}

.SmartBoard_Message{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}

/* override e2campus styles for carrollcc.edu home page*/
div #e2campus-sb-home {
	margin-bottom: 5px;
}

#e2campus-sb-home .SmartBoard_Table{
	background-color: transparent;
	border: none;
	border-left: solid 10px darkred;
	color: darkred;
	padding: 4px;
}

#e2campus-sb-home .SmartBoard_Subject{
	padding: 7px 2px 4px 7px;
}

#e2campus-sb-home .SmartBoard_Message{
	padding: 2px;
	padding-left: 1.5em;
}

/* override e2campus styles for blackboard announcements page*/
div #e2campus-sb-bb {
	margin-bottom: 4px;
}
	
#e2campus-sb-bb .SmartBoard_Table{
	background-color: transparent;
	border: none;
	border-left: solid 10px darkred;
	color: darkred;
	padding: 4px;
}

#e2campus-sb-bb .SmartBoard_Subject{
	padding: 7px;
}

#e2campus-sb-bb .SmartBoard_Message{
	padding: 7px;
}

/* ----------- end of e2campus styles --------*/



.table_border {
border: 2px solid #AB0000;
border-top: 2px solid #AB0000;
}

table#table_info {
background-color: white;
width: 98%;
padding: .25em;
margin: auto;
margin-top: .25em;
border-collapse: separate;
}

td#table_info  tbody {
padding: 2em;
}

#table_info .underline {
display: none;
}

#table_info .msg_group_title {
font-weight: bold;
}

#table_info .msg_group_title {
padding-bottom: .2em;
}

#table_info .msg_subject {
font-weight: bold;
color: #AB0000;
background-color: #F6F6F6;
}

#table_info .msg_datetime {
color: black;
font-weight: bold;
background-color: #F6F6F6;
}

#table_info .msg_message {
color: #AB0000;
}



#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:0em;
   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;
}

#pagecontent form td {

padding: 3px;

}

.pagetitle {
}

/*-- breadcrumbs --*/

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

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

.breadcrumbs a{
text-decoration: underline;
}

/* spacers */

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

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

/*-- 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 */
.announcelisthome .announcelist {
background-color: white;
width: 98%;
padding: 0em;

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

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

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

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

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

.announcelisthome .announcelist strong {
}

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

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

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

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

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

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

.announcelisthome .announcelist dd {
margin: .5em 0 0 0;

}


/* special digital signage  announcement formatting */

#widecontainer {
/*width: 1900px;
height: 1080px;*/
border: 20px solid red;
background-color: white;
text-align: left;
float: left;
overflow: none;
}

#digitalsignagecontent .announcelist {
background-color: white;
width: 99%;
height: 99%;
border: 10px solid black;
}

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

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

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

#digitalsignagecontent .announcelist strong {
}

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

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

#digitalsignagecontent .announcelist dl {
line-height: 1.25;
padding: 20px;
list-style: none;
font-weight: normal;
}

#digitalsignagecontent .announcelist dt {
/*text-transform: uppercase;*/
font-size: 6em;
color: #AB0000;
padding: 0px;
/*margin: .5em 0 0 0;*/

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

#digitalsignagecontent .announcelist dd {
margin: .5em 0 0 0;
font-size: 2em;
}




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

#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{

margin-bottom: 0px;
padding-bottom: 0px;
margin-top: .5em;
}

#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 {
border: 1px solid silver; 

}

#pagecontent .announcelist dl, .announcelist ul {
background-color: #FFFEDD;
line-height: 1.25;
padding: 0 .4em .4em .4em;
list-style: none;
font-weight: normal;


}

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

#pagecontent .announcelist dd {

margin-left: .7em;
}

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

}

#pagecontent img {
padding: 4px;
}

#popupcontent {
margin:auto;
background-color: white;
}

/* news release formatting */
.newsrelease  {
border-top: 1px solid black;
border-bottom: 1px solid black;
padding: 1em 0 1em 0;
}


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

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; */
  font-weight: bold;
}

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

h4 {
  margin: 1em 0px .5em 0px; 
	font-weight: normal; 
	font-size: 120%; 
	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;

}

.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: 1px; 
  background-color: white;
}

.visibletable {
  background-color: #e0e0e0;
	margin: .5em 0 .5em 0;
	width: 98%;

}

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

table.ruled td{
  border-bottom: 1px solid #efefef; 
	text-align: left;
}

/* other data table styles */


.visibletable th {
	color: #fff;
	font-weight: bold;
	padding: 4px;
	text-align: left;
	border-right: 1px solid silver;
		border-bottom: 1px solid silver;
	line-height: 1.2;
	font-size: 90%;
	background: #808080;
}

.visibletable td {
	padding: 3px;
	border-bottom: 1px solid silver;
	vertical-align: top;
}

.irdatatable td{
	font-size: 85%;
}

.irdatatable th{
	font-size: 85%;
}

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

tr.alt td {
	background: #ecf6fc;
}

tr.over td {
	background: #FAFCED;
}


.tuitiontable {
width: 430px;
margin: 0;
padding 0;
}

.tuitiontable th{
text-align: left;
padding: 0 0 5px 0;
}

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

table.contactstable td{
border-bottom: 1px solid silver; 
padding: .25em 0 .25em 0;
}

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

.textheader {
display: none;
}

.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 {
width: 100%;
/*background: url('/assets/image/events/wide_banner_test.jpg') no-repeat;*/
height: 160px;
z-index: -1;
text-align: left;
}


/* --- 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: 580px;
overflow: none;
}


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;
		width: 100% !important;
		
		position:relative;
		}

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

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

border-top: 2px solid black;

font-family: Arial, Helvetica;

height: 20px;

min-width: 575px;

}


/* ----- 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: #00467F;
  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 - Changed z-index from 1000 to 10 to avoid overlap with thikbox popups in FF*/
.dropdown {
  z-index: 10;
  position: relative;

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

  font-family: "Trebuchet MS", TrebuchetMS; Arial, Helvetica;
  
  /*font-size: 81%;*/ /*was 11px*/
  /*font-size: .85em;*/ /*In ems*/
  font-size: 11px;
  
  margin-left: .10em; /* 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 6px;
  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. */
  
  padding-bottom: .5em;
  
}

/* 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: 13px;
  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: 82%;
width: 95%;
margin: auto;
padding: 0 0 0 0em;
}

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

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

}

.rightsidemenu h6 {
color: #00467F;
margin: 0 0 0 0em;
}

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

}

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

.rightsidemenusecondary ul {
  padding: 0 0 0 0; 
}


div.rightsidemenurelated {
font-size: 82%;
width: 95%;
margin: auto;
padding: 0 0 0 0em;
}

.rightsidemenurelated h5 {
margin: 1em 0 .25em 0em;
}

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

}

.rightsidemenurelated h6 {
color: #00467F;
margin: 0 0 0 0em;
}

.rightsidemenurelated ul {
 list-style-type:none;
 padding: 0 0 .5em 0; 

}

.rightsidemenurelated 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: .20em 0 .0em .25em; 
}

.vnav li {
padding: .15em 0 .20em 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: .45em; tiny bit of padding for left side*/
}

/* Wrapper for Facebook badge sidemenu link */
div #fblink {
text-align:center;
margin: auto;
padding: 3em 0 1em 0;
background-color: #DFDFDF;
}

/* static navigation block */

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




}

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

.staticnav li{
list-style: square outside;
color: #00467F;

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;
padding-left: 1em;
}

.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: .75em;
}

.spotlight a {


}

.spotlight a:hover {


}


/* custom div for search box area */

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


#searchblock {
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;
   color: white;
   font-size:80%;
   border:1px solid #8F8F8F;
}

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

#searchblock fieldset {
border: 0px;
padding: 0px;
margin: 0px;
}

#searchblock legend {
display: none;
}



/* featureditem blocks on home page */

.featureditem {
/*font-size: 85%;*/
height: 550px;
padding-left: 1.5em;
margin-top: .35em;
/*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 .5em 0;
font-size: 130%;
font-weight: bold;

}

.featureditem h3 {
color: #DF9300;
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{
display: block;
margin: .5em 0 0 0;
} */

/* legacy featureditem table style for carrolltraining home page */

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

.starrynight {

}

.acevent {
width: 25%
}
.acdate {
width: 75%
}

/* styles for "What do to with a major in..." pages */

#majorin  .majortitle{
font-size: 110%;
display: block;
background-color: #DFDFDF;
margin-bottom: 4px;
}

#majorin li {
background-color:#EFEFEF;
margin: 1em;
}

#majorin .link  {
padding-top: .5em;
}

#majorin br {
display: none;
}

/* jquery pager script styles */
  .nav { background: #eee; border-top: 1px solid #ccc; padding: 5px; }
  .nav a { padding: 0 5px; }
  .nav a.highlight { color: #000; font-weight: bold; }
  
.bbmodule {
width: 100%; 
height: auto;
border: 1px solid black;
margin: .20em 0 .2em 0;
padding: .5em;
background-color: white;
}