body {
/*	background-color: #cad1d6;*/
	margin:0px;
	padding:0px;
  /* width: auto; */

/*	color:#333;*/
}

body #ctsc_body {
  min-width: 967px;
  width: 967px; /* choose either to set the width or set to auto for a flow layout */
  margin: 0 auto;
}

#ctsc_header td, #ctsc_header th, #ctsc_header textarea, #ctsc_header select, #ctsc_header h2, #ctsc_header h3, #ctsc_header h4, #ctsc_header h5, #ctsc_header h6 {
	font-family: arial, sans-serif;
	font-size: 12px;
}
#ctsc_header form {
	margin:0;
	padding:0;
}
#ctsc_header fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
#ctsc_header legend {
	display: none;
}
#ctsc_header p {
	margin:12px 0;
}
#ctsc_header h1 {
	margin:0 0 12px 0;
	padding:3px 0px;
	font-size:1.5em;
	color:#274873;
	border-bottom:#CCC dotted 2px;
	display:block;
	font-weight:normal;
}
#ctsc_header h2 {
	margin:0;
	padding:0;
	font-size:1.3em;
	color:#4c7296;
	font-weight:bold;
}
#ctsc_header h3 {
	margin:0;
	padding:0;
	font-size:1.2em;
	color:#746a42;
	font-weight:bold;
}
#ctsc_header h4 {
	margin:0;
	padding:0;
	font-weight:bold;
}
.ctsc_cover {
  zoom: 1;
}
.ctsc_cover:after {
  content: '.';
  visibility: hidden;
  display: block;
  clear: both;
  height: 0;
}

/* zoom: 1; is a mostly nondestructive way to trigger "hasLayout" in IE6 and 7.
 * the :after code, mimic's IE's (when it "hasLayout") idea that floating
 * elements should be wrapped in a containing element -- which is not standard
 * behaviour, but pretty convenient.
 */
#ctsc_header {
  margin: 0px 0px;
  font-size: 11px;
  line-height: 15px;
  color: black;
  font-family: arial;
  zoom: 1;
}
#ctsc_header:after {
  content: '.';
  visibility: hidden;
  display: block;
  height: 0px;
  clear: both;
}

#ctsc_header #topsmallnav {
  text-align: right;
  margin: 0;
  padding: 5px 20px;
  background-color: white;
}
#ctsc_header #topsmallnav a:first-child {
  border-left: none;
}
#ctsc_header #topsmallnav a {
  border-left: 1px solid #e08080;
  color: #666666;
  text-decoration: none;
  padding: 0 1em;
}
#ctsc_header #topsmallnav a:hover {
	text-decoration: underline;
	color: #CC0000;
}

#ctsc_header #cse-search-box {
  height: 90px;
  float: right;
  width: 230px;
  text-align: right;
}
#ctsc_header #cse-search-box input {
  vertical-align: middle;
}

#ctsc_header img {
  float: left;
  border: 0;
}

#ctsc_header ol,
#ctsc_header li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#ctsc_header ol {
	height: 30px;
	width: 930px;
	float: none;
	clear: left;
	padding-left: 40px;
}
#ctsc_header ol li#community,
#ctsc_header ol li#residential,
#ctsc_header ol li#intervention,
#ctsc_header ol li#dayservice,
#ctsc_header ol li#employment,
#ctsc_header ol li#development,
#ctsc_header ol li#personal {
  float: left;
  height: 40px;
  background-image: url(../images/arc_menu_new.gif);
  background-repeat: none;
  background-position: left top;
}
#ctsc_header ol li a{
  display: block;

  height: 40px;
  text-indent: -999em;
  outline-width: 0px;

}

#ctsc_header ol li#community {
  background-position: 0px 0px;
  width: 130px;
}
#ctsc_header ol li#residential {
	background-position: -130px 0px;
	width: 138px;
}
#ctsc_header ol li#intervention {
	background-position: -270px 0px;
	width: 160px;
	}
#ctsc_header ol li#dayservice {
	background-position: -430px 0px;
	width: 97px;
}
#ctsc_header ol li#employment {
	background-position: -530px 0px;
	width: 134px;
}
#ctsc_header ol li#development {
	background-position: -665px 0px;
	width: 90px;
}
#ctsc_header ol li#personal {
	background-position: -755px 0px;
	width: 147px;
}
#ctsc_header ol li#community:hover,
body.community #ctsc_header ol li#community {
  background-position: 0px 50px;
}
#ctsc_header ol li#residential:hover,
body.residential #ctsc_header ol li#residential {
  background-position: -130px 50px;
}
#ctsc_header ol li#intervention:hover,
body.intervention #ctsc_header ol li#intervention {
  background-position: -270px 50px;
  }
#ctsc_header ol li#dayservice:hover,
body.dayservice #ctsc_header ol li#dayservice {
  background-position: -430px 50px;
}
#ctsc_header ol li#employment:hover,
body.employment #ctsc_header ol li#employment {
  background-position: -530px 50px;
}
#ctsc_header ol li#development:hover,
body.development #ctsc_header ol li#development {
  background-position: -665px 50px;
  }
#ctsc_header ol li#personal:hover,
body.personal #ctsc_header ol li#personal {
  background-position: -755px 50px;
}
/* the negative margins allow us to have a invisible padding around the drop
 * down.  this let's the user have some margin of error when targeting an item.
 * please note this is non-operative in IE6 and 7.
 */
#ctsc_header ol li div {
  margin: -32px -20px -20px -10px;
  padding: 20px;
  position: absolute;
  z-index: 10;
}

#ctsc_header ol li div ol {
  height: auto;
  width: auto;
  float: none;
  display: none;
  background-color: white;
  font-family: Arial;
  border: 1px solid #AC1B30;
}
#ctsc_header ol li:hover div ol {
  display: block;
}
#ctsc_header ol li div ol li.divider {
	background: url(../images/drop_grayrule.png) no-repeat 16px 0px;
	padding: 2px 0px 0px 0px;
}
#ctsc_header ol li div ol li a {
  width: auto;
  height: auto;
  text-decoration: none;
  text-indent: 0;
  display: block;
  color: #666;
  line-height: 31px;
  font-size: 12px;
  padding: 2px 20px;
  background-color: white;
  /* IE6 needs "hasLayout" but this also shrink-wraps the element,
     so we have to set a width */
  _width: 150px;
  min-width: 150px;
}
#ctsc_header ol li div ol li a:hover {
  background: url(../images/header/drop_bullet.png) no-repeat left top;
  color: #C21D03;
}

#ctsc_header #bottom {
	padding-top: 0px;
	zoom: 1;
	height: 10px;
	padding-bottom: 4px;
	clear: right;
}
#ctsc_header #bottom:after {
  content: '.';
  visibility: hidden;
  display: block;
  height: 0px;
  clear: both;
}

#ctsc_header h1,
#ctsc_header h2,
#ctsc_header h3 {
  height: 50px;
  margin: 0;
  padding: 0;
  border: none;
  float: left;
  position: relative;
  font-weight: bold;
}
#ctsc_header h1 span,
#ctsc_header h2 span,
#ctsc_header h3 span {
  position: absolute;
  bottom: 12px;
}

#ctsc_header h2 {
  position: relative;
  width: 176px;
  text-align: right;
  text-transform: uppercase;
  color: #666;
  font-size: 11px;
  line-height: 13px;
}
#ctsc_header h2 span {
  right: 10px;
}
#ctsc_header h1 {
  border-left: 1px solid #e08080;
  width: 430px;
  color: #C21D03;
  font-size: 24px;
  line-height: 28px;
}
#ctsc_header h1 span {
  left: 10px;
  bottom: 9px;
}
#ctsc_header h3 {
  border-left: 1px solid #e08080;
  width: 359px;
  color: black;
  font-size: 11px;
  line-height: 13px;
  font-weight: normal;
  float: left;
}
#ctsc_header h3 span {
  left: 10px;
}

#ctsc_header h1 {
  position: relative;
  width: 176px;
  text-align: right;
  border-left: none;
  border-right: 1px solid #e08080;
}
#ctsc_header h1 span {
  right: auto;
  bottom: 20px;
  left: 10px;
  text-transform: uppercase;
  font-size: 14px;
}
#ctsc_header h1.secondlevel {
  text-align: left;
  border-left: 1px solid #e08080;
  border-right: none;
  line-height: 14px;
  width: 430px;
}

#ctsc_header h1.secondlevel span, #ctsc_header h1.secondlevel a span {
  bottom: 12px;
  left: 14px;	
  text-decoration: none;
  color: #C21D03;
  font-size: 24px;
  line-height: 26px;
  text-transform: none;
}
#ctsc_header h1.secondlevel a span, #ctsc_header h1.secondlevel a {
	cursor: pointer;
	text-decoration: none;
}
#ctsc_header h1.secondlevel span.small {
  bottom: 30px;
  left: 14px;	
  text-decoration: none;
  color: #C21D03;
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
}
#ctsc_header h1.secondlevel  span.big {
  right: auto;
  bottom: 2px;
  left: 12px;
  text-transform: lowercase;
  font-size: 24px;
  line-height: 36px;
  text-decoration: none;
  color: #C21D03;
}
#ctsc_header .breadcrumb {
	display: inline;
	float: left;
	width: 176px;
	height: 50px;
	position: relative;
}

#ctsc_header div.breadcrumb a {
	color: #666;
	font-size: 11px;
	font-weight: bold;	
	text-decoration: none;
	bottom: 16px;
	right: 10px;
	position: absolute;
	text-transform: uppercase;
	text-align: right;
}

#ctsc_header div.breadcrumb a.twoline {
	bottom: 9px;
}

/*
#ctsc_header {
	width:100%;
	height:99px;
	background-image: url(../images/topLine.gif);
	overflow:hidden;
}
#ctsc_headerBox {
	width:967px;
	height:99px;
	background-image: url(../images/topBack.jpg);
	overflow:hidden;
	text-align:left;
}
#footer {
	width:100%;
	height:24px;
	background-image: url(../images/botLine.gif);
	overflow:hidden;
	margin-bottom:15px;
}
#footerBox {
	width:967px;
	height:24px;
	background-image: url(../images/botBack.gif);
	overflow:hidden;
}
#copyright {
	color:#FFF;
	font-size:10px;
	text-align:right;
	line-height:10px;
	padding:10px 8px 0 0;
}*/
#ctsc_content {
	width:1000px;
	overflow:hidden;
}
#contentBox {
	background-color:#FFF;
	padding:3px 12px;
	text-align:left;
}

#ctsc_header .btn {
	width:80px;
}

#ctsc_header .formBox {
	border:1px solid #999;
	border-collapse:collapse;
}
#ctsc_header .formHead {
	background-color:#f0edde;
	padding:2px 5px;
	font-weight:bold;
	text-align:left;
}
#ctsc_header .formBody {
	padding:10px;
}


#ctsc_header #ctsc_headerTop {
	height:74px;
	text-align:right;
	padding:0 3px;
	font-weight:bold;
	color:#514c3a;
}
#ctsc_header .logout {
	background-color:#FFF;
	padding:0 2px;
	font-size:11px;
	color:#514c3a;
	text-decoration:none;
}
#ctsc_header .logout:hover {
	text-decoration:underline;
}

#ctsc_header .headerNav {
	height:25px;
	overflow:hidden;
	margin:0 3px;
	padding:0;
}
#ctsc_header .headerNav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#ctsc_header .headerNav li {
	float:left;
	line-height:25px;
	display:inline;
	padding:0;
	margin:0;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:13px;
}
#ctsc_header .headerNav li a {
	color:#FFF;
	display:block;
	text-decoration:none;
	padding:0 20px;
}
#ctsc_header .headerNav li a:hover {
	background-color:#b9cad6;
}



#ctsc_header #contentColumns {
	margin-bottom:10px;
}
#ctsc_header #contentColumns td {
	vertical-align:top;
	text-align:left;
}
#ctsc_header #sidebar {
	width:160px;
	border:1px solid #cccccc;
	background-image:url(../images/sidebarBack.gif);
	background-repeat:no-repeat;
	text-align:left;
	padding:10px;
}
#ctsc_header #contentMain {
	padding:0 10px;
}
#ctsc_header #callout {
	width:220px;
	border:1px solid #cccccc;
	background-image:url(../images/calloutBack.gif);
	background-repeat:no-repeat;
	padding:10px;
}
#ctsc_header #callout p {
	margin:10px 0;
}

#ctsc_header .tbl {
	border-collapse:collapse;
}
#ctsc_header .tbl th {
	background-color:#f0edde;
	border:1px solid #999;
	padding:2px 8px;
	text-align:center;
	font-weight:bold;
	vertical-align:center;
}
#ctsc_header .tbl td {
	border:1px solid #999;
	padding:2px 4px;
}

#ctsc_header #contentMain a {
	color:#3366cc;
}


#ctsc_header #sidebar ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#ctsc_header #sidebar li {
	line-height:12px;
	color:#5d7098;
	margin-bottom:10px;
}
#ctsc_header #sidebar li a {
	color:#4a5c7e;
	text-decoration:none;
}
#ctsc_header #sidebar li a:hover {
	text-decoration:underline;
}
#ctsc_header .sidebarCurrentPage {
	color:#2f5a8f;
	font-weight:bold;
}
/* footer styles */
#ctsc_footer {
  border-top: 1px solid #e08080;
  margin: 0 0px;
}
#ctsc_footer #links {
  text-align: center;
	font-size:11px;
	font-family: arial;
	margin: 10px 0px 10px 0px;
}
#ctsc_footer #links a:first-child {
  border-left: none;
}
#ctsc_footer #links a {
  border-left: 1px solid #C21D03;
  color: #666666;
  text-decoration: none;
  padding: 0 1em;
}
#ctsc_footer #links a:hover {
  text-decoration: underline;
  color: #C21D03;
}
#ctsc_footer #copyright {
  text-align: right;
  padding: 0;
  border-top: 1px solid #e08080;
  margin: 0px;
  padding-top: 8px;
  color: #666;
  font-family: arial;
  font-size:10px;
}