div.cf:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

div.cf {display: inline-block;}  /* for IE/Mac */

div.cf {
	margin-bottom: 25px;
}


ul { list-style:square; }


/* ----------------------------- */
/* ------- Services Menu ------- */
/* ----------------------------- */
div.services { margin: 0 0 8px 0; padding: 0; width: 250px; height: 180px; border: 1px solid #377196; }
div.servRight { margin-left: 8px; float: left; }
div.servLeft { margin-left:0px; float: left; }
div.services h3 { padding:0; margin:0; }
div.services h3 a {
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 54px;
	/* width: 300px; */
	text-indent: -5000px;
}
div.services ul { margin-left:24px; }
#its { background-image: url(/it/instructional_services/images/dds_srvc_its.png); }
#media { background-image: url(/it/instructional_services/images/dds_srvc_media.png); }
#program { background-image: url(/it/instructional_services/images/dds_srvc_program.png); }
#design { background-image: url(/it/instructional_services/images/dds_srvc_design.png); }
#id { background-image: url(/it/instructional_services/images/dds_srvc_id.png); }
#et { background-image: url(/it/instructional_services/images/dds_srvc_et.png); }

/* ----------------------------- */
/* --------- Tag Cloud --------- */
/* ----------------------------- */
#tagCloud { }
ul.cloud { padding:0; margin:0; display:inline; list-style:none; }
ul.cloud li { padding:0; margin:0; display:inline; list-style:none; }
ul.cloud a { padding:0.125em 0.5em; margin:0; text-decoration:none; color:#83a7b7; }
ul.cloud a:hover { text-decoration:underline; }
a.tag1 { font-size:250%; font-weight: 900; }
a.tag2 { font-size:200%; font-weight: 600; }
a.tag3 { font-size:150%; font-weight: 300; }
a.tag4 { font-size:100%; font-weight: 100; }

/* ----------------------------- */
/* ------- Staff Styles -------- */
/* ----------------------------- */
div.first dl { border-bottom: 1px solid #999; margin:0; padding:0;  }
div.first dd, div.first dt { line-height:1.5em; }
div.first dt { width: 12em; float: left; border-top: 1px solid #999; font-weight: bold; padding-top: 0.125em; padding-right: 0.5em; padding-bottom: 0.125em; padding-left: 0.5em; margin:0.5em 0 0 0px; }
div.first dd { margin: 0 0 0 13em; padding-top: 0.125em; padding-right: 0em; padding-bottom: 0.125em; padding-left: 0em; }
div.first dd.first { border-top: 1px solid #999; margin:0.5em 0 0 0px; padding-top: 0.125em; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
div.first dd.last { margin-top: 0.8em; }

/* ----------------------------- */
/* ---------- Tables ----------- */
/* ----------------------------- */
table {
	width: 100%;
	border-right: none;
}
th {
	font-size: 1.25em;
}
td {
	border-right: 1px solid #ececec;
}
tr.odd td {
	background:#fff;
	/* border-bottom: solid 1px #ececec; */
}

/* Data Table/Reports */
table.data, table.data td, table.data th { border:none; }
table.data { border-bottom:1px solid #c0bba8;    }
table.data th { text-align:center; border-right: 1px solid #174E6F;  }
table.data th.subTH { font-size:0.9em; background:#2E5F7E; }
tr th.rowTH { text-align:left; font-size:0.9em; background:#DDDAD0; color:#333; border-right:none; }
tr.odd th.rowTH { background:#eee; }
table.data td { font-family:Consolas, "Andale Mono", "Courier New", Courier, monospace; text-align:right; color:#666; border-right: 1px solid #ececec; }
th.end, td.end { border-right:none; }
table.data td.sec { border-right:1px solid #c0bba8; }
td.void { background:#fff; }
tr.totals th.rowTH, { background:#c0bba8; color:#000; font-weight:bold; }
tr.totals td { background:#E2E0D7; color:#003c61; }

/* Schedule Tables */
table.schedule, table.schedule td, table.schedule th { border:none; }
table.schedule { border-bottom:1px solid #c0bba8;    }
table.schedule th { text-align:center; border-right: 1px solid #174E6F;  }
table.schedule th.subTH { font-size:0.9em; background:#2E5F7E; }
table.schedule tr th.rowTH { text-align:left; font-size:0.9em; background:#DDDAD0; color:#333; border-right:none; }
table.schedule tr.odd th.rowTH { background:#eee; }
table.schedule td { font-size:0.9em; text-align:center; color:#666; border-right: 1px solid #ececec; vertical-align:text-top; }
table.schedule th.end, table.schedule td.end { border-right:none; }
table.schedule td.sec { border-right:1px solid #c0bba8; }
table.schedule td.void { background:#fff; }
table.schedule th.rowSubTH { font-size:0.9em; color:#00385b; background:#A2B7C3;  }
table.schedule tr.totals th.rowTH, { background:#c0bba8; color:#000; font-weight:bold; }
table.schedule tr.totals td { background:#E2E0D7; color:#003c61; }


/* ----------------------------- */
/* -------- Misc. Type --------- */
/* ----------------------------- */
ul.nb {
	margin-left: 0;
}
ul.nb li {
	list-style: none;
	font-style: italic;
}

.sideNav li, .sideNav ul { list-style:none; }
.sideNav li.active {
	background-position: left top;
}
.sideNav li.active li, .sideNave li.active li.active li {
	font-weight: normal;
}
.sideNav li.active li.active, .sideNave li.active li.active li.active {
	font-weight: bold;
}

/* ----------------------------- */
/* ------ Sidebar Styles ------- */
/* ----------------------------- */
#big-round {
	font-size: 0.85em;
}
#big-round h3 {
	
}
#big-round ul {
	margin: 0;
}
#big-round li {
	list-style: none;
	border-left: 1px solid #f6bf09;
	padding: 0 0 0 1.3em;
	margin:  1em 0;
	line-height: 1em;
}
#big-round li.first {
	font-weight: bold;
}


div.hr {
	margin-top: 0.5em;
	margin-bottom: 1.5em;
}


#white2-round h3.hours {
	font-size:1.4em;
	padding:7px 0 8px 50px;
	background-position:left 7px;
}
#white2-round div.hr {
	background: transparent url(../images/template/bg_line_right.png) no-repeat scroll center top;
	border:medium none;
	clear:both;
	height:10px;
	margin:0;
}
#white2-round dl.hours dt {
	width:70px;
}
#white2-round dl.hours dt, #white2-round dl.hours dd { font-size:0.8em; float:left; }
#white2-round p { font-size:0.8em; font-style:italic; }



/* ----------------------------- */
/* -------- Form Styles -------- */
/* ----------------------------- */
div.survey p { padding-bottom:0; margin-bottom:0; }
div.survey input, div.survey textarea { margin-left:16px; margin-top:2px; }
fieldset h2.subHead { margin-top:2em; margin-bottom:0; }
div.buttonLine { margin-top:2em; margin-bottom:1em; }


/* 2 col style fix */
.landing #bd, .twoCols #bd, .noright #bd {
    background-image: url("/it/instructional_services/common/images/template/bg_bd_landing.gif");
}