body{ margin: 0; padding: 0; }
td {vertical-align:top;}
img, div { behavior: url(iepngfix.htc) }
/*************************************************************************
mainnav
*************************************************************************/
.mainnav{
	background-image: url(images/backofmainnav.gif);
	padding: 8px 0px 0px 0px;
	margin:0px 0px 0px 12px;
	background-repeat: repeat-x;
	width:780px;
	border-bottom:1px solid #E3E6EF;
}

/*************************************************************************
internal page - left navigation
*************************************************************************/
#left-navigation{
	width: 190px;
	margin: 10px 0px 15px 0px;
	padding:0px 0px 0px 20px;
	float: left;
}

#left-navigation-art{
	width: 190px;
	margin: 10px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	float: left;
}

.homeline{
	border-color: #CCD4DF;
	border-style: solid;
	border-width: 1px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#left-navigation.none{
	background-position: -1000px -1000px;


}
#left-navigation ul{ width:160px;}
#left-navigation li{
	list-style-type: none;
	padding: 3px;
	border-bottom-color: #CCD4DF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 18px;
	margin-top: 2px;
}
#left-navigation li.current{
	font-weight: bold;
	color: #2C4082;
}
#left-navigation li.noline{
	list-style-type: none;
	padding: 3px;
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 18px;
}
#left-navigation a {
	color: #2C4082;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/*************************************************************************
homepage panels
*************************************************************************/

#training{
	position:relative;
	width: 371px;
	height: 185px;
	float: left;
	background-image: url(images/training-panel.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin:10px 0px 10px 20px;
}

#training p{
	position:absolute;
	top:65px;
	left:30px;
	z-index:31px;
	font-family:Arial;
	font-size:11px;
	line-height:16px;
	color:#003366;
}

#training ul{
	position:absolute;
	top:125px;
	left:45px;
	z-index:32px;
	font-family:Arial;
	font-size:11px;
	line-height:13px;
	color:#003366;
	font-weight:bold;
	width: 196px;
}

#training a{color:#642772}
#training a:hover{color:#039}

#howtofindus{
	position:relative;
	width: 285px;
	height: 82px;
	float: left;
	background-image: url(images/howtofindus.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin:5px 10px 0px 0px;
	padding:0px;
	}

#howtofindus p{
	position:absolute;
	top:30px;
	left:100px;
	z-index:34px;
	font-family:Arial;
	font-size:11px;
	line-height:14px;
	color:#003366;
}

#accreditations{
	position:relative;
	width: 500px;
	height: 113px;
	float: right;
	margin:5px 0px 0px 0px;
	padding:0px;
}

/*************************************************************************
tabs horizonal
*************************************************************************/


    #tabs {
	float:left;
	font-size:11px;
	background: url(images/backoftabs.gif) no-repeat bottom left;
	line-height: 13px;
	width: 580px;
	height: 45px;
      }
    #tabs ul{
	float:left;
	display:block;
	margin: 0px;
	padding:0px;
	list-style-type:none;
    }

    #tabs li {
      display:inline;
      margin:0px 0px 0px 2px;
      padding:0px 0px 0px 0px;
	  float:left;
      }
    #tabs a {
	background:url(images/tableft.gif) no-repeat left top;
	margin:0px;
	padding:0px 0px 0px 4px;
	text-decoration:none;
	float: left;
      }
    #tabs a span {
	display:block;
	background:url(images/tabright.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	margin:0px;
	color:#2C4082;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
      }

    #tabs a:hover span {
	color:#90579E;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }

        #current a {
        background-position:0% -42px;
        }
        #current a span {
        background-position:100% -42px;
        }


/*************************************************************************
internal page - right text area
*************************************************************************/
#internal-right{
	font-family: Arial, Helvetica, sans-serif;
	color: #2C4082;
	font-size: 1.2em;
	margin:20px 0px 0px 0px;
	padding:0px;
	float: left;
	border-top-color: #E3E6EF;
	border-top-style: solid;
	border-top-width: 1px;
	background: url(images/butterfly.gif) no-repeat top right;
	width:580px;
}
#internal-right.customers{
	width: 750px;
	border: none;
	padding-left: 5px;
}
#internal-right h2{
	color: #2C4082;
	font-size: 0.9em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#internal-right b{
	color: #5381B0;
}
#internal-right h1{
	color: #6E2680;
	font-size: 2em;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -0.05em;
}
#internal-right h3{
	color: #2576C2;
	font-size: 1.4em;
	font-weight: normal;
	clear: left;
	padding-top: 10px;
	padding-left: 10px;
}
#internal-right p{
	margin-top: 27px;
	line-height: 1.4em;
	clear: left;
	padding-left: 10px;
}
#internal-right ul{
	margin-top: 20px;
	color: #093361;
	margin-bottom: 20px;
}
#internal-right li{
	padding-left: 0px;
	list-style-type: none;
	background-image: url(images/arrow1.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin-top: 3px;
}
#internal-right a{
	color: #5FBC15;
}
#internal-right-image{
	float: right;
}


/*************************************************
	left side area
	*************************************************/
.lhs{
	width: 368px;
	float: left;
	margin-right: 20px;
}
.lhs h4{
	padding-left: 10px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #2C4082;
	font-weight: bold;
	padding-right: 10px;
}
.lhs td{
	padding: 6px;
}
.lhs#long{
	width: 740px;
}
.lhs p{
	padding-right: 10px;
	margin:0px;
}

.lhs ul{list-style-type:square; clear:both; margin:10px 10px 20px 5px; padding:0px;}
.lhs li{margin:5px 0px 0px 10px; padding:0px 0px 0px 20px;}

#listing ul{ list-style-type: circle; clear:both; margin:10px 10px 20px 5px; padding:0px; color:#666;}
#listing li{ margin:5px 0px 0px 5px; padding:0px 0px 0px 20px; color:#666;}

.lhsimage{
	margin-top: 10px;
}
/*************************************************
	right side area
	*************************************************/
.rhs{
	float: left;
	background-color: #FFFFFF;
	border-left-color: #DBE1E6;
	border-left-style: solid;
	border-left-width: 1px;
	width: 180px;
	margin-left: 5px;
}
.rhsimage{
	margin-top: 10px;
	margin-left: 8px;
}
/*************************************************
	casestudy
	*************************************************/
#casestudy{
	background-image: url(images/casestudy-back.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	width: 140px;
	padding: 13px;
	padding-bottom: 20px;
	margin-left: 10px;
}
#casestudy h2{
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #6E2680;
	letter-spacing: .1em;
	padding-bottom: 5px;
}
#casestudy h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #2576C2;
	padding-top: 0px;
	padding-bottom: 10px;
}
#casestudy p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
#casestudy a{
	color: #3C97C7;
	float: right;
}
#casestudy img{
	margin-bottom: 5px;


}
img.rhsbanner{padding:13px 0px 13px 23px}
/*************************************************
	callback
	*************************************************/

	#callback{
	width:160px;
	padding: 35px 15px 20px 15px;
	margin: 20px 0px 20px 0px;
	background-image: url(images/stuckfortime.gif);
	background-repeat: no-repeat;

}

	#callback-int{
	width:160px;
	padding: 35px 15px 20px 15px;
	margin: 20px 0px 20px 10px;
	background-image: url(images/stuckfortime.gif);
	background-repeat: no-repeat;

}

.callbackinput{
	color: #666666;
	font-family: Arial;
	font-size: 11px;
	padding:1px 1px 1px 3px;
	margin:0px 0px 2px 0px;
	width:130px;
}

.lettersholder{
	clear:both;
	padding:1px 1px 1px 3px;
	margin:0px 0px 2px 0px;
	width:130px;
}


#question{
height:50px;
margin:0px 0px 7px 0px;
}

.submit{
	margin-left: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;}
	
.callbackheader{
	color: #3562BF;
	font-size: 12px;
	font-weight: bold;
}
.mainarea{
position:relative;
clear:both;
background:#fff;
}

.mainareahome{
position:relative;
clear:both;
background:#fff;
width:800px;
height:300px;
}

.diploma{padding:1px 1px 1px 0px; margin: 1px 1px 1px 1px; border-bottom:1px solid #eee; border-right:1px solid #eee;}
/*************************************************************************
activeonline link
*************************************************************************/
.aollink {
	margin-left: 370px;
	}


.googlemap { float:right; width: 370px; height: 270px; font-family:Arial; font-size:11px; color:#333;}
#map { float:right; width: 370px; height: 270px;}

/*************************************************************************
homepage spry
*************************************************************************/

.TabbedPanels {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 408px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	width:135px;
	height:39px;
	background:url(images/homepage/tab-off.gif) no-repeat top left;
	float: left;
	padding: 0px;
	margin: 0px 1px 0px 0px;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: hand;
}

.TabbedPanelsTab h2{position:relative; margin:-7px 0px 0px 20px; padding:0px; color:#515A68; font:bold 14px Arial, Helvetica, sans-serif; line-height:14px; letter-spacing:-1px}
.TabbedPanelsTab h3{position:relative; margin:2px 0px 0px 20px; padding:0px; color:#515A68; font:normal 11px Arial, Helvetica, sans-serif; line-height:11px}

.TabbedPanelsTab:focus {outline: none;}

.TabbedPanelsTabHover {background:url(images/homepage/tab-on.gif) no-repeat top left;}

.TabbedPanelsTabSelected{background:url(images/homepage/tab-current.gif) no-repeat top left}
.TabbedPanelsTabSelected h2{position:relative; margin:-7px 0px 0px 20px; padding:0px; color:#78318A; font:bold 14px Arial, Helvetica, sans-serif; line-height:14px; letter-spacing:-1px}
.TabbedPanelsTabSelected h3{position:relative; margin:2px 0px 0px 20px; padding:0px; color:#2C4081; font:normal 11px Arial, Helvetica, sans-serif; line-height:11px}

.TabbedPanelsTab a {
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CFD4E4;
	border-bottom: solid 1px #CFD4E4;
	border-right: solid 1px #CFD4E4;
	background-color: #fff;
}

.TabbedPanelsContent {
	clear:both;
	padding:0px;
}

.navholder{
height:145px;
clear:both;
}

.TabbedPanelsContentVisible {
}


.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

/******************** HOME PANELS NAV *********************/

/*************************************************************************
internal page - left navigation
*************************************************************************/
.home-navigation{width: 160px; margin-right: 10px; float: left; padding-top: 10px;}
.home-navigation ul{list-style-type: none; padding:0px; margin:0px 0px 0px 15px;}
.home-navigation li{ border-bottom:1px solid #ddd; background: url(images/arrow.gif) no-repeat 0px 5px; padding-left:15px; line-height:1.8em;}
.home-navigation a {color: #2C4082;	font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
.home-navigation a:hover {color: #7381B4;	font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; text-decoration: underline;}


/*************************************************************************
Newsletter styles
*************************************************************************/
#newsletter{margin:250px auto 50px; clear:both; width:850px; padding:20px 0px 0px 0px; background:#fff; overflow:auto; border:2px solid #D2D2CC;}
#nheader{width:850px; margin:0px auto; clear:both}
#nheader img{margin:0px 0px 0px 25px; clear:both;}
.ncolleft{float:left; width:280px; padding:10px 20px 10px 25px; margin:10px 10px 5px 0px;}
.ncolright{float:left; width:220px; padding:10px 15px 10px 15px; margin:10px 0px 5px 0px;}


#subscribenewsletter{clear:both; width:260px; padding:20px; background:#EDF0FA; margin:25px 0px 10px 0px; border-bottom:1px solid #CFD4E4;}
#subscribenewsletter h2{font-family:Arial; font-size:16px; line-height:16px; font-weight:bold; color:#77308A; margin:0px 0px 10px 0px;}

#ncolright h3{font-family:Times New Roman; font-size:16px; line-height:20px; font-weight:normal; font-style:italic; color:#2C4082; margin:0px 0px 10px 0px;}
#ncolright h4{font-family:Times New Roman; font-size:24px; line-height:20px; font-weight:normal; color:#0066CC; margin:0px 0px 20px 0px;}
#ncolright h5{font-family:Arial; font-size:14px; line-height:14px; font-weight:bold; color:#2C4082; margin:0px 0px 15px 0px;}

#rightside p{font-family:Arial; font-size:11px; line-height:15px; color:#2C4082;}
#rightside h2{font-family:Arial; font-size:16px; line-height:18px; font-weight:bold; color:#2C4082; margin:0px 0px 15px 0px;}
#rightside img{margin-bottom:15px;}

.leadshort{clear:both; width:260px; padding:20px; background:#EDF0FA; margin:0px 0px 10px 0px; border-bottom:1px solid #CFD4E4;}
.leadshort h1{font-family:Arial; font-size:18px; line-height:20px; letter-spacing:-1px; font-weight:bold; color:#036; margin:0px 0px 10px 0px;}
.leadshort h2{font-family:Arial; font-size:28px; line-height:26px; letter-spacing:-1px; font-weight:normal; color:#77308A; margin:0px 0px 10px 0px;}
.leadshort p{font-family:Arial; font-size:12px; line-height:19px; color:#2C4082;}
.leadshort span{font-family:Arial; font-size:12px; line-height:12px; color:#2C4082; float:right;}
.leadshort span a{font-family:Arial; font-size:12px; line-height:12px; color:#0066CC;}
.leadshort span a:hover{font-family:Arial; font-size:12px; line-height:12px; color:#00CCFF;}
.leadshort img{float:left; overflow:auto; padding:4px; border:1px solid #ddd; margin:0px 10px 10px 10px;}

.articleshort{clear:both; width:290px; margin:0px 0px 10px 0px; padding:0px 0px 20px 0px; border-bottom:1px solid #CFD4E4;}
.articleshort h2{font-family:Arial; font-size:16px; line-height:16px; letter-spacing:-1px; font-weight:bold; color:#2C4082; margin:0px 0px 10px 0px;}
.articleshort p{font-family:Arial; font-size:11px; line-height:14px; color:#666;}
.articleshort span{font-family:Arial; font-size:12px; line-height:12px; color:#003399; float:right;}
.articleshort span a{font-family:Arial; font-size:12px; line-height:12px; color:#0066CC;}
.articleshort span a:hover{font-family:Arial; font-size:12px; line-height:12px; color:#00CCFF;}
.articleshort img{float:right; overflow:auto; margin:0px 0px 5px 10px;}