/******************************

Default elements h1, h2, p, etc.

******************************/
html {
	/*overflow: -moz-scrollbars-vertical;*/
}
body {
	background: #FFF;
	font-family: "Lucida Sans", vedana, arial;
	margin: 0;
	font-size: 11px;
}
h1 {
	color: #4d4d4d;
	font-family: "Lucida Sans", vedana, arial;
	font-size: 1.45em;
	margin: 0 0 6px 0;
	padding: 0 0 0 0;
}
h2 {
	color: #4d4d4d;
	font-family: "Lucida Sans", vedana, arial;
	font-size: 1.1em;
	margin: 0 0 6px 0;
	padding: 0 0 0 0;
}
h3 {
	color: #4d4d4d;
	font-family: "Lucida Sans", vedana, arial;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0;
}
.Preamble {
	color: #666;
	font-family: verdana, arial;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding:0;
}
.MainBody {
	color: #4d4d4d;
	font-family: verdana, arial;
}
p {
	color: #4d4d4d;
	font-family: verdana, arial;
	margin: 0 0 10px 0;
	padding: 0;
}
a {
	color: #149ddd;
	font-family: verdana, arial;
}
img {
	border: none;
}
form {
	margin:0;
    padding:0;
}
label {
	color: #4d4d4d;
	display: block;
	margin: 0 0 2px 0;
}
input {
	background: url(../images/back/inputbg.gif) 0 0 no-repeat;
	border: solid 1px #C2C2C2;	
	color: #4d4d4d;
	font-size: 12px;
	font-family: verdana, arial;
	margin: 0;
	padding: 4px;
	width: 300px;
}
textarea {
	background: url(../images/back/inputbg.gif) 0 0 no-repeat;
	border: solid 1px #C2C2C2;	
	font-size: 11px;
	font-family: verdana, arial;
	height: 50px;
	margin: 0;
	padding: 4px;
	width: 300px;
}
select {
	background: #FFFFFF url(../images/back/inputbg.gif) 0 0 no-repeat;
	border: solid 1px #C2C2C2;
	color: #4d4d4d;
	font-size: 12px;
	font-family: verdana, arial;
	margin: 0;
	padding: 4px;
	width: 311px;
}
/******************************

Layout

******************************/
#root {
	background: #FFF;
	margin: 0 auto;
	position: relative;
	width: 950px;
}
#head {
	background: #FFF;
	display: inline;
	float: left;
	height: 147px;
	width: 100%;
}
#navigationTop {
	background: url(../images/back/navigationTopBg.gif) 100% 0 no-repeat;
	height: 27px;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 120px;
	width: 950px;
}
#navigationLeft {
	padding: 15px 0 15px 0;
}
#mainContent {
}
#secondaryContent {
}
#footer {
	background: url(../images/back/footerBg.gif) repeat-x;
	clear: both;
	font-size: 10px;
	height: 120px;
	margin: 0 auto;
	padding: 0 20px 0 35px;
	width: 895px;
}
/******************************

Components, classes, misc.

******************************/
/*Columns*/
.ColumnA {
	border-right: solid 1px #e5e5e5;
	display: inline;
	float: left;
	min-height: 437px;
	width: 402px;
}
.ColumnB {
	display: inline;
	float: left;
	min-height: 437px;
	width: 547px;
}
.ColumnC {
	border-right: solid 1px #e5e5e5;
	/*border-left: solid 1px #e5e5e5;*/
	display: inline;
	float: left;
	padding-bottom: 10px;
	width: 544px;
	overflow: hidden
}
.ColumnD {
	display: inline;
	float: left;
	padding: 9px 0 10px 0;
	width: 192px;
	overflow: hidden
}
.ColumnE {
	border-left: solid 1px #e5e5e5;
	display: inline;
	float: left;
	padding-bottom: 10px;
	width: 736px;
	overflow: hidden
}

/*Head components*/
#head h1 {
	padding: 16px 0 0 17px;
}
#head a.home {
	background: #FFF url(../images/back/safe-logotype.gif) no-repeat;
	display: block;
	height: 90px;
	overflow: hidden;
	text-indent: -1500px;
	width: 252px;
}

/*Reference*/
.Reference {
	background: url(../images/back/referenceBg.gif) 263px 0 no-repeat;
	height: 190px;
}
.Reference .Container {
	background-repeat: no-repeat;
	background-position: 282px 11px;
	padding: 42px 20px 0 27px;
}
.Reference .Content {
	width: 235px;
}
.Reference h3 {
	font-size: 19px;
	padding: 0 0 10px 0;
}
.Reference h3 a {
	color: #e47eaa;
	text-decoration: none;
}
.Reference p {
	line-height: 18px;
	height: 85px;
	padding: 0;
}
.Reference a {
	font-family: "Times New Roman";
	color:#6d6d6d;
	text-decoration: none;
}
.Reference p a {
	font-family: "Times New Roman";
	font-size: 14px;
	text-decoration: none;
}
.Reference.Over {
	cursor: pointer;
}

/*Call out*/
.CallOuts {
	bottom: 0;
	right: -6px;
	padding: 0 0 0 0;
	position: absolute;
}
.CallOut {
	border-right: solid 1px #e5e5e5;
	display: inline;
	float: left;
	height: 250px;
	margin: 0;
	padding: 0 2px 0 0;
	width: 177px;
}
.CallOut.Over {
	cursor: pointer;
}
.CallOut .DropShadow {
	margin: -4px 0 7px 0;
}
.CallOut .Image {
	background-repeat: no-repeat;
	height: 135px;
	margin: 0;
	overflow: hidden;
	width: 158px;
}
.CallOut .Container {
	clear: both;
	display: inline;
	float: left;
	padding: 0 0 0 5px;
	width: 170px;
}
.CallOut h3 {
	font: bold 12px "Lucida Sans", vedana, arial;
	margin: 0;
	padding: 0;
}
.CallOut p {
	color: #4f4f4f;
	height: 40px; /* was 35px */
	margin: 0;
	padding: 0 0 5px 0;
	width: 170px;
	overflow: hidden;
}
.CallOut a {
	margin: 0;
	text-decoration: none;
}
.CallOut a:hover {
	text-decoration: underline;
}
.CallOut.Over a {
	text-decoration: underline;
}

/*Call out 2*/
#callOut2 {
	padding: 0 2px 0 4px;
}

/*Call out 3*/
#callOut3 {
	border: none;
	padding: 0 2px 0 4px;
}

/*Presentation block*/
.PresentationBlock {
	border-bottom: solid 1px #e5e5e5;
	font-family: verdana, arial;
	padding: 18px 40px 12px 5px;
}
.PresentationBlock h2 {
	font-size: 21px;
	font-weight: normal;
}
.PresentationBlock div,
.PresentationBlock p {
	font: normal 11px verdana, arial;
}
.PresentationBlock a {
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
.PresentationBlock a:hover {
	text-decoration: underline;
}

/*Offers*/
.Offers {
	padding: 18px 20px 10px 5px; /* was 18px 20px 30px 5px;  */
}
.Offers h3 {
	font-size: 14px;
	padding: 0;
}
.Offers ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.Offers li {
	background: url(../images/back/listStyleImage.gif) 0 7px no-repeat;
	padding: 0 0 5px 18px;
}
.Offers li a {
	color: #149ddd;
	font: normal 19px "Lucida Sans", verdana, arial;
	letter-spacing: 0.5px;
	text-decoration: none;
}
.Offers li a:hover {
	text-decoration: underline;
}

/*TwoBoxes*/
.TwoBoxes {
    height: 94px;    
}

/*Educations*/
.Educations {
    background: url("../images/back/educationsBg.gif") no-repeat scroll 0 0 transparent;
    bottom: 0;
    height: 73px;
    padding: 21px 1px 1px 20px;
    position: absolute;
    width: 197px;
}
.Educations h2 {
	color: #FFFFFE;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 12px 0;
}
.Educations select {
	background: #FFFFFF url(../images/back/inputbg.gif) 0 0 no-repeat;
	border: solid 1px #C2C2C2;
	color: #4d4d4d;
	margin: 0;
	padding: 2px;
	width: 175px;
}
.Educations input.submit {
	background: #fafafa;
	border: none;
	float: right;
	font-size: 10px;
	margin: 1px 22px 0 0;
	padding: 0;
	width: 40px;
}

/*Newsletter*/
.Newsletter {
    background: url("../images/back/newsletterBg.gif") no-repeat scroll 0 0 transparent;
    bottom: 0;
    height: 94px;
    margin: 0 0 0 218px;
    overflow: hidden;
    padding: 0 0 1px;
    position: absolute;
    width: 183px;
}
.Newsletter p {
	padding: 18px 25px 0 25px;
}
.Newsletter p a {
	color: #149ddd;
	font: normal 16px "Lucida Sans", verdana, arial;
	text-decoration: none;
}
.Newsletter p a:hover {
	text-decoration: underline;
}

/*News*/
.NewsContainer {
	background: #D6D7D6 url(../images/back/newsBg.gif) no-repeat;
}
.News {
	display: inline;
	float: left;
	margin: 0;
	width: 450px;
}
.News div.container {
	display: inline;
	float: left;
	padding: 19px 20px 15px 20px;
}
.News h3 {
	color: #666;
	font: bold 12px arial;
	margin: 0 0 0 0;
	padding: 0;
}
.News p {
	font: normal 11px arial;
	line-height: 13px;
	margin: 5px 0 0 0;	
	padding: 0;
}
.News a.url {
	background: #1D639E url(../images/back/buttonWhite.gif) no-repeat;
	color: #FFF;
	display: block;
	font: bold 10px arial;
	float: right;
	height: 15px;
	margin: 7px 0 0 0;
	padding: 2px 10px 0 10px;
	position: relative;
	text-decoration: none;
}
.News a.url:hover {
	/*color: #D6D7D6;*/
	text-decoration: underline;
}
.News a.url span {
	background: url(../images/back/buttonWhite.gif) top right no-repeat;
	height: 17px;
	position: absolute;
	right: 0;
	top: 0;
	width: 3px;
}
/* News 2 */
#news2 {
	float: right;
}

/* Text content */
.TextContent {
	padding: 12px 12px 0 10px;
}
.TextContent .Image img {
	display: inline;
	float: left;
}
.TextContent.Top .DropShadow {
	margin: -7px -8px 4px -6px;
}
.TextContent.Right .DropShadow {
	float: right;
	margin: -7px -8px 4px 15px;
}

/* Text content teacher */
.Teacher {
	padding: 12px 12px 0 10px;
}
.Teacher img {
	padding: 0 0 12px 0;
}

/* Tab view - CoursePortalPage */
.TabView .Tabs {
	border-bottom: solid 1px #e5e5e5;
	clear: both;
	height: 23px;
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
}
.TabView .Tabs li {
	display: inline;
	float: left;
	position: relative;
}
.TabView .Tabs li a {
	background: url(../images/back/tabBg.png) left -24px no-repeat;
	color: #414141;
	display: block;
	float: left;
	font: bold 11px verdana, arial;
	height: 14px;
	margin: 0 1px 0 7px;
	padding: 6px 0 4px 18px;
	text-decoration: none;
	position: relative;
}
.TabView .Tabs li a span {
	background: url(../images/back/tabBg.png) right -24px no-repeat;
	cursor: pointer;
	height: 24px;
	position: absolute;
	top: 0;
	right: -21px;
	width: 21px;
}
.TabView .Tabs li.Active a {
	background: url(../images/back/tabBg.png) no-repeat;
	color: #7c21aa;
}
.TabView .Tabs li.Active a span {
	background: url(../images/back/tabBg.png) right top no-repeat;
}
.TabView .Tabs .Active {
	z-index: 20 !important;
}
.TabView .Tabs #tabItem1 {
	z-index: 5;
}
.TabView .Tabs #tabItem2 {
	z-index: 4;
}
.TabView .Tabs #tabItem3 {
	z-index: 3;
}
.TabView .Tabs #tabItem4 {
	z-index: 2;
}
.TabView .Tabs #tabItem5 {
	z-index: 1;
}
.TabView .Tabs li.First a {
	margin-left: 0;
}
.TabView .Tabs li a:hover {
	color: #7c21aa;
}
.TabView .Content a.name {
}
.TabView .Content {
	clear: both;
	padding: 0 10px 10px 10px;
}
.TabView .Content p {
	margin-bottom: 3px;
}
.TabView .Content ul.CourseList {
	list-style: none;
	padding: 2px 0 2px 0;
	margin: 0;
}
.TabView .Content li {
	padding: 0 0 0 0;
	color: #4D4D4D;
}
.TabView .Content li a {
	display: block;
	font-weight: bold;
	padding: 3px 5px 4px 5px;
	text-decoration: none;
	width: 472px;
}
.TabView .Content li.mod1 a {
	background: transparent;
}
.TabView .Content li a:hover {
	background: #f5f5f5;
}
.TabView .Content.Show {
	display: block;
}

/* Teacher courses */
.TeacherCourses {
	font-size: 11px;
	padding: 0 0 8px 9px;
}
.TeacherCourses h3 {
	font: bold 12px arial, verdana;
	margin: 0;
	padding: 0 0 2px 0;
}
.TeacherCourses ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.TeacherCourses li {
	padding: 0 0 2px 0;
}
.TeacherCourses li p {
	margin: 0;
	padding: 0;
	font-style: italic
}
.TeacherCourses a {
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
}
.TeacherCourses a:hover {
	text-decoration: underline;
}

/* Teachers of course */
.TeachersOfCourse {
	padding: 0 0 8px 9px;
}
.TeachersOfCourse h3 {
	font: bold 12px arial, verdana;
	margin: 0;
	padding: 0 0 0 0;
}
.TeachersOfCourse ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.TeachersOfCourse li {
	padding: 0 0 0 0;
}
.TeachersOfCourse li p {
	margin: 0;
	padding: 0;
	font-style: italic
}
.TeachersOfCourse a {
	font-size: 11px;
	text-decoration: none;
}
.TeachersOfCourse a:hover {
	text-decoration: underline;
}

/* Teacher list */
.Portrait {
	padding: 0 0 0 10px;
}

/* Teacher list items */
.Portrait {
	display: inline;
	float: left;
	margin: 0 19px 0 0;
	width: 126px;
}
.Portrait.Over {
	cursor: pointer
}
.Portrait.Over .DropShadow,
.Portrait.Over p {
	bottom: -3px;
	position: relative;
}

.Portrait .DropShadow img {
	display: inline;
	float: left;
	width:108px;
	height:122px;
}

.Portrait p {
	clear: both;
	font-weight: bold;
	height: 38px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
}
.Portrait a {
	font-weight: bold;
	text-decoration: none;
}
.Portrait a:hover {
	text-decoration: underline;
}

/* Is this a teacher list or presenter list? */
.TeacherListItem p 
{
	font-size: 11px;
}

.PresenterListItem p {
	font-size: 10px;
}

/* Course list */
.CourseList {
	padding: 0 12px 0 10px;
}
.CourseList h2.toggler {
	background: url(../images/back/navigationTopBg.gif) 0 0 no-repeat;
	cursor: pointer;
	color: #FFFFFE;
	height: 16px;
	margin: 0;
	padding: 6px 5px 5px 8px;
	position: relative;
}
.CourseList h2.toggler.active {
	color: #149ddd;
}
.CourseList h2.toggler.pointer {
	cursor: pointer;
}
.CourseList div.element {
	margin: 0 1px 0 1px;
	background: #FFFFFF;
}
.CourseList h2.toggler span {
	background: url(../images/back/navigationTopBg.gif) 100% 0 no-repeat;
	height: 27px;
	position: absolute;
	right: 0px;
	top: 0;
	width: 10px;
}
.CourseList ul {
	list-style: none;
	padding: 2px 0 2px 0;
	margin: 0;
}
.CourseList li {
	padding: 0 0 0 0;
}
.CourseList li a {
	display: block;
	font-weight: bold;
	padding: 3px 5px 4px 5px;
	text-decoration: none;
	width: 510px;
}
.CourseList li.mod1 a {
	background: transparent;
}
.CourseList li a:hover {
	background: #f5f5f5;
}

/* Descriptive image */
.DescriptiveImage {
	display: inline;
	float: left;
	padding: 0 0 1px 8px;
}
.DescriptiveImage .Image img {
	display: inline;
	float: left;
	width: 175px;
}
.DescriptiveImage .DropShadow {
	margin: -4px -8px 0 -6px;
}

/* Search result */
.SearchResult {
	padding: 0 12px 0 10px;
}
.SearchResult h2 {
	padding: 0 0 2px 0;
	margin: 0;
}
.SearchResult ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0;
}
.SearchResult li {
	border-bottom: solid 1px #ccc;
	padding: 7px 0 0 0;
}
.SearchResult li a {
	display: inline;
	float: left;
	padding: 0 0 3px 0;
	text-decoration: none;
}
.SearchResult li a:hover {
	text-decoration: underline;
}
.SearchResult .DateTime {
	color: #4d4d4d;
	display: inline;
	font-weight: bold;
	float: right;
}
.SearchResult li p {
	clear: both;
	margin: 0;
	padding: 0 13% 11px 0;
}

/* Right column text */
.RightColumnText {
	clear: both;
	font-size: 10px;
	padding: 0 12px 9px 10px;
}
.RightColumnText h1,
.RightColumnText h2 {
	margin: 0;
	padding: 0 0 3px 0;
}
.RightColumnText p {
	padding: 0;
	margin: 0 0 3px 0;
}
.RightColumnText strong {
	font-size: 11px;
}

/* Course item list */
.LeadGeneration {
	clear: both;
	padding: 8px 0 8px 8px;
	background-color:#7c21aa;
	width:183px;
	height:75px;
	margin:4px;
}
.LeadGeneration p {
	padding: 0;
	margin: 0;
}
.LeadGeneration a 
{
    color:White;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}
.LeadGeneration span 
{  
    font-size: 14px; 
}
.LeadGeneration img {
	display: block
}

/* Lead generation 1 */
.LeadGeneration1 {
	clear: both;
	padding: 8px 0 8px 8px;
	background-color:#7c21aa;
	width:183px;
	height:75px;
	margin:4px;
}
.LeadGeneration1 p {
	padding: 0;
	margin: 0;
}
.LeadGeneration1 a 
{
    color:White;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}
.LeadGeneration1 span 
{  
    font-size: 14px; 
}
.LeadGeneration1 img {
	display: block
}

/* Course item list */
.CourseItemList {
	color: #4d4d4d;
	font-size: 11px;
	padding: 0 0 0 0;
}
.CourseItemList h3 {
	font: bold 12px verdana, arial;
	margin: 0;
	padding: 0 0 0 0;
}
.CourseItemList ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.CourseItemList li {
	font-size: 11px;
	color: #4d4d4d;
	padding: 0 0 10px 0;
}
.CourseItemList li p {
	margin: 0;
	padding: 0;
	font-style: italic
}
.CourseItemList li p span {
	font-style: normal
}
.CourseItemList li p span.Date {
	margin-left: 5px;
}
.CourseItemList a {
	font-size: 11px;
}
.CourseItemList table {
	border-collapse: collapse;
	width: 100%;
}
.CourseItemList table tr {
	
}
.CourseItemList table th,
.CourseItemList table td {
	
	padding: 0 0 0 10px;
	text-align: left;
	vertical-align: top;
}
.CourseItemList table th {
	font-size: 12px;
}
.CourseItemList table th {
	border-bottom: solid 1px #e5e5e5;
	padding-bottom: 4px;
}
.CourseItemList table td {
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: solid 1px #e5e5e5;
	height: 28px;
}
.CourseItemList table td.BorderBottomNone {
	border-bottom: none;
}
.CourseItemList table tr.Even td {
	background: #f5f5f5;
}
.CourseItemList table th.CourseName,
.CourseItemList table td.CourseName {
}
.CourseItemList table th.CourseName {
}
.CourseItemList table th.City,
.CourseItemList table td.City {
	width: 60px;
}
.CourseItemList table th.Date,
.CourseItemList table td.Date {
	width: 70px;
}
.CourseItemList table th.Teachers,
.CourseItemList table td.Teachers {
	width: 130px;
}
.CourseItemList table th.MoreInfo,
.CourseItemList table td.MoreInfo {
	width: 50px;
}
.CourseItemList table th.Application,
.CourseItemList table td.Application {
	padding-right: 10px;
	width: 65px;
}
.CourseItemList table tr.Details td {
	background: #fafafa;
	border-top: solid 1px #FFF;
	height: 28px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
}
.CourseItemList table tr.Details td.BorderBottom {
	border-top: solid 1px #FFF;
}

/*Search form*/
#searchForm {
	position: absolute;
	right: 4px;
	top: 123px;
	width: 185px;
}
#searchForm fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
#searchForm legend {
	color: #505050;
	display: none;
	font-size: 10px;
	margin: 0;
	padding: 0;
}
#searchForm input.text {
	background: url(../images/back/searchSimpleInputFieldBg.gif) no-repeat;
	border: none;
	display: block;
	height: 18px;
	float: left;
	padding: 4px 0 0 4px;
	width: 140px;
	margin-left: -45px;
}
#searchForm input.submit {
	background: none;
	border: none;
	color: #FFFFFE;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 19px;
	padding: 0;
	width: 60px;
	cursor:pointer;
	
}

/* Bread crumbs */
.BreadCrumbs {
	display: none;
	font: normal 12px arial;
	margin: 0 0 15px 0;
	height: 15px;
	width: 100%;
}
.BreadCrumbs a {
	color: #7E7E7E;
	display: inline;
	float: left;
	font: normal 12px arial;
	margin: 0;
	text-decoration: none;
}
.BreadCrumbs a.active {
	color: #7E7E7E;
}
.BreadCrumbs a:hover {
	text-decoration: underline;
}
.BreadCrumbs span {
	color: #7E7E7E;
	display: inline;
	float: left;
	font: normal 12px arial;
	margin: 0 4px 0 4px;
}
.BreadCrumbs span.description {
	color: #7E7E7E;
	display: inline;
	float: left;
	font: bold 12px arial;
	margin: 0 6px 0 0;
}

/*Navigation top*/
#navigationTop h2 {
	display: none;
}
#navigationTop ul {
	display: inline;
	float: left;
	list-style: none outside;
	margin: 1px 0 0 16px;
	padding: 0;
	overflow: hidden
}
#navigationTop li {
	display: inline;
	float: left;
	margin: 0;
}
#navigationTop a {
	color: #FFFFFE;
	display: block;
	float: left;
	font: normal 13px "Lucida Sans", verdana, arial;
	padding: 4px 13px 5px 11px;
	text-decoration: none;
}
#navigationTop a.active,
#navigationTop a:hover {
	color: #149ddd;
}

/*Level 1*/

/*Level 2*/
#navigationTop ul ul {
	display: inline;
	float: left;
	list-style: none outside;
	margin: 0;
}
#navigationTop li {
	margin: 0;
}

/* Navigation left */
#navigationLeft h2 {
	border-bottom: solid 1px #e5e5e5;
	border-left: solid 5px #7c21aa;
	font: bold 13px "Lucida Sans", verdana, arial;
	margin: 0 0 0 4px;
	padding: 4px 0 4px 6px;
}
#navigationLeft ul {
	list-style: none;
	margin: 0;
}
#navigationLeft li {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
}
#navigationLeft li a {
	border-bottom: solid 1px #e5e5e5;
	border-left: solid 5px #7c21aa;
	color: #4d4d4d;
	display: block;
	font: normal 12px arial, verdana;
	margin: 0 0 0 0;
	padding: 4px 0 4px 6px;
	text-decoration: none;
	width: 197px;
}

/* Level 1 */
#navigationLeft ul {
	padding: 0 0 0 4px;
}
#navigationLeft li a.InBreadcrumb,
#navigationLeft li a.Active {
	font-weight: bold;
	text-decoration: none;
}

/* Level 2 */
#navigationLeft ul ul {
	padding: 0;
}
#navigationLeft li li a {
	background: url(../images/back/navigationLeftNotActiveBg.gif) 10px 9px no-repeat;
	border-left: 0;
	padding-left: 20px;
	width: 188px;
}
#navigationLeft li li a.InBreadcrumb {
	font-weight: normal;
	text-decoration: none;
}
#navigationLeft li li.InBreadcrumb a,
#navigationLeft li li a.Active {
	font-weight: bold;
	text-decoration: none;
}
/* Level 3 */
#navigationLeft ul ul ul {
	padding: 0;
}
#navigationLeft li li li a {
	background: url(../images/back/navigationLeftNotActiveBg.gif) 30px 9px no-repeat;
	border-left: 0;
	padding-left: 40px;
	width: 168px;
}
#navigationLeft li li li a.InBreadcrumb {
	font-weight: normal;
	text-decoration: none;
}
#navigationLeft li li li.InBreadcrumb a,
#navigationLeft li li li a.Active {
	font-weight: bold;
	text-decoration: none;
}
/* Level 4 */
#navigationLeft ul ul ul ul {
	padding: 0;
}
#navigationLeft li li li li a {
	background: url(../images/back/navigationLeftNotActiveBg.gif) 50px 9px no-repeat;
	border-left: 0;
	padding-left: 60px;
	width: 148px;
}
#navigationLeft li li li li a.InBreadcrumb {
	font-weight: normal;
	text-decoration: none;
}
#navigationLeft li li li li.InBreadcrumb a,
#navigationLeft li li li li a.Active {
	font-weight: bold;
	text-decoration: none;
}

/*Footer*/
#footer .ContactInformation {
	float: left;
	padding: 20px 0 0 0;
	width: 200px;
}
#footer .Right {
	float: right;
	text-align:right;
}
#footer .PhoneHours {
	width: 170px;
}

#footer ,
#footer p,
#footer a {
	color: #FFFFFE;
}

/* Simple classes */
.skip {
	display: none	
}

/*Drop shadow*/
.DropShadow {
	background: url(../images/back/dropShadow.gif) 0 0 no-repeat;
	display: inline;
	float: left;
	padding: 8px 9px 8px 9px;
	position: relative;
	overflow: hidden;
}
.DropShadow.Top {
	margin: -7px -8px 4px -6px;
}
.DropShadow.Paragraph {
	margin-bottom: 6px;
}
.DropShadow .tr {
	background: url(../images/back/dropShadow.gif) 100% 0 no-repeat;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 8px;
}
.DropShadow .bl {
	background: url(../images/back/dropShadow.gif) 0 100% no-repeat;
	bottom: 0px;
	font-size: 0px;
	height: 7px;
	left: 0px;
	position: absolute;
	width: 100%;
}
.DropShadow .br {
	background: url(../images/back/dropShadow.gif) 100% 100% no-repeat;
	bottom: 0px;
	font-size: 0px;
	height: 8px;
	right: 0px;
	position: absolute;
	width: 10px;
}

/*Form elements*/
.Form {
	display: inline;
	float: left;
	padding-top: 0;
	width: 300px;
}
.FormElement {
	display: inline;
	float: left;
	padding: 0 0 10px 0;
	position: relative;
	width: 100%;
}
.FormElement .AlertMessage {
	color: red
}
.FormElement.CheckBox {
	width: 22px;
}
.FormElement.Last {
	padding-bottom: 5px;
}
.FormElement.Wide {
	width: 100%;
}
.FormElement.CheckBox {
	display: inline;
	float: left;
	padding: 0;
}
.CheckBox input {
	background: none;
	border: none;	
	color: #4d4d4d;
	float: left;
	margin: 0 5px 0 0;
	width: auto;
}
.CheckBox label {
	display: inline;
	float: left;
}
.CheckBox br {
	clear: both;
}
.CheckBox.MarginRight label {
	margin-right: 15px;
}
.xformvalidator {
	color: red;
	display: block;
	left: 320px;
	position: absolute;
	top: 6px;
	width: 100%;
}
.AlertMessage {
	color: red;
}

/*Button*/
label.Button {
	background: url(../images/back/buttonBg.gif) 100% 0 no-repeat; 
	cursor: pointer;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}
label.Button input {
	background: url(../images/back/buttonBg.gif) 0 0 no-repeat;
	border: none;
	color: #149ddd;
	cursor: pointer;
	display: block;
	font: bold 12px verdana, arial;
	height: 29px;
	margin: 0;
	margin-right: 10px;
	padding: 0;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 16px;
	text-align: left;
	overflow: visible;
	width: auto;
}
label.Button.Position1 {
	margin: -2px 0 0 5px;
	position: relative;
}
* html label.Button input {
	width: 0;
}

/*View style for control items*/
.ControlItemStyle {
	margin: 20px 0 0 20px;
}

/*Clearfix*/
.Clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.Clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .Clearfix {
	height: 1%;
}
.Clearfix {
	display: block;
}
/* End hide from IE-mac */

/******************************

CSS class attributes

******************************/
.Hidden {
	display:none;
}
.FloatLeft {
	display: inline;
	float: left;
}

/******************************

Page type styles override

******************************/
/* Start page */
.StartPage {
	
}
/* Sub page */
.SubPage #root {
	background: url(../images/back/rootBg.gif) repeat-y;
}
.SubPage #mainContent {
	display: inline;
	float: right;
	min-height: 400px;
	padding: 0;
	width: 737px;
	/* width was 738 */
}
* html .SubPage #mainContent {
	height: 400px;
}
.SubPage #secondaryContent {
	display: inline;
	float: left;
	width: 212px;
}

/* Teacher portal page */
.TeacherPortalPage #root {
	background: #FFF url(../images/back/rootBgWide.gif) repeat-y;
}

/* XFORMS */
/* Radio */
fieldset input { margin:0 5px 0 0; padding:0; border-style:none; width:auto; float:left;}
fieldset label { line-height:17px; }

fieldset { width:92%; border: 1px solid #e5e5e5; padding-left:10px;}
fieldset legend { margin-bottom:10px;}

/* get some left margin around xforms*/
.FormElement { padding-left:10px; }

img.EhfaAcc 
{
	position:absolute;
	right:190px;
	top:35px;
}