@charset "utf-8";
/* Basic Styles */

* {
	margin:0;
	padding:0;
}

body {
	background:#f0f0f0;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a, a:link, a:visited {
	color:#3063a3;
	font-weight:bold;
	text-decoration:underline;
}

a:hover {
	color:#318f3a;
}

a {
	outline:none;
}

input {
	color:#333;
	font-size:14px;
	font-weight:bold;
}
d
textarea {
	color:#333;
	font-size:14px;
	font-weight:bold;
}

.SubmitButton {
	color:#333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
}

.Notice {
	background:#ccef6f;
	border:1px solid #6d8430;
	padding:25px;
}

.Error {
	background:#c5161d;
	border:1px solid #7a0101;
	color:#fff;
	padding:25px;
}

.FormTip {
	font-size:12px;
	font-style:italic;
	margin:0 0 0 5px;
}

/* Primary Layout */

#Container {
	background:#fff;
	border:2px solid #e4e4e4;
	margin:25px auto 15px auto;
	padding:30px;
	width:900px;
}

/* Header */

#Header {
	background:url(/Images/HeaderBG.png);
	border-bottom:1px solid #d0d0d0;
	margin:auto;
	width:900px;
}

#HeaderLinks {
	float:right;
	margin:15px 15px 15px 15px;
}

#HeaderLinks a, #HeaderLinks a:link, #HeaderLinks a:visited {
	color:#929292;
	font-size:10px;
	margin:0 0 0 15px;
	text-decoration:none;
}

#HeaderLinks a:hover {
	color:#000;
}

#Header .Logo {
	margin:0 0 30px 0;
}

/* Features */

#Menu {
	clear:both;
	float:right;
	margin:20px 0px 0 0;
	width:450px;
}

#Menu a, #Menu a:link, #Menu a:visited {
	background:url(/Images/MenuSliceBG.jpg);
	border:1px solid #d1d1d1;
	color:#333;
	float:right;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	margin:0 0 0 15px;
	padding:5px 15px 5px 15px;
}

#Menu a:hover {
	color:#318f3a;
}

#Menu_ELearning a:hover {
	color:#31598f;
	border-bottom:2px solid #31598f;
}

#Menu_InstructorLed a:hover {
	color:#318f3a;
	border-bottom:2px solid #318f3a;
}

#Menu_LearningManagementSystem a:hover {
	color:#8f3131;
	border-bottom:2px solid #8f3131;
}

/* Features */

#Feature a {
	background:url(/Images/Feature.jpg);
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	display: block;
	height:249px;
	text-indent:-2000em;
	width:900px;
}

/* Sub Features */

#SubFeature {
	margin:0;
}

#SubFeature p {
	font-size:12px;
	line-height:24px;
	margin:0;
	padding:0 15px 0 15px;	
}

#SubFeature1, #SubFeature2, #SubFeature3 {
	background:url(/Images/SubFeatureSliceBG.jpg) bottom;
	border-bottom:1px #d0d0d0 solid;
	height:50px;
	margin:0 0 5px 0;
}

#SubFeature1, #SubFeature3 {
	float:left;
	width:300px;
}

#SubFeature2 {
	border-left:1px #d0d0d0 solid;
	border-right:1px #d0d0d0 solid;
	float:left;
	width:298px;
}

#SubFeature h2 {
	background:#ededed;
	cursor:pointer;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	line-height:normal;
	margin:0 0 15px 0;
	padding:15px;
}

#SubFeature1 h2 {
	background:#fcfcfc;
	border-top:3px solid #31598f;
}

#SubFeature2 h2 {
	background:#fcfcfc;
	border-top:3px solid #318f3a;
}

#SubFeature3 h2 {
	background:#fcfcfc;
	border-top:3px solid #8f3131;
}

#SubFeature1 h2:hover {
	background:#e0e6ee;
}

#SubFeature2 h2:hover {
	background:#e0eee2;
}

#SubFeature3 h2:hover {
	background:#eee0e0;
}

#SubFeature1:hover {
	color:#31598f;
}

#SubFeature2:hover {
	color:#318f3a;		
}

#SubFeature3:hover {
	color:#8f3131;	
}

#SubFeature h2 img {
	float:right;
	position:relative;
	top:-7px;
}


/* Sub Page Headers */

#SubPageHeader h1, #SubPageHeader_Blue h1, #SubPageHeader_Green h1, #SubPageHeader_Red h1 {
	border-bottom:1px solid #cfcfcf;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-weight:bold;
	font-style:italic;
	line-height:normal;
	margin:0px 0 25px 0;
	padding:10px 0 10px 10px;
}

#SubPageHeader h1 {
	background:url(/Images/SubPageHeader_Gray.jpg);
}

#SubPageHeader_Blue h1 {
	background:url(/Images/SubPageHeader_Blue.jpg);
}

#SubPageHeader_Green h1 {
	background:url(/Images/SubPageHeader_Green.jpg);
}

#SubPageHeader_Red h1 {
	background:url(/Images/SubPageHeader_Red.jpg);
}

/* PageContent */

#PageContent {
	font-size:14px;
	width:565px;
	margin:0 0 25px 5px
}

#PageContent h3 {
	border-bottom:3px solid #909090;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:100;
	padding:0 0 5px 0;
}

#PageContent h3.Blue {
	border-bottom:3px solid #31598f;
}

#PageContent h3.Green {
	border-bottom:3px solid #318f3a;
}

#PageContent h3.Red {
	border-bottom:3px solid #8f3131;
}

#PageContent h4 {
	background:#f4f4f4;
	border-bottom:1px solid #d6d6d6;
	border-left:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	border-top:1px solid #d6d6d6;
	margin:0;
	padding:10px;
}

#PageContent h4:hover {
	background-color:#E6EFC2;
	border:1px solid #C6D880;
	color:#529214;
	cursor:pointer;
}

#PageContent p {
	line-height:22px;
	margin:15px 0 0 0;
}

#PageContent .Lead {
	font-size:14px;
	font-weight:bold;
	line-height:25px;
	margin:0;
	padding:15px 0 10px 0;
}

#PageContentList ul, #NancyLangton ul {
	list-style:none;
	margin:25px 0 0 0;
}

#PageContentList li, #NancyLangton li {
	background:url(/Images/Icon_Accept.jpg) no-repeat;
	min-height:20px;
	margin:0 0 10px 20px;
	padding:0 15px 0 30px;
}

#Portfolio_WBT, #Portfolio_ILT {
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#Portfolio_WBT p, #Portfolio_ILT p {
	line-height:normal;
	padding:0 0 0 15px;
}

#Portfolio_WBT img, #Portfolio_ILT img {
	border:none;
}

.Separator {
	border-bottom:1px #d6d6d6 dotted;
	margin:25px 0 25px 0;
}

/* Side Bar */

#SideBar {
	color:#404040;
	float:right;
	font-size:12px;
	line-height:18px;
	width:298px;
}

#SideBar .SideBarBlock {
	background:url(/Images/SideBarPlant.jpg) #fcfcfc bottom right no-repeat;
	border-bottom:1px solid #d6d6d6;
	margin:0px 0 25px 0;
	padding:0 0 15px 0;
}

#SideBar .SideBarBlock_NoPlant {
	background:#fcfcfc;
	border-bottom:1px solid #d6d6d6;
	margin:0px 0 25px 0;
	padding:0 0 15px 0;
}

#SideBar li {
	background:url(/Images/Icon_Tick.jpg) no-repeat;
	font-weight:normal;
	font-size:13px;
	min-height:20px;
	margin:0 0 10px 20px;
	padding:0 15px 0 30px;
	text-decoration:none;
}

#SideBar .SideBarBlockButton_PDF {
	background:url(/Images/NewButton_PDF.jpg) #fcfcfc 0px 0px no-repeat;
	border-bottom:1px solid #d6d6d6;
	border-top:1px solid #d6d6d6;
	cursor:pointer;
	margin:0 0 25px 0;
	padding:15px 0 0 0;
}

#SideBar .SideBarBlockButton_PDF:hover {
	background:url(/Images/NewButton_PDF.jpg) #E6EFC2 0px -64px no-repeat;
	color:#529214;
}

#SideBar li.PDF {
	background:none;
	font-weight:bold;
	font-size:13px;
}

#SideBar .SideBarBlockButton_Portfolio {
	background:url(/Images/Icon_Magnifier.jpg) #fcfcfc 20px 20px no-repeat;
	border-bottom:1px solid #d6d6d6;
	border-top:1px solid #d6d6d6;
	cursor:pointer;
	margin:0 0 25px 0;
	padding:15px 0 0 0;
}

#SideBar .SideBarBlockButton_Portfolio:hover {
	background:url(/Images/Icon_Magnifier_over.jpg) #E6EFC2 20px 20px no-repeat;
	color:#529214;
}

#SideBar li.Portfolio {
	background:none;
	font-weight:bold;
	font-size:13px;
}

#SideBar .SideBarBlockButton_ContactUs {
	background:url(/Images/Icon_Phone.jpg) #fcfcfc 20px 20px no-repeat;
	border-bottom:1px solid #d6d6d6;
	border-top:1px solid #d6d6d6;
	cursor:pointer;
	margin:0 0 25px 0;
	padding:15px 0 0 0;
}

#SideBar .SideBarBlockButton_ContactUs:hover {
	background:url(/Images/Icon_Phone_over.jpg) #E6EFC2 20px 20px no-repeat;
	color:#529214;
}

#SideBar li.ContactUs {
	background:none;
	font-weight:bold;
	font-size:13px;
}

#SideBar li.Address {
	background:url(/Images/Icon_Building.jpg) no-repeat;
}

#SideBar li.Phone {
	background:url(/Images/Icon_Phone.jpg) no-repeat;
}

#SideBar li.Fax {
	background:url(/Images/Icon_Printer.jpg) no-repeat;
}

#SideBar li.Email {
	background:url(/Images/Icon_Email.jpg) no-repeat;
}

#SideBar ul {
	list-style:none;
}

#SideBar p {
	font-size:12px;
	margin:10px 0 10px 0;
	text-align:right;
}

#SideBar .Lead {
	font-size:14px;
	font-weight:bold;
	margin:40px 0 0 0;
}

#SideBar h4 {
	background:url(/Images/SubPageHeader_Green.jpg) no-repeat;
	border-bottom:1px solid #cfcfcf;
	border-top:1px solid #cfcfcf;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	line-height:normal;
	margin:0 0 15px 0;
	padding:10px;
}

#SideBar h4.Blue {
	background:url(/Images/SubPageHeader_Blue.jpg) no-repeat;
}

#SideBar h4.Green {
	background:url(/Images/SubPageHeader_Green.jpg) no-repeat;
}

#SideBar h4.Red {
	background:url(/Images/SubPageHeader_Red.jpg) no-repeat;
}

/* Quotes */

#Quotes {
	height:100px;
	margin:28px 11px 28px 16px;
	width:820px;
}

.Quote {
	background:url(/Images/QuoteBG.gif);
	float:left;
	height:100px;
	margin:0 5px 0 5px;
	width:260px;
}

.Quote p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	line-height:16px;
	padding:0 15px 0 15px;
	text-align:center;
}

/* Form */

.Form {
	background:#fcfcfc;
	border-bottom:1px solid #d6d6d6;
	border-top:1px solid #d6d6d6;
}

.Form p {
	clear:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	height:1%;
	margin:0 auto 0 auto;
	padding:5px;
	padding-left:100px; /*width of left column containing the label elements*/
	width:415px;
}

.Form label {
	float:left;
	font-size:12px;
	font-weight:bold;
	margin-left:-50px;
	padding:0 5px 0 0;
	text-align:right;
	width:75px; /*width of labels. Should be smaller than left column (100px) to create some right margin*/
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
*/

* html .threepxfix {
	margin-left:3px;
}

/* Footer */

#Footer {
	background:#919191;
	clear:both;
	color:#f0f0f0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	height:30px;
	margin:auto;
	width:100%;
}

#FooterLeft {
	float:left;
	padding:8px 0 0 10px;
}

#FooterRight {
	float:right;
	padding:8px 10px 0 0;
}

#Footer a, #Footer a:link, #Footer a:visited {
	color:#f0f0f0;
	padding:0 10px 0 10px;
	text-decoration:none;
}

#Footer a:hover {
	color:#fff;
}

#SubFooter {
	color:#888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:auto;
	width:960px;
}

#SubFooterLeft {
	float:left;
	padding:10px 0 0 30px;
}

#SubFooterRight {
	float:right;
	padding:10px 30px 0 0;
	text-align:right;
}
