@import url("screen.new.css");

/* =STRUCTURE-BASED RULES= */
#header #login {
	display: block;
	font-size: 0.9em;
	position: absolute;
	top: 2.5em;
	right: 110px;
}
#header #login:link, #header #login:visited, #header #login:hover, #header #login:active {
	color: #666;
	text-decoration: none;
}
#header #login:hover, #header #login:active { color: #14477d; }

#sidebar {
	clear: left;
	_display: inline;
	float: left;
	margin-left: 15px;
	padding-top: 85px;
	width: 102px;
}
#sidebar p {
	color: #CE5710;
	font-size: 1em;
	margin: 0 0 0 0;
	padding: 0 10px 8px 0;
	text-align: left;
}
.navlev1 {
	font-size: 90%;
}
.navlev2 {
	margin: 0;
	padding: 4px 0 10px 0;
	width: 170px;
	font-weight: bold;
}
.navlev2 li {
	margin: 0 0 8px 0;
	padding: 0;
	list-style-type: none;
}
.navlev2.indent li {
	margin: 0 0 8px 10px;
	padding: 0;
	list-style-type: none;
}
.navlev2 a, .navlev2 a:link, .navlev2 a:visited, .navlev2 a:hover, .navlev2 a:active {
	color: #000;
	display: block;
	padding-right: 5px;
	text-decoration: none;
}
.navlev2 a:hover, .navlev2 a:active, .navlev2 li.current a, .navlev2 li.current a:link, .navlev2 li.current a:visited, .navlev2 li.current a:hover, .navlev2 li.current a:active {
	color: #cc5107;
}

.navlev2.indent a, .navlev2.indent a:link, .navlev2.indent a:visited, .navlev2.indent a:hover, .navlev2.indent a:active {
	color: #807b75;
	display: block;
	padding: 0 5px 0 17px;
	text-decoration: none;
}
.navlev2.indent a:hover,
.navlev2.indent a:active,
.navlev2.indent li.current a,
.navlev2.indent li.current a:link,
.navlev2.indent li.current a:visited,
.navlev2.indent li.current a:hover,
.navlev2.indent li.current a:active {
	background: #fff url('/images/navigation-arrow.gif') center left no-repeat;
	color: #cc5107;
}

.navlev3 {
	border-bottom: 1px solid #e5e5e5;
	margin: 0 0 15px -16px;
	padding: 0 5px 8px 16px;
	overflow: hidden;
	width: 98%;
}
.navlev3 li {
	border-right: 1px solid #b2b2b2;
	float: left;
	list-style-type: none;
	margin: 8px 6px 0 0;
	padding: 0 6px 0 0;
}
.navlev3 a, .navlev3 a:link, .navlev3 a:visited, .navlev3 a:hover, .navlev3 a:active {
	color: #333;
	display: block;
	text-decoration: none;
	white-space: nowrap;
}
.navlev3 a:hover, .navlev3 a:active {
	color: #14477d;
	text-decoration: underline;
}

.navlev3 li.current a, .navlev3 li.current a:link, .navlev3 li.current a:visited, .navlev3 li.current a:hover, .navlev3 li.current a:active {
	font-weight: bold;
}


#content {
	line-height: 1.4;
	margin: 0 7px 0 189px !important;
	margin: 0 7px 0 186px; /* IE SUCKS! */
	padding: 0 7px 20px 25px;
}
#content h1 {
	font-size: 2em;
	line-height: 1.0;
	margin: 22px -14px 20px -14px;
	padding: 10px 0 10px 20px;
	color: #fff;
	background-color: #96a3ab;
	width: 548px;
}

/* =CONTENT ELEMENT RULES= */
ol.philosophy li, ol.keyquestions li {
	font-style: italic;
	font-weight: bold;
	list-style-type: none;
	margin: 5px 40px;
	text-align: center;
}
table {
	border: 1px solid #555;
	border-collapse: collapse;
	margin: 10px 0;
}
table.practitioners { width: 95%; }
table.schedule { width: 65%; }
caption {
	color: #00467f;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 15px;
	text-align: center;
}
th {
	background-color: #bbb;
	border: 1px solid #555;
	font-weight: bold;
	padding: 4px 6px;
	text-align: center;
}
th.course_audience {
	background-color: #666;
 	border: 1px solid #555;
	font-weight: bold;
      	padding: 4px 6px;
	text-align: center;
}

th.course_audience a {color:lightgrey;}

th[scope=row] { white-space: nowrap; }
th.headerSort { background: #bbb url("/images/icons/iconUpDown.gif") 99% 50% no-repeat; padding-right: 20px; }
th.headerSortUp { background: #bbb url("/images/icons/iconUp.gif") 99% 50% no-repeat; padding-right: 20px; }
th.headerSortDown { background: #bbb url("/images/icons/iconDown.gif") 99% 50% no-repeat; padding-right: 20px; }
td {
	background-color: #fff;
	padding: 3px 5px;
}
tr.alt td, td.alt { background-color: #e7e7e7; }
table.schedule td { width: 50%; }
td.audience {background-color: #CCCCCC; border: 1px solid #999; padding: 3px 5px;}
td.audience_yes { background-color: #003366; border: 1px solid #999; padding: 3px 5px; }
td.audience_no { background-color: white; border: 1px solid #999; padding: 3px 5px; }

dl.david dt { clear: left; float: left; font-weight: bold; text-align: right; width: 18%; }
dl.david dd { margin-left: 20%; }

img#processdiagram {
	border: 1px solid #14477d;
	display: block;
	padding: 8px;
}
img.noborder {
	border: 4px solid #fff;
}

ul.sitemap {
	float: left;
	margin: 0;
	padding: 0;
	width: 98%;
}
ul.sitemap li {
	float: left;
	list-style-type: none;
	margin: 0 2% 0 0;
	padding: 10px 0 0 0;
	width: 31%;
}
ul.sitemap li.newline { clear: left; }
ul.sitemap a {
	background-color: #fff;
	color: #000;
	border-bottom: 1px solid #ce5710;
	display: block;
	padding: 1px 4px;
	text-decoration: none;
}
ul.sitemap a:hover {
	background-color: #ce5710;
	color: #fff;
}
ul.sitemap ul {
	margin: 0;
	padding: 0;
	width: 100%;
}
ul.sitemap ul li {
	float: left;
	margin: 3px 0;
	padding: 0;
	width: 100%;
}
ul.sitemap ul a {
	background-color: #eee;
	border-width: 0;
	color: #000;
	padding-left: 10px;
}
ul.sitemap ul a:hover {
	background-color: #afc1cb;
	color: #fff;
}

.services .navlev3 {
	border-width: 0;
	font-size: 1em;
	margin: 0 0 0 20px;
	padding: 0 0 0 16px;
	overflow: auto;
	width: auto;
}
.services .navlev3 li {
	border-width: 0;
	float: none;
	list-style-type: circle;
	margin: 2px 6px 0 0;
	padding: 0 6px 0 0;
}
.services .navlev3 a, .services .navlev3 a:link, .services .navlev3 a:visited, .services .navlev3 a:hover, .services .navlev3 a:active {
	color: #3c5b88;
	display: inline;
	text-decoration: underline;
	white-space: normal;
}
.services .navlev3 a:hover, .services .navlev3 a:active { color: #ffc427; }

/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #999; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #999; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #ce5710; /* set unselected tab background color as desired */
color: #fff; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
   color: #000;
}


/* end css tabs */