/* NORMALIZE DEFAULT ELEMENTS */
body 
{ 
    position:static;
    text-align:center;            
    color:#666;        
    font:84%/1.22em arial,helvetica,sans-serif; 
    background:#e7e8de;    
}

body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, input, p, th, td, h1, h2, h3, h4, h5 {margin:0;padding:0}
legend{display:none}
fieldset, img{border:none}
ul, ol{list-style:none}
ul.normList{margin:1em 0 0 2em; padding-left:1px;   list-style:disc}
h2{color:#669999; font-size:150%}
a{color:#103D6B; font-weight:bold;text-decoration:none}
a:link{text-decoration:none}
a:hover{text-decoration:underline}

body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

.left{float:left}
.right{float:right}
.clear{clear:both}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both}

.underline{text-decoration:underline}
.copyBlock p{margin-top: .5em}
.copyBlock p:after{content:"."; display:block; height:0; visibility:hidden; clear:both}
.copyBlock h3{clear:both; margin:.5em 0 .5em 0}
.copyBlock img.right{margin-left:.5em}
.copyBlock img.left{margin-right:.5em}
.defList dt{margin-top:1em}
.defList dd ul li
{
    border-left: 1px solid #333;
    display:inline;
    float: expression("left");    
    line-height: 1.1em;
    margin: 0 .5em 0 -.5em;
    padding: 0 .5em 0 .5em;    
}   
.defList dd ul{height:expression("1%") }
.defList dd{width:200px; overflow:hidden;}
.defList dd ul li:first-child{border-left:none}

#doc
{
    margin:1em auto 0 auto;    
    text-align:left;
    width:944px;
}

/* Header */
h1{position:aboslute; display:none}
#logo
{
    float:left;
    display:block;
    position:relative;        
}

/* Site Nav */
#siteNav{float:right}
#siteNav  li
{
    display:inline;
    padding:0 .5em 0 .5em;
    border-right:solid 1px #336666;
    font-weight:bold;
}
#siteNav li.last{border:none}

.boxBody, .boxBody .inner{background:url(/img/boxBody.gif) repeat-y}
.boxBody .inner{margin-left:.5em; padding-right:.5em; background-position: 100% 0}

/* Rounded Boxes */
.boxTop, .boxTop .inner, .boxBottom, .boxBottom .inner, #home .boxBody, #home .boxBody .inner, #tiles li, #tiles li a, #contactForm button, .navHeader{background: url(/img/sprite.gif) no-repeat; margin:0; padding:0; overflow:hidden}

/* Code for resizable boxes */
.boxTop{background-position: 0 top;background-repeat:no-repeat}
.boxTop .inner{margin-left:1em;background-position: 100% top}
.boxBottom{background-position: 0 -19px;background-repeat:no-repeat}
.boxBottom .inner{margin-left:1em;background-position: 100% -19px}
#home  .boxBody{background-position: 0 -48px}
#home .boxBody .inner{margin-left:.5em; padding-right:.5em; background-position: 100% -48px}
.boxBody .inner *{position:relative}

/* Main Content */
#home #mainContent, #tiles{margin-top:1em;width:940px;overflow:hidden}
.boxTop .inner, .boxBottom .inner{height:15px}

/* Home Page*/
#home #mainContent{width:0; overflow:hidden}
#home #mainContent .boxBody .inner{height:389px}
#home #mainContent #mainContentLeft{background:url(/img/circuit.jpg) no-repeat}
#home #mainContent #mainContentLeft, #home #mainContent #mainContentRight{float:left; width:457px;height:100%}
#home #mainContent #mainContentLeft{filter:alpha(opacity=0); -moz-opacity:0; opacity:0}
#home #mainContent #mainContentRight{position:relative; margin-top:-999px; z-index:1; overflow:hidden}
#home #mainContent #mainContentRight h2{margin-top:.5em}
#home #mainContent #mainContentRight .cta{postion:static; font-size:150%; text-align:right}

#servicesList ul{list-style:disc; margin-left:2em}
#servicesList ul li{padding-top:.1em; font-weight:bold; font-size:120%}

/* Tiles */
#tiles{position:relative; overflow:hidden; filter:alpha(opacity=0); -moz-opacity:0; opacity:0}
#tiles li{position:relative; float:left; height:auto; width:200px; height:38px; margin-right:46px; text-align:center }
#tiles li.last{margin-right:0}
#tiles li a{display:block; font-size:120%}

#tiles li, #tiles li a{background-repeat:no-repeat}
#tiles li a{margin-left:.5em; padding:.5em .5em 0 0; height:100%; background-position: 100% 0}

/* Two Column Layout */
.twoCol #leftNav, .twoCol #mainContent{float:left; margin-top:1em}
.twoCol #leftNav{width:200px}
.twoCol #mainContent{width:730px}
.twoCol #mainContent .boxBody  .inner{min-height:300px; _height:300px; padding:0 1em 0 1em}

/* Left Navigation */
.twoCol #leftNav{margin-right:.5em}
.navHeader{width:198px; height:22px; background-position:0 -449px; color:#fff; font-weight:bold; font-size:130%; padding-top:.2em; padding-left:.5em}
.twoCol #leftNav ul{padding:0 .5em 0 .5em}
.twoCol #leftNav ul li{margin-top:.25em; padding:0 0 .25em 1em; background:url(/img/leftnav.gif) no-repeat 0 .35em; border-bottom:dotted 1px #999; font-weight:bold}
.twoCol #leftNav ul li.down.on{background:url(/img/leftnavDownOn.gif) no-repeat 0 .35em}
.twoCol #leftNav ul .on{background:url(/img/leftnavOn.gif) no-repeat 0 .35em}
.twoCol #leftNav ul ul li {border:none}


/* Contact Us */
#contactForm {background-color:expression("#fff")}
#contactForm  a{color:#103D6B}
#contactForm{margin-left:.5em}
#contactForm label{display:block;font-weight:bold}
#contactForm input{width:445px}
#contactForm textarea, #contactForm .buttonGroup{overflow:auto;width:500px}
#contactForm button{background-position:-213px -452px; width:80px; height:21px; margin-left:.5em; padding:0; border:0; color:#fff; font-weight:bold }
.buttonGroup{text-align:center}
.error{position:absolute; color:#FF0000; top:-.5em; line-height:1em; -moz-opacity:0; fiter:alpha(opacity:0); opacity:0}
.req{color:#FF0000}

/* Footer */
#ft{margin-top:2em; text-align:center; font-weight:bold}
#ft ul li{width:100%}
#ft .contactInfo li{display:inline; border-right:solid 1px #666; padding-right:.5em; margin-left:.5em  }
#ft .contactInfo li.last{border:none}

#loadingDlg {visibility:hidden; background:#fff url(/img/loading.gif) .5em .5em no-repeat; width:260px; height:35px; padding:.5em .5em .5em 3em; font-size:100%; font-weight:bold; border:solid 1px #333 }

#courseDetails ul{list-style:disc;margin:.5em 0 0 2em}
#courseDetails ul li{padding-top:.1em}
#courseDetails {margin-top:.5em}
/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http:/developer.yahoo.net/yui/license.txt
Version 0.11.0
*/

.overlay {
    
    margin-left:auto;
    margin-right:auto;
	display:block;    
}

.tt {
	visibility:hidden;	
	color:#333;
	background-color:#FDFFB4;
	font-family:arial,helvetica,verdana,sans-serif;
	padding:2px;
	border:1px solid #FCC90D;
	font:100% sans-serif;
	width:auto;
}

* html body.masked select {
	visibility:hidden;
}

* html div.panel-container select {
	visibility:inherit;
}

.mask {
    z-index:0;   
    display:none;
    position:absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
    background-color:#CCC;
}
    
.panel-container {
	
	background-color:none;
	z-index:6;
	visibility:hidden;
	overflow:visible;
	width:auto;
}

.panel-container.matte {
	padding:3px;
	background-color:#FFF;
}

.panel-container.matte .underlay {
	display:none;
}

.panel-container.shadow {
	padding:0px;
	background-color:transparent;
}

.panel-container.shadow .underlay {
	visibility:inherit;
	position:absolute;
	background-color:#CCC;
	top:3px;left:3px;
	z-index:0;
	width:100%;
	height:100%;
    -moz-opacity: 0.7;
    opacity:.70;
    filter:alpha(opacity=70);
	zoom:1;
}