html{height:100%}
html>body #PortalBorder {height:auto}/*for mozilla */

.TabList {
    font-size:75%;
}
#nav ul {
    padding:0;
    margin:0;
    list-style:none;
    float:left;
    width:14.5em;
    background-color: transparent;
}

#nav li {
  position: relative;
  float:left;
  line-height : 1.25em;
  width: 14em;
  list-style: none;
}

#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
    background-color:#d8edfb;
  	margin:-1.9em 0 0 14em;
	border:1px solid #333;
}

#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
    background-color:#d8edfb;
  	border:1px solid #333;
}

#nav a {
    font-size:1.4em;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:black;
	display:block;
  	height:33px;
  	width:206px;
    text-decoration:none;
	text-align:left;
    padding : 7px 0 0px 20px;
    border:0 px solid #d8edfb;
    background-image:URL(IT195-Vertical.gif);
}
#nav li a:hover {
  height:33px;
  width:206px;
  border:0px solid #333;
  background-image:URL(IT195-VerticalSel.gif);
  color:#000;
}
#nav li.SelectedTab a {
    font-weight:bold;
    background-image:URL(IT195-VerticalSel.gif);
    color:#000;
}
#nav .DisabledTab {
    color:#ccc;
}
/*no need to change these hover classes unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.iehover ul, 
#nav li li.iehover ul, 
#nav li li li.iehover ul {
	left: auto;
}


#navContainerBorder {
    background-color:white;
    padding:0px;
    border:0px solid #333;
    height:30em;
}
#navContainer {
   border:0px solid #333;
   background-color: transparent;
   height:30em;
   width:206px;
   vertical-align:top;
   padding:1px 0px 0px 0px;
}
.LeftPane {
	border-width:0 0 0 0;
	padding: 0 0 0 0;
	margin:0 0 0 0;
	vertical-align:top;
	width: 206px;
}
.RightPane {
	border-width:0 0 0 0;
	padding: 0 10px 0 0;
	margin:0 0 0 0;
	vertical-align:top;
	width: 215px;
	text-align:right;
}


.ContentPane {
	padding:0 10px 0 10px;
	vertical-align:top;
}

.banner {
	background-image:url(pre_header.jpg);
	width:972px; 
	height:144px; 
	vertical-align:top; 
	border-width:0px; 
	background-repeat:no-repeat;
}

.navbar {
	width:972px; 
	padding-left:30px; 
	vertical-align:middle; 
	height:32px; 
	background-image:url('IT195-nav.gif'); 
	background-position:left; 
	background-repeat:no-repeat;}

.stretch {
	background-image:url('IT195-stretch.gif'); 
	border-width:0; 
	background-repeat:repeat; 
	background-position:left; 
}

.bar {
	width:972px; 
	height:13px; 
	vertical-align:top; 
	background-image:url('IT195-bar.gif'); 
	background-repeat:no-repeat; 
	background-position:left top;

}

.cert {
	background-image:url('cert.gif');
	background-position:left top;
	background-repeat:no-repeat;
	height:49px;
	width:972px;
}

.bottomBar {
	background-image: url('bottomBar.gif');
	background-position: left top;
	background-repeat: no-repeat;
	height: 83px;
	width: 972px;
}
.Links {
	text-align: center;
	vertical-align:middle;
	color:#EE7D11;
}

.Links a {
	vertical-align:middle;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 8pt;
	color:#EE7D11;
}

.Links a:hover{
	color:#EE7D11;
	text-decoration:none;
}

.links a:visited {
	
	color:#EE7D11;
}

.dnnLogin {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 10pt;
	text-decoration:none;
	color:white;
}

.dnnLogin:link {
	color:white;
}

.dnnLogin:hover {
	color:#EE7D11;
	text-decoration:none;
}

.dnnLogin:visited {
	color:white;
}

.dnnUser {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 10pt;
	text-decoration:none;
	color:white;
}

.dnnUser:link {
	color:white;
}

.dnnUser:hover {
	color:#EE7D11;
	text-decoration:none;
}

.dnnUser:visited {
	color:white;
}

.VT {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12pt;
	font-weight:bold;
	color:black;
	width: 206px;
	height: 33px;
	background-image:url(IT195-vt_nm.gif);
	background-repeat:no-repeat;
	white-space: nowrap;
	position:relative;
}
.VT Span {
	display:block;
	color: black;
	font-size:12px;
	text-decoration:none;
	cursor:hand;
	position: absolute;
	top: 8px;
	left: 22px;
}

.VT a {
	display:block;
	color: black;
	font-size:12px;
	width:206px;
	height:33px;
	text-decoration:none;
}

.VT a:hover {
	
	text-decoration:none;
	background-image:url(IT195-vt_hv.gif);
}


.VT2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12pt;
	font-weight:bold;
	color:black;
	width: 206px;
	height: 33px;
	background-image:url(IT195-vertical.gif);
	background-repeat:no-repeat;
	position:relative;
}
.VT2 Span {
	display:block;
	color: black;
	font-size:12px;
	text-decoration:none;
	cursor:hand;
	position: absolute;
	top: 8px;
	left: 22px;
}

.VT2 a {
	display:block;
	color: black;
	font-size:12px;
	width:206px;
	height:33px;
	text-decoration:none;
}

.VT2 a:hover {
	text-decoration:none;
	background-image:url(IT195-VerticalSel.gif);
}

/*  NavMenu Horizontal styles start here */

#navHContainer {
    position:absolute;
    left:400px;
    top:110px;
    display:block;
    width:100%;
}
#navH ul {
    padding:0;
    margin:0;
    list-style:none;
    float:left;
    width:auto;
    background-color: transparent;
    z-index:1;
}

#navH li {
  position: relative;
  float:left;
  line-height : 1.25em;
  width: auto;
  list-style: none;
  z-index:2;
}

#navH li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	width:13em;
    background-color: black;
	border:1px solid #EE7D11;
	display:block;
	z-index:3;
}


#navH li ul li{
	display:block;
	z-index:4;
}

#navH li ul li a {
	height:25px;
	display:block;
	padding:5px 0 0 15px;
}

#navH li ul li a:hover {
	display:block;
	height:25px;
		z-index:4;
}

#navH li ul li a:active {
	display:block;
	height:25px;
		z-index:4;
}


#navH a {
    font-size:1.15em;
    font-family:Arial, Helvetica, sans-serif;
	display:block;
    text-decoration:none;
    text-align:left;
    font-weight:bold;
    width: auto;
    padding :2px 10px 2px 0px;
    color: white;
    border:0px solid #809DF9;
    background-color: transparent;
}
#navH li li a {
    width:12em;
}

#navH li a:hover {
  background-color: transparent;
  border:0px solid #809DF9;
  color:#EE7D11;
}
#navH li.SelectedTab a {
    font-size:1.25em;
    background-color: transparent;
    color: #EE7D11;
}
#navH .DisabledTab {
    color:#ccc;
}
/* no need to change these hover classes 
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;
}

#navH li:hover ul, 
#navH li.iehover ul {
	top: 1.4em;
	left:0;
}
#navH li li:hover ul,
#navH li li li:hover ul,
#navH li li.iehover ul,  
#navH li li li.iehover ul {
	top: 0;
	left:12.8em;
}

#navHContainerBorder {
    background-color:white;
    padding:2px;
    border:1px solid #333;
    height:30em;
}