/* <---
Fonts-Georgia for headers and larger text 
Trebuchet MS for body text
Colors- #333 (dark grey) text on #fff(white) background
---> */
/* 
<---1em  = 100% = 16px = 12pt---> 
*/			   
/* 
<---reset default styles---> 
*/

html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,p,blockquote,th,td{
  margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{
  font-size:100%; font-style: normal; }
ul,ol{list-style: none;}
table{
  border-collapse: collapse; border-spacing: 0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
fieldset,img{border:0}
caption,th{text-align:left;}

q:before, q:after{content:'';}

/*<--- --->*/
html{font-size: 100%} /*to get a gradual increase in IE; without which the increase would be out of whack*/
html{border-top: 0.1875em solid #000}
body{
  font: 1em/1.45 'Trebuchet MS',Trebuchet, Arial, sans-serif; color:#333;}
h1,h2,h3,h4{
  font-family: 'Palatino Linotype',Palatino,Georgia, Times, serif}
h2{text-decoration:underline}
h3{border-bottom:1px dotted #000; margin:1.5em 0 0.75em}
p{margin:1.45em 0;}
.Summary li{font-size: 0.875em}
#links li{font-size:0.75em}
#container{
   width:47.5em; margin:0.625em auto 0; padding:0 0.3125em;}
img.size{width:47.5em}
#header{position:relative}
#header h4{font:0.625em arial}
#header img{
  position:absolute; top:0; left:16.25em; height:3.75em; width:2.75em;z-index:-9}
  
ul#links{
  position:absolute;top:0.9375em; right:0; font-weight:noraml; font-size: 1em}   
ul#links li{
  display:inline;margin:0; }
#links a{
  text-decoration:none;color:#666; }   
#links a:hover,#links a.active:active{
  padding:3em 0em 0; background:#ffc802; color:#000}    
#content{margin-top: 1.5em}
#ourView{
  position:relative;background:#000; color:#eee;height:11.875em}
#ourView h2{
  text-align:center;font-size:1.1em; margin-right:11em;padding:0.625em 0.625em; text-decoration:none; line-height:1.4em}
#ourView img{
  position:absolute; right:0; top:0;height:11.875em; width:11.875em}
#content .marginbottom{ padding-top:1.25em}

ul.Summary{
  float:left; width:14.9em; margin: 0 0 1.25em 0.9375em}
ul.Summary li+li{
  background:url(../imgs/icon/arrow_right.gif) no-repeat 0 0.365em; padding-left:0.9375em} 
ul.Summary h3{
  text-decoration:underline; border-bottom:0}
ul li.noStyle{ 
  list-style-type:none; margin-left: 0}
.Summary a,.Summary a:link,.Summary a:visited,
.Summary a:hover,.Summary a:focus,.Summary aactive 
  {color:#333;text-decoration:none;}
ul.clientInfo{margin:0 0.625em 0 0}
ul.indyTraining{margin:0 0.625em}
ul.courses{margin:0 0 0 0.625em}  
#home .logos{padding-top:2.45em}
#home .logo img{ margin:0 auto} 
#home .logos .nrtLogo,
#home .logos .tacLogo{margin-left:9.25em}
img.nrtLogo{width:8.375em}
img.tacLogo{width:10.625em}


#clientInfo{text-align:left}
blockquote{ 
  background: #FF6; margin: 2em 1em} 
#news ol{
  list-style-type: decimal;margin-left:3em;margin-top:0.625em}
.clearfix{clear:both}
 
/*<--- training courses table --->*/
table{
  border-collapse:separate; border-spacing: 0.1875em; margin-top: 1.45em; font-size: 0.825em}
th{
  background:#ccc;border-top:2px solid #000;border-bottom:1px solid #000}
td{
  padding:0.125em; border:1px solid #ccc}
.left{width:7.5em}
.right{width:25em }

.empty{background: #eee}
.empty td{border:0}
/*<--- table ends--->*/

/*<!--- --->*/
ul.otherCourses  h4 { margin: 1.5em 0 0 -2em}
ul.otherCourses li{
  margin-left:2.5em;list-style-type: disc}
ul li.noListStyle{list-style-type:none}
.key{
  font-size:0.6875em;border-left: 1px solid #000;margin-left:2.5em;padding-left:1.5em;background:#FF6}
td a,td a:link,td a:visited,table a:hover,td a:active{text-decoration:none; color:#333}
td a[href ="#"] {font-weight:bold }
/*<!--- --->*/

#contact p{margin:0;padding:0}
#footer{
  margin-top:3em;font-size:0.6875em; color:#999;border-top:1px solid #bbb; text-align:center}
#footer p{margin:0; padding:0}