/* colors 
 * 007db1 blue
 * 929497 grey
 * ff9933 orange
 */
#hd {
	background: #DDD url('images/header_curve.gif') no-repeat top left;
	height: 237px;
}
#sidebar {
	display: inline;
	position:absolute;
	top:260px;
	/*background: #007db1;*/
}
#yui-main {
    position: relative;
	margin-top: -80px;
	padding-top: 80px;
}

table tr, table td {
	border: none;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}
#yui-main #main{
	margin-left: 23em;
	/*margin-right: 22em;*/
	padding-bottom: 2em;
}
#doc4 {
	background: #FFF url('images/tiling_bg.gif') repeat-y;
	border: 2px solid #999;
	border-top: none;
	/*border-bottom: none;*/
}
#hd p{ /* logo */
	padding: 25px 30px;
	float: left;
}
#hd h3{
	float: left;
	padding-top: 60px;
	padding-left: 40px;
}

/* sidebar */
#sidebar li {
	list-style: none;
	margin: 1em 0;
	/*width: 18em;*/
}
#sidebar ul{
	margin-left: 2em;
}
#sidebar .home {
	margin-left: -1em;
	text-indent: -9000em;
}
#sidebar .home a {
	display: block;
	width: 117px;
	height: 44px;
	background: #ddd url('images/home_button.gif') no-repeat top left;
}

/* type */
body{
	font-family: Verdana;
}
#main {
    padding-top: 40px;
	color: #333;
	font-size: 85%;
	line-height: 160%;
	font-weight: normal;
	padding-right: 22em;
}
#hd h3 {
	color: #007db1;
	font-style: italic;
	line-height: 100%;
	font-size: 116%;
}
#sidebar ul{
	font-size: 93%;
}
#sidebar ul ul{
	font-style: italic;
}
#sidebar a:link, #sidebar a:visited{
	color: #fff;
}
#ft p{
    color: #999;
    font-size: 85%;
}

/* homepage */
#section_wrapper {
	position: relative;
	height: 375px;
}
#sections {
	position: absolute;
	bottom: 0;
	left: -31px;
	padding: 0;
	width: 755px;
	padding-top: 40px;
	/* offset #yui-main #main */
	/*margin: 3em -22em -2em -23em;*/
	background: #007db1;
	/*padding-top: 40px;*/
/*    border: solid 1px red;*/
}
#sections ul{
	margin: 0;
	/*margin-left: 220px;*/
	padding: 0;
}
#sections li{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#sections a{
	font-size: 116%;
	display: block;
	position: relative;
	width: 188px;
	height: 325px;
/*	padding-top: 270px;*/
/*	padding-bottom: 30px;*/
	background:  #007db1 url('images/homepage_section_matrix.jpg');
}
#sections a.courses 	{ 	background-position: -192px 0; }
#sections a.resources 	{ 	background-position: -381px 0; }
#sections a.practices 	{ 	background-position: -567px 0; }
#main #sections a:link, #main #sections a:visited {
	color: #fff;
}
#sections a span {
	position: absolute;
	top: 255px;
	display: block;
	padding: 1em;
	width: 7em;
}
#sections a.resources span {
	padding-left: 2em;
}

span.edit_link {
	float: right;
}

h1, h2, h3, h4{
	color: #007db1;
/*	font-weight: normal;*/
	margin: 2em 0 1em;
}
h2 {
	font-size: 100%;
	color: #de7c1b;
}
.here, #sidebar a.here {
	color: #ff9933;
}

p.breadcrumb {
	font-size: 85%;
	color: #007DB1;
}
p.breadcrumb span {
	color: #007DB1;
}
#main .breadcrumb a:link,
#main .breadcrumb a:visited {
    color: #666;
}

a:link, a:visited{
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

#main a:link, #main a:visited {
  border-bottom: solid 1px #bbb;
  color: #000;
}
#main a:hover {
    color: #DE7C1B;
    border-bottom: solid 1px #DE7C1B;
    text-decoration: none;
}

html, body {
	background: #fff;
}

/* footer  */
#ft p{
    padding: 1em;
	margin:0px;
}
#ft {
    background: #fff;
	/*border-top: solid 2px #999;*/
	width: 74.923em;
	margin-left: auto;
	margin-right: auto;
}
.minor {
    font-weight: normal;
    color: #666;
}
dl.body {
    margin-left: 0;
}

.image1 #main {
	position: relative;
    background: url('/images/2_workers_standing.gif') no-repeat right 60px;   
}
.image2 #main {
    background: url('images/guy_crouching.gif') no-repeat right 50px;    
}
.image3 #main {
	position: relative;
	background: url("images/man_cutting_wire.gif") no-repeat right 40px;
}
.image4 #main {
	position: relative;
	background: url("images/3_workers.gif") no-repeat right 40px;
}
.image5 #main {
	background: url("images/guy_marking.gif") no-repeat right 40px;
}

body th, body td {
    border-color: #ccc;
}
table {
	margin: 0px;
}
h3.date{
    font-weight: normal;
    margin-top: -1em;
}
#programs-and-courses .schedule h2,
#resources-events .schedule h2 {
    border-bottom: solid 1px;
}
#programs-and-courses .schedule h4,
#resources-events .schedule h4 {
    padding-top: 0;
    margin-top: 1em;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: normal;
    width: 5em;
    text-align: right;
}
#programs-and-courses .schedule p,
#resources-events .schedule h3 {
    margin-left: 6.5em;
    margin-top: -1.6em; /* see #main line height */
    padding-top: 0;
    font-size: 100%;
}
#resources-events .schedule p {
    margin-left: 6.5em;
}

.contact_box {
	background: #ffffff;
	padding: 10px;
	border: 2px solid #036087;
	border-left: 2px solid #359eca;
	border-top: 2px solid #359eca;
}
.contact_box table {
	padding: 0px;
	margin: 0px;
}
.contact_box table.form_container td {
	padding: 5px;
}
.contact_box h2 {
	text-align: left;
	margin: 0px;
	margin-bottom: 1em;
}
.contact_box form {
	margin: 0px;
	padding: 0px;
}
/* allow form pages to invade the right col */
body.show_course #main td {
	border: 1px solid #ccc;
	padding: 0.5em;
}
body.no-right #main,
body#programs-and-courses-registration-online #main,
body#links.edit #main,
body#links.new #main,
body#resources-news.edit  #main,
body#resources-news.new   #main,
body#resources-events.edit  #main,
body#resources-events.new   #main,
body#programs-and-courses.edit   #main,
body#programs-and-courses.edit   #main,
body#programs-and-courses.new    #main,     
body#programs-and-courses.edit_course    #main,
body#programs-and-courses.new_course     #main,
body#programs-and-courses.new_scheduling   #main,
body#programs-and-courses.edit_scheduling  #main,
body#resources-publications.edit #main,
body#resources-publications.new #main,
body#notice.edit #main
 {
    padding-right: 1em;
	background: none;
}
body#index #main {
	background: none;
}
acronym {
	border: none;
}
a acronym {
	cursor: pointer;
}
.notice_message {
    border: solid 2px #999;
    width: 18em;
    position: absolute;
    right: 25px;
}
#index #doc4{ /* only position the homepage for notice, since it causes grief to IE when positioning the calendar */
    position: relative;
}
.notice_message p{
    padding: 1em;
    margin: 0;
}
.note {
    background: #e8e8ff; border: solid 1px #ccc; padding: 1em;
}