div #longCourseDialog{ display:none;}
div #shortCourseDialog{ display:none;}

#homeSlide {
background-color:#ffffff;
background-image:url(./images/loading.gif);
background-position:center center;
background-repeat:no-repeat;
height:385px;
left:0;
overflow:hidden;
position:relative;
top:0;
width:890px;
border-top:solid 1px #c0c0c0;
border-bottom:solid 1px #c0c0c0;
}

#homeSlide div {
display:none;
height:400px;
left:0;
overflow:hidden;
position:absolute;
top:0;
width:900px;
}


#homeSlide div img {
border-style:none;
}

#controls { 

background-repeat:no-repeat;
height:30px;
margin:0 0 0 0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:10px;
padding-top:5px;
position:absolute;
top:517px;
width:880px;
background-color:#000000;
}



#controls li {
background-image:url(../../images/controlsLiBg_norpt.png);
background-repeat:no-repeat;
float:left;
height:24px;
margin-right:9px;

overflow:hidden;
width:25px;
}

#control1 {
background-position:0 0;
}
#control1.active {
background-position:0 -24px;
}
#control2 {
background-position:-30px 0;
}
#control2.active {
background-position:-30px -24px;
}
#control3 {
background-position:-60px 0;
}
#control3.active {
background-position:-60px -24px;
}
#control4 {
background-position:-90px 0;
}
#control4.active {
background-position:-90px -24px;
}



/*-drop down controls -*/

/* Basic code - don't modify */
 
 #nav { display: block;  padding: 0; position: relative; left:190px; top:15px; z-index:500; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0  10px 0 10px; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 230px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */
 
#nav {height: 24px; }
#nav *:hover { background-color: none; }
#nav a { font-size:11pt; font-weight:bold; color:#305430;text-decoration: none}
  #nav li.hover a {text-decoration: none; color:#fccc6a;}
  
  #nav ul { top: 25px; }
    #nav ul li a {font-size:10pt; font-weight:normal; background-color: #305430; height:25px; padding: 5px 5px 0 5px; text-align:center; }
      #nav ul a.hover { background-color:#305430; text-decoration:underline;}
   #nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

div.inner-dialog {font-size:12pt;}
div.inner-dialog p{ margin-top:5px; margin-bottom:5px;}
div.inner-dialog li{ margin-left:20px; padding-bottom:5px; }





.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfix {
display:inline-table;
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
.brclear {
clear:both;
font-size:1px;
height:0;
line-height:0;
margin:0;
}