/* ************** Browser Reset ************** */
*{
	font-size:11px;
	font-family:verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none
}

p, address{
	margin:0 0 16px;
	line-height:18px
}

q{
	display:block;
	margin:6px 0
}

cite{
	display:block;
	margin:6px 0
}

ul:after, div:after{/* For Gecko Browsers which like to completely break float elements out of the parent's layout */
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

img{
	border:0
}

ul{
	margin:0 0 16px 15px
}
ul li{
	padding-left:20px;
	line-height:18px;
	background:url(/img/bullet1.gif) no-repeat 0 4px
}
ul li a{
	margin:0;
	padding:0;
	display:inline
}
/* ************** /Browser Reset ************** */

body{
	background:#F6F5EC url(/img/bgBody.gif) repeat-x top;
	color:#333
}

/* ************** Typography & Colors ********* */

/* Links */
a{
	color:#900;
	font-weight:bold
}
a:hover{
	text-decoration:none	
}

/* Headings */
h1 {
	margin:20px 0 18px;
	font-size:20px;
	font-weight:normal;
	font-family:"Tw Cen MT", Arial, Helvetica, Sans-serif;
	background:url(/img/bgDot.gif) repeat-x bottom;
}
h1 strong{
	font-size:20px;
	font-weight:bold;
	vertical-align:bottom
}
h2{
	font-size:17px;
	margin-bottom:10px;
}
h3{
	font-size:14px;
	margin:0 0 16px
}

/* ************** /Typography & Colors ********* */

/* ******************** Forms ****************** */
fieldset{
	border:0
}
fieldset p{
	border:0;
	clear:both;
	margin:0 0 5px
}
fieldset p *{
	vertical-align:middle
}
fieldset p label{
	display:block;
	float:left;
	font-size:11px;
	margin-right:10px;
	padding:2px 0;
	text-align:right;
	width:140px;
}
span.checkbox *{
	vertical-align:middle
}
span.checkbox input{
	float:left;
	display:inline
}
span.checkbox label{
	float:left;
	display:inline;
	width:auto;
	padding:0;
	margin:0 0 0 5px !important
}

.textfield{
	border:1px solid #999;
	padding:2px 2px 3px;
	width:160px;
}

select.textfield{
	width:auto
}

/* ***************** Tables *************** */

.tblLogin td{
	padding:7px 0;
	vertical-align:middle
}
.tblLogin td span{
	margin-right:5px
}
.advancedsearch{
	border-collapse:collapse
}
.advancedsearch th{
	padding:3px 5px 3px 0;
	text-align:left
}
.advancedsearch td{
	padding:3px 0;
}
.advancedsearch td *{
	vertical-align:middle
}

/* ****************** Structure **************** */

#main{
	width:1000px;
	margin:auto;
}

#content{
	float:left;
	display:inline;
	width:979px;
	margin:0 0 20px 15px
}

#leftNav{
	float:left;
	display:inline;
	width:180px;
	margin-right:20px
}
#rightColumn{
	float:right;
	display:inline;
	width:160px;
	margin-left:20px
}

#innerContent{
	float:left
}
.two-column{
	width:779px
}
.three-column{
	width:599px
}

#footer{
	width:987px;
	margin:auto;
	padding:20px 0 0;
	border-top:4px solid #1c477d;
	color:#000
}

/* *************** Header Styles *************** */
#topDate{
	float:right;
	display:inline;
	height:19px;
	margin:1px 32px 0 0;
	font-size:10px;
}
#header{
	float:left;
	width:1000px;
	height:162px;
	margin-bottom:10px;
}

/* Logo */
#logoScreen{
	float:left;
	display:inline;
	width:215px;
	height:135px;
	margin:11px 0 0 39px; 
}
#logoScreen a{
	display:block;
	width:215px;
	height:135px;
	color:#000;
	background:url(/img/logoScreen.gif) no-repeat top left
}

/* header utility - login links and search box */
#utility{
	float:right;
	display:inline;
	height:44px;
	margin:0 30px 0 0;
}
#utility ul, #utility li{
	float:left;
	display:inline;
	background:0;
}
#utility ul{
	margin:17px 0 0
}
#utility li{
	padding:0 12px;
	margin:0;
	line-height:normal;
	border-right:1px solid #000
}
#utility a{
	color:#000;
	font-weight:normal
}
#utility div#search{
	float:left;
	width:220px;
	height:32px;
	padding:12px 0 0 12px;
	background:url(/img/bgUtilitySearch.gif) no-repeat top left
}
div#search .searchbox{
	color:#999;
	padding:2px 3px;
	width:126px
}
div#search *{
	vertical-align:middle
}
#phone{
	background:url(/img/imgPhone.gif) no-repeat top left;
	width:290px;
	height:19px;
	clear:both;
	position:relative;
	top:22px;
	left:-100px;
	margin:0;
}
#livechat{
	width:181px;
	height:58px;
	position:relative;
	top:-10px;
	left:290px;
	margin:0;
}
/* *************** /Header Styles *************** */

/* *************** Content Styles *************** */
.head{
	position:relative
}
.head p{
	position:absolute;
	top:8px;
	right:15px
}

/* Comments Styling */

.divComments{
	margin:0 0 15px;
	padding:15px 20px 20px;
}

.divComments h3{
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:7px;
	background:url(/img/bgDot.gif) repeat-x bottom
}

.divComments p label{
	display:block;
	float:left;
	width:115px;
}
.divComments p *{
	vertical-align:middle
}
.commentHeader{
	background:#1C477D;
	padding:6px;
	color:#fff;
	margin:1px 0;
}

.commentHeader span.dates{
	float:right;
	font-size:11px;
}

.commentHeader span.dates a{
	color:#99c563;
}

.commentBody{
	padding:15px 20px 30px 20px;
	background:#EFF9FF;
}

/* Poll Widget Styling */
#rightColumn p span input{
	margin:0 3px
}
#rightColumn p span *{
	vertical-align:middle
}

/* Home Page */
#splash{
	float:left;
	display:inline;
	width:992px;
	height:285px;
	margin:0 0 8px -7px;
	background:url(/img/bgSplashHome.jpg) no-repeat top left;
	position:relative
}
#splash h2{
	width:676px;
	height:95px;
	background:url(/img/hdrSplashHome.gif) no-repeat top left;
	position:absolute;
	top:11px;
	left:13px
}
#splash ul{
	margin:205px 0 0 30px;
}
#splash li{
	display:inline;
	float:left;
	background:none;
	padding:0;
}
#splash a{
	display:block;
	float:left;
	height:59px;
}
#splash a:hover{
	background-position:bottom;
}
a#btnNeedTrainer{
	background:url(/img/btnNeedTrainer.gif) no-repeat top left;
	width:303px;
}
a#btnTrainingProject{
	background:url(/img/btnTrainingProject.gif) no-repeat top left;
	width:335px;
}
a#btnTrainerJob{
	background:url(/img/btnTrainerJob.gif) no-repeat top left;
	width:305px;
}
.home-box{
	float:left;
	width:321px
}
#divAboutNews, #divCaseStudies{
	margin-left:8px
}

.home-box h2{
	height:38px;
	margin:0;
	padding:25px 0 0 15px;
	background:url(/img/bgHeadings.gif) repeat-x top
}

#divCapabilities ul{
	margin-top:14px;
	margin-bottom:0;
}
#divCapabilities ul li{
	font-weight:normal;
	padding:5px 0 3px 18px;
	font-size:11px;
	line-height:normal;
	background-image:url(/img/bullet-check.png)
}
#divCapabilities li a{
	color:#1c477d;
	margin:0;
}


#divCaseStudies h2{
	margin:0 0 16px;
}
#divCaseStudies ul{
	margin-bottom:0;
}
#divCaseStudies li{
	margin:0 0 7px;
	font-weight:bold;
	padding-left:15px;
}
#divCaseStudies li a{
	color:#1c477d;
	margin:0;
}

#scrollie a{
	color:#1C477D
}
/*
#divCaseStudies a{
	margin-left:35px
}
*/
/* About TTL / Latest News TABS! */
#gallery, #gallery1 {
	height:61px;
	margin:0 0 18px;
	background:url(/img/bgHeadings.gif) repeat-x top
}
#gallery div, #gallery1 div {
	float:left;
	display:inline;
	cursor:pointer;
	position:relative;
}
#gallery #tabAboutTTA{
	margin-left:10px;
}
#gallery #tabNewsFeeds{
	margin-left:5px
}
#gallery1 #tabAwards{
    margin-left:15px
}
#gallery1 #tabLatestNews{
	margin-left:5px;
}
#gallery div span, #gallery1 div span {
	float:left;
	display:inline;
	display:block;
	height:44px;
	margin-top:17px
}
#gallery1 #tabAwards span{
	width:98px;
}
#gallery1 #tabLatestNews span{
	width:116px;
}
#gallery #tabAboutTTA span{
	width:121px;
}
#gallery #tabNewsFeeds span{
	width:142px
}
#gallery1 #tabAwards.yea span{
	background:url(/img/tabAwards-on.gif) no-repeat
}
#gallery1 #tabAwards.nay span{
	background:url(/img/tabAwards-off.gif) no-repeat
}
#gallery #tabAboutTTA.on span{
	background:url(/img/tabAboutTTA-on.gif) no-repeat
}
#gallery #tabAboutTTA.off span{
	background:url(/img/tabAboutTTA-off.gif) no-repeat
}
#gallery1 #tabLatestNews.yea span{
	background:url(/img/tabLatestNews-on.gif) no-repeat
}
#gallery1 #tabLatestNews.nay span{
	background:url(/img/tabLatestNews-off.gif) no-repeat
}
#gallery #tabNewsFeeds.on span{
	background:url(/img/tabNewsFeeds-on.gif) no-repeat
}
#gallery #tabNewsFeeds.off span{
	background:url(/img/tabNewsFeeds-off.gif) no-repeat
}
#gallery div.off, #gallery1 div.nay {
	z-index:20;
}
#gallery div.on, #gallery1 div.yea {
	z-index:100;
}
div.hide, div.dead {
	display:none;
	width:0;
	overflow:hidden;
}
div.show, div.live {
	clear:left;
	top:-1px;
	position:relative;
	z-index:50;
	min-height:180px;
	padding:0 12px;
	background:url(/images/bgNewsContent.gif) top no-repeat;
}
.clear {
	clear:both;
}
/* END About TTL / Latest News TABS! */

#divTrainerSpotlight ul{
	margin:0 12px 16px
}
#divTrainerSpotlight li{
	padding:10px 0;
	background:url(/img/bgDot.gif) repeat-x bottom 
}
#divTrainerSpotlight li a{
	color:#1c477d;
	margin:0
}
#divTrainerSpotlight a{
	margin-left:12px
}
/* *************** /Content Styles *************** */

/* **************** Footer Styles **************** */
#footer div.footermenu{
	float:right;
	display:inline;
	margin:0 20px 0 0;
	width:auto
}
#footer .footermenu ul.rmRootGroup{
	float:right;
	display:inline
}
#footer li{
	display:inline;
	float:left;
	padding:0 6px;
	background:0;
	line-height:normal;
	border-right:1px solid #000
}
#footer li a{
	font-weight:normal;
	color:#000;
	padding:0;
	text-decoration:none;
	cursor:pointer;
	_cursor:hand
}
#footer li a span{
	padding:0
}
#footer li a:hover{
	text-decoration:underline
}

/* RadMenu Overrides */
.RadMenu ul.rmVertical{
	background:#edebdc;
	border:1px solid #cccdc7;
	position: absolute;
	left:1px !important;
}
.RadMenu .rmSlide{
	margin:0 !important;
	width:auto
}
.RadMenu .rmGroup .rmItem{
	padding:0 !important;
	white-space:normal !important;
	border:0 !important
}
.RadMenu .rmRootGroup .rmItem .rmExpanded .rmText{
	text-decoration:underline !important
}
.RadMenu .rmGroup .rmLink{
	width:144px !important;
 padding: 4px 10px 5px !important;
 color: #1c477d !important;
 font-weight:bold !important;
 text-decoration: none !important;
 cursor:pointer;
 _cursor:hand
}
.RadMenu .rmGroup .rmLink:hover{
	background:#99c563
}
.RadMenu .rmGroup .rmText{
	width:144px !important;
	margin:0 !important;
	padding:0 !important
}

#footer div{
	float:left;
	width:360px;
	display:inline;
	margin:0 0 30px 20px
}
#logoFooter{
	float:left;
}
#footer address{
	float:left;	
	display:inline;
	width:322px;
	margin-left:10px;
	font-style:normal;
}
#footer div p{
	float:left;
	display:inline;
	margin-left:10px
}
/* **************** /Footer Styles **************** */

.rightfloated{
	float:right
}

.hidden-text{
	text-indent:-9999px;
	overflow:hidden
}
.last-item{
	border-right:0 !important;
}
.mainmenu .last-item, .menulist .last-item{
	background:0 !important;
	padding:0 !important;
	border-right:0 !important
}
.footermenu .rmLast{
	border-right:0 !important
}


/* Positioning of Main Navigation */
#topNav{
	float:right;
	display:inline;
	width:705px;
	margin:75px 30px 0 0;
}

/* MAIN MENU LAYOUT */

/* All <ul> tags in the menu including the first level */
.mainmenu{
	float:right
}
.mainmenu, .mainmenu  ul {
 margin: 0;
 padding: 0;
 list-style: none;
 z-index:9999;
 position:relative
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.mainmenu ul {
	display: none;
	width:164px;
	background:#edebdc;
	border:1px solid #cccdc7;
	position: absolute;
	left:1px;
}

/* Second and third etc. level submenus - position across from parent instead */
.mainmenu ul ul {
 top: -1px; margin-top: 0;
 left: 162px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.mainmenu li {
 float: left;
 display: block;
 position: relative;
 padding:0 2px 0 0;
 height:38px;
 line-height:normal;
 margin-right: -1px;
}
.mainmenu ul li {
 float: left;
 display: block;
 height:auto;
 position: relative;
 background:none;
 padding-right:0;
 margin-right: -1px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.mainmenu ul li {
 float: none;
 margin: 0;
 margin-bottom:-1px
}
.mainmenu ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.mainmenu a {
 display: block;
 padding-top:15px;
 width:114px;
 height:23px;
 font-size:12px;
 text-align:center;
 color: #fff;
 text-decoration: none;
 cursor:pointer;
 _cursor:hand;
 background: url(/img/bgMainMenu.gif) repeat-x top;
}
.mainmenu ul li a{
 display: block;
 padding:4px 0 5px 10px;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.mainmenuselected a{
 color: #FFF;
 background-position:bottom;
}
.mainmenuselected ul li a{
 background:none;
 color:#1c477d 
}
.mainmenu a:hover, .mainmenu a.highlighted:hover, .mainmenu a:focus{
 color: #FFF;
 background-position:0 -38px;
}
.mainmenu a.highlighted {
 color: #FFF;
}
.mainmenu ul li a:hover, .mainmenu ul li a.highlighted:hover, .mainmenu ul li a:focus {
 color:#1c477d;
 background:#ffc557;
}
.mainmenu ul li a.highlighted {
 color:#1c477d;
 background:#ffc557;
}


/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .mainmenu a#xyz {
      background-image: url(out.gif);
    }
    .mainmenu a#xyz:hover, .mainmenu a.highlighted#xyz, .mainmenu a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.mainmenu a .subind {
 display: none;
}
.mainmenu ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.mainmenu a {
 float: left;
}
.mainmenu ul a {
 float: none;
}
/* \*/
.mainmenu a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .mainmenu ul li {
 float: left;
 width: 100%;
}

* html .mainmenu ul li {
 float: left;
 height: 1%;
}
* html .mainmenu ul a {
 height: 1%;
}
/* End Hacks */


/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

#logoPrint{
	display:none
}

/* Telerik Overrides */
/* RadGrid */
.RadGrid .rgHeader, .RadGrid th.rgResizeCol{
	background:#99c563 !important;
	border:1px solid #1c477d !important;
	border-width:0 0 1px !important
}
.RadGrid .rgHeader, .RadGrid .rgHeader a{	
	color:#1C477D !important
}
.RadGrid_Sunset .rgRow a, .RadGrid_Sunset .rgAltRow a, .RadGrid_Sunset .rgEditRow a, .RadGrid_Sunset .rgFooter a, .RadGrid_Sunset .rgEditForm a{
	color:#990000 !important
}

#search-results {
	margin:0 0 30px;
}

#search-results input{
	float:left;	
}

#search-results .button{
	float:left;
	background:url(img/btnGo.gif);
	width:72px;
	height:21px;
	text-indent:-9999px;
}

#search-results .RadGrid{
	clear:both;
}
