﻿#outer {
	width: 990px;
	background-image: url(../images/bg-page.gif);
	background-position: right top;
	background-repeat: repeat-y;
}
h1 {
	height: 72px; /*margin-right: 16px;     margin-bottom: 14px;*/
	margin-left: 16px;
	margin-bottom: 17px;
}
h1 a:link, h1 a:visited {
	display: block;
	width: 167px;
	height: 72px;
}
h1 span {
	display: none;
}

.WrapperTitle {
	position: relative;
	height: 77px;
}
.WrapperTitle h3 {
	position: absolute;
	width: 202px;
	bottom: 5px;
	left: 4px;
	text-align: left;
	font-size: 1.4em;
	color: #FFF;
	font-weight: normal;
	line-height: 18px;
}

/* Main Content */
#mainWrapper {
	width: 754px;
	float: left;
}
#wrappHeader {
	background: url(../images/bg-wrappheader.gif) repeat-y right top;
}
.WrapperPaddingLeft {
	padding-right: 37px;
	width: 756px;
}
#welcomeBox {
	/*background: url(../images/bg-border-right-bottom.gif) right bottom no-repeat; width: 348px;*/
	width: 236px;
	float: left;
	padding: 15px 0px 14px 14px;
	font-size: 1.1em;
	color: #9b9b9b;
}
#languageBox {
	/*width: 16px;*/
	padding: 11px 5px 5px 5px;
	float: right; /*	background: url(../images/bg-border-bottom.gif)  right bottom repeat-x;     background: url(../images/bg-border-left-bottom.gif) left bottom no-repeat;*/
}

#userBox {
	float: right;
	/* padding: 16px 6px 9px 6px; */
	padding: 0px 6px 4px 6px;
}

#searchBox {
	/*width: 33%;*/
	float: right;
	padding: 11px 6px 9px 6px; /*background: url(../images/bg-border-left-bottom.gif) left bottom no-repeat;*/
}
#searchWrapper {
	background: url(../images/bg-search-box.gif) no-repeat left top;
	width: 159px;
	overflow: hidden;
}
#searchWrapper input {
	vertical-align: middle;
}
#searchWrapper .InputSeach {
	border: none;
	background: none;
	font-size: 1.1em;
	color: #a3a19f;
	padding: 1px 7px 2px 7px;
	width: 126px;
}

.chatbutton {
	float: right;
	margin-top: 16px;
	margin-left: 6px;
	margin-right: 14px;
}
/* override cushycms styles for chatbutton */
.chatbutton a {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.chatbutton table th, .chatbutton table td {
	border-bottom-style: none !important;
	color: inherit !important;
	line-height: normal !important;
	padding: 0 !important;
	font-size: 10px !important;
	text-align: center !important;
}


.clearfloat {
	clear: both;
}
.disabled {
	background-color: #ebebe4;
	border: 1px solid #abadb3;
	color: #666;
}
.disclaimer {
	font-size: 0.8em;
	font-style: italic;
}
.hide {
	display: none;
}

/* created for ValidatorCalloutExtender to have something to attach to 
	for custom validation */
.hideInSight {	
	background-color: transparent;
	border-color: transparent;
	border-width: 0px;
	display: inline;
	margin: 0px;
	padding: 0px;
	width: 1px; height: 1px;
}
.css_left, .floatleft {
	float: left;	
}
.css_right, .floatright {
	float: right;
}
.heading {
	color: #156daa;
	display: block;
	font-size: 1.8em;
	font-weight: bold;
	margin-top: 11px;
	margin-left: 11px;
}
.sectionhead {
	color: #437CA9;
}

ul.discless {
	list-style-type: none;
	padding-left: 1em;
}

.normal {
	color: inherit;
}
p.normal {
	margin: 1.12em 0;
}
p.headroom {
	margin-top: 1.12em;
}


/*Samir added for shopping cart tracking on master pages*/
#cartBox {
	/*text-align:right; added to move the cart to the right of the page header */ /*width: 104px;*/
	float: right;
	padding: 12px 7px 7px 7px;
	font-size: 1.1em;
	color: #9b9b9b; /*background: url(../images/bg-border-bottom.gif) left bottom repeat-x;*/
}
#cartBox img {
	vertical-align: middle;
	padding-bottom: 4px;
}
#topHeader {
	/*(background: url(../images/bg-page-shadow-top.gif) right bottom no-repeat;*/
	margin-left: 8px;
	position: relative;
}
h3#titleFundamental {
	background: url(../images/tit-callcamp.png) no-repeat;
	height: 35px;
	margin-left: 552px;
	margin-top: 40px;
}
h3#titleFundamental span {
	color: #fe9824;
}
#mainContent {
	margin-bottom: 10px;
	padding-left: 36px;
}
#mainContent h1 {
	color: rgb(119,199,119);
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.3em;
	padding: 17px 50px 20px 13px;
}
#SubBottom {
	padding: 5px 10px 5px 10px;
	border-top: #d9d7d3 solid 1px;
	text-align: center;
}
#SubBottom .SubWrapper {
}
.Home {
	/*margin-right: 8px;*/
	overflow: hidden;
	width: 718px;
}
.PageChild {
	overflow: hidden; /*background: url(../images/bg-page-shadow-bottom-child.gif) top right no-repeat !important; /* DAVE M ADDED TO FIX DIV HEIGHT OVERRUN */ /*background: url(../images/bg-banner-shadow.gif) top no-repeat !important;*/
	width: 718px;
}
#SectionContainer {
	width: 718px;
	height: auto;
	overflow: hidden;
	background: #ffffff url('../images/bg-sectionbottom.gif') repeat-x left top;
}

ul.SectionList {
	padding-bottom: 17px;
	overflow: visible;
	height: 1%;
}
html > body ul.SectionList {
	overflow: hidden;
	height: auto;
}
ul.SectionList li {
	/*width: 160px; modified by samir to show 3 sections aside instead of 4*/
	width: 221px;
	background: url(../images/bg-border-right-bottom.gif) no-repeat right bottom;
	padding: 0 9px 0 11px;
	float: left;
	height: 222px;
}
ul.ChangeWidth1 li {
	/*height: 172px !important;*/
	height: 132px !important;
}
ul.ChangeWidth2 li {
	height: 232px !important;
}
ul.SectionList li.Alt {
	background: url(../images/bg-border-bottom.gif) repeat-x right bottom; /*width: 160px; modified by samir to show 3 sections aside instead of 4*/
	width: 221px;
}
ul.SectionList li .WrapperTitle {
	border-bottom: 1px solid #d7d5d2;
}
ul.SectionList li h3 {
	position: absolute; /*width: 160px; modified by samir to show 3 sections aside instead of 4*/
	width: 221px;
	bottom: 5px;
	left: 0px;
	text-align: left;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 18px;
}
ul.SectionList li p.Description {
	/*color: #999999;*/
	font-size: 1.1em;
	padding-bottom: 6px;
	padding-top: 7px;
}
ul.SectionList li ul li {
	background: url(../images/bullet-4.gif) no-repeat left 4px;
	padding: 0 0 1px 10px;
	width: auto;
	height: auto;
	float: none;
	font-size: 1.2em;
}
ul.SectionList li ul li a:link, ul.SectionList li ul li a:visited {
	/*color: #999999;*/
}
ul.SectionList li p.Link a:link, ul.SectionList li p.Link a:visited {
	color: #999;
	font-size: 1.2em;
}
ul.SectionList li p.DetailContact {
	font-size: 1.1em;
	color: #437ca9;
}
ul.SectionList li p.DetailContact a:link, ul.SectionList li p.DetailContact a:visited {
	color: #437ca9;
	font-weight: bolder;
}
.FreeBox1, .FreeBox2 {
	float: left;
}
.FreeBox1 {
	padding: 0 19px 19px 19px;
	width: 320px;
}
h3.TitleLink {
	font-size: 1.6em;
	color: #156daa;
	background: url(../images/bullet-4.gif) no-repeat right 2px;
	padding-right: 22px;
	display: inline;
	font-weight: normal;
}
.FreeBox2 {
	padding: 4px 0 0 13px;
	width: 352px;
}
.FreeBox2 h4 {
	color: #3d7eb0;
	text-transform: uppercase;
	margin-bottom: 4px;
	font-size: 1.2em;
	font-weight: normal;
}
.FreeBox2 p {
	/*color: #999999;*/
	font-size: 1.3em;
}
#footer {
	border-top: 1px solid #d7d5d2;
	margin-left: 49px;
	margin-right: 13px;
	padding: 6px 0 24px 8px;
}
#footer ul li {
	display: inline;
	background: url(../images/bullet-footer.gif) no-repeat right center;
	padding: 0 5px 0 3px; /*color: #999999;*/
	font-size: 1.1em;
}
#footer ul li.Alt {
	background: none;
}
#footer ul li a:link, #footer ul li a:visited {
	/*color: #999999;*/
}


/*****************
ModalPopupExtender
*****************/
.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.modalWindow {
	border: 1px solid #333333;
	background: #DDDDDD;
	padding: 0px 10px 10px 10px;
	position: absolute;
	top: -1000px;
	width: 200px;
	height: 150px;
}
.modalWindow2 {
	position: absolute;
	width: 400px;
	left: 50%;
	top: 50%;
	z-index: 750;
	background-image: url('../images/bg-sectionbottom.gif');
	background-repeat: repeat-x;
	padding: 10px 10px 10px 30px;
	text-align: left;
}

/********************
CustomDropDownHeaders
********************/
.customDropDownHeader {
	color: #437ca9;
	background-color: #C0C0C0;
	font-family: Arial Black;
}
/***************************
CustomHomePageListBox
***************************/
.customHomePageListBox {
	/*border: 1px solid #C0C0C0;*/
	height: 155px;
	width: 350px;
	overflow: auto;
}
.customHomePageListBoxHeaders {
	color: #494949;
	background-color: #dbd9d5;
	font-size: 1.1em;
	font-weight: bold; /*height: 40px;*/
	vertical-align: middle;
}
.customHomePageListBoxItems {
	color: #437ca9;
	font-weight: bold;
	padding-left: 8px;
}
/*********************
 Begin Tab Layout
 ********************/
#HomeTabType {
	padding: 10px 0px 0px 13px;
	width: 372px;
	position: relative;
}
#SectionTop {
	line-height: 17px;
	min-height: 228px;
	overflow: hidden;
	position: relative; /*width: 718px;*/
}
/*#SectionContainer img
{
    margin-top: 29px;
}*/
#SectionBottom {
	background: url(../images/bg-sectionbottom.gif) repeat-x; /*min-height: 147px;     padding: 17px 0px 13px 15px;*/
	position: relative;
}
.SectionImage {
	left: 364px;
	position: absolute;
	top: 26px; /*width: 258px;*/
	float: right;
	margin-top: 29px;
}
.SectionCopy {
	left: 0px;
	position: relative;
	float: left;
	top: 0px;
	width: 330px;
	font-size: 1.2em;
	color: #666666;
}
.blueheader {
	color: #437CA9;
	font-size: 17px;
	font-weight: bold;
}
.blackheader {
	color: #505050;
	font-size: 17px;
	font-weight: bold;
}
.FeaturedLeft {
	/*width: 310px;*/
	margin-right: 32px;
	float: left;
	font-size: 12px;
}
.FeaturedRight {
	width: 310px;
	float: right;
	font-size: 12px;
}
.SuccessContainer {
	padding-bottom: 15px;
	overflow: hidden;
}
.SuccessContainer img {
	float: left;
}
/* Overview Tab Layout */
#SectionOverviewTopLeft {
	float: left;
	width: 475px;
}
#SectionOverviewTopRight {
	float: right;
	width: 200px;
}
#SectionOverviewTopRight h4 {
	padding: 10px 0px 10px 0px;
	margin-right: 8px;
}
#SectionOverviewTopRight h2 {
	padding: 10px 0px 3px 0px;
}
#SectionOverviewTopRight .Better {
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #D9D7D3;
	border-bottom: 1px solid #D9D7D3;
	margin: 0 8px 5px 0;
}
#SectionOverviewTopRight .Better p {
	padding: 3px 0px 3px 0px;
	font-weight: bold;
}
#SectionOverviewTopRight .ITNMTBlurbContent ul {
	padding: 3px 0px 3px 0px;
}
#SectionOverviewTopRight .centeredimg {
	margin: 10px 8px 10px 0px;

}
#SectionOverviewBtm {
	min-height: 147px;
	padding: 5px 0px 13px 0px;
	background: #FFFFFF url(../images/bg-sectionbottom.gif);
	border-top: 1px solid #D9D7D3;
}
#SectionOverviewBtmLeft {
	width: 325px;
	float: left;
	color: #666666;
}
#SectionOverviewBtmLeft p {
	border-bottom: 1px solid #D9D7D3;
	padding: 5px 0px 5px 0px;
	font-size: 1.2em;
}

#SectionOverviewBtmRight {
	padding-left: 30px;
	width: 325px;
	float: right;
}
#SectionOverviewBtmRight ul li {
	background: url(../images/bullet-nav.gif) no-repeat 0px 3px;
	padding: 0px 15px 5px 15px;
	font-size: 1.1em;
}
/* Begin Curriculum Layout */
#SectionCurriculumBtm {
	min-height: 147px;
	background: url(../images/bg-sectionbottom.gif) repeat-x #FFFFFF;
}
#SectionCurriculumBtm table {
	width: 680px;
}
/* End  Tab Layout */

/*********************
 Begin Contact Us Layout
 ********************/
#ContactWrapper {
	padding-top: 10px;
	border-top: 1px solid #D9D7D3;
}

/* End  Contact Layout */

/*********************
 Begin About Us Layout
 ********************/
#AboutSparkWrap img {
	float: right;
}
#AboutSparkWrap .topspark {
	float: left;
	width: 200px;
	padding: 10px 0px 0px 40px;
}
#AboutSparkWrap .bottomspark {
	float: left;
	padding: 50px 1px 1px 20px;
	width: 180px;
}
#AboutSparkWrap .footerspark {
	float: left;
	padding: 40px 5px 0px 175px;
}
/* End  About Layout */



/*********************
Begin IT & MANAGEMENT Layout
********************/
#ITNMTContainer {
	height: auto;
	margin: auto;
	background: url("../images/bg-sectionright.gif") repeat-y 7% 0%;
}
#ITNMTCourseSection, .ITNMTCourseSection {
	padding: 5px 0px 5px 0px;
}
#ITNMTCourseSection h3, .ITNMTCourseSection h3 {
	padding-bottom: 5px;
	font-size: 14px;
}
#ITNMTopLeft {
	float: left;
	width: 60%;
	height: 100%;
	padding: 5px 0px 20px 15px;
}
#ITNMTopLeft table td {
	width: 150px;
	height: 20px;
	font-size: 1.2em;
}

#ITNMTBtmLeft {
	float: left;
	width: 66%;
	height: auto;
}
#ITNMTBtmLeft h3 {
	line-height: 18px;
	font-size: 1.1em;
	font-weight: bold;
	background: url(../images/bg-border-bottom.gif) repeat-x left top;
	padding: 5px 5px 5px 5px;
}

#ITNMTRight {
	float: right;
	width: 33%;
	height: auto;
}
#ITNMTRight h2 {
	text-align: center;
	background: url(../images/bg-center-header.gif) repeat-x;
	padding: 5px 0 5px 0;
}


#ITNMTRight .ITNMTBlurbContainer {
	margin: 10px 0 10px 0;
	padding: 0px 0px 10px 0px;
}
#ITNMTRight .ITNMTInputContainer {
	margin-right: auto;
	margin-left: auto;
	padding: 0 0 8px 10px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #FFFFFF;
}
#ITNMTRight .ITNMTBlurbContent {
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #C0C0C0; /**background: url(../images/bg-itnmt-blurb.gif) repeat-y;**/
	margin: 0 auto;
	font-size: 1.2em;
	width: 210px;
	padding: 5px 5px 5px 5px;
}
#ITNMTRight .ITNMTBlurbContentImage {
	/**border-style: solid;     border-width: 0px 0px 1px 0px;     border-color: #C0C0C0;     background: url(../images/bg-itnmt-blurb.gif) repeat-y;**/
	margin: 0 auto;
	font-size: 1.2em;
	width: 210px;
	padding-left: 40px;
	padding-top: 20px;
}
#ITNMTRight .ITNMTBlurbContent ul, #ITNMTRight .ITNMTBlurbContent p {
	padding: 5px 0px 5px 4px;
}
#ITNMTRight .ITNMTBlurbContent ul li {
	background: url(../images/bullet-4.gif) no-repeat left 6px;
	color: #666666;
	padding: 0px 0px 3px 9px;
	line-height: 18px;
}

/*End IT & Management Layout*/

/*********************
Begin Center Page Layout
********************/
#CenterTop {
	background: url(../images/bg-sectiontop.gif) repeat-x #F9F9F9;
	min-height: 240px;
	padding: 20px 13px 0px 13px;
}

#CenterTop .logoimage {
	float: right;
	padding-right: 40px;
}
.centercourselist {
	color: #437ca9;
	font-size: 1.3em;
	line-height: 16px;
}
/*End Center Page Layout*/


/*********************
Begin Google Search Layout
********************/
#cse-search-results iframe {
	width: 690px;
	font-size: 1.2em;
}
/*End Google Search Layout*/

/* button gradient (http://www.colorzilla.com/gradient-editor/) */
.bluegradient {
	color: #fff;
	font-family: 62.5% Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	height: 21px;
	
	background: #95bddc; /* Old browsers */
	background: -moz-linear-gradient(top,  #95bddc 0%, #3f6b8c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95bddc), color-stop(100%,#3f6b8c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #95bddc 0%,#3f6b8c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #95bddc 0%,#3f6b8c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #95bddc 0%,#3f6b8c 100%); /* IE10+ */
	background: linear-gradient(top,  #95bddc 0%,#3f6b8c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95bddc', endColorstr='#3f6b8c',GradientType=0 ); /* IE6-9 */
}

