/*****************************
	BACKGROUNDS
*****************************/

.border-bg {
    background-color: #9D9D9D;        
}

.body-bg {
    background-color: #ffffff;  
    background-image: url(/htdocs/ics-edu.com/wwwroot/atweb/site/images/wall_image.jpg);
    background-repeat: repeat-x;
    background-position: top;
}

/* same color as body-bg */
.footerpane-bg-welcomescreen {
    background-color: #000000;
}

body {
	font-family: arial, sans-serif;
	scrollbar-face-color:#E9EAE2;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-3dlight-color:#A4A694;
    scrollbar-shadow-color:#A4A694;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-track-color:FFFFFF;
    scrollbar-arrow-color:A4A694;
}
/*****************************
	PANES
*****************************/

.headerpane-bg {
    background-color: #FFFFFF
}

.toppane-bg {
    background-color: #FFFFFF;
}

.bottompane-bg {
    background-color: #FFFFFF;
}

.leftpane-bg {
    background-color: #F0EFEA;
}

.contentpane-bg {
    background-color: #FFFFFF;
}

.rightpane-bg {
    background-color: #FFFFFF;
}

.footerpane-bg {
    background-color: #FFFFFF;
}

.column1pane-bg {
    background-color: #F0EFEA;
}

.column2pane-bg {
    background-color: #FFFFFF;
}

.menuhpane-bg {
    background-color: #FFFFFF;
}

.menuvpane-bg {

}

/*****************************
	LINKS
*****************************/

.link-menu-h {
    font-weight: none; font-style: none; font-size: 11px; color: #0050c9; text-decoration: none
}
.link-menu-h:hover {
    font-weight: none; font-style: none; font-size: 11px; color: #0342a2; text-decoration: underline
}

.link-menu-v {
    font-weight: none; font-style: none; font-size: 12px; color: #FFFFFF; text-decoration: none
}
.link-menu-v:hover {
    font-weight: none; font-style: none; font-size: 12px; color: #b6d1f9; text-decoration: none
}

.link-text {
    font-weight: none; font-style: none; font-size: 12px; color: #0080DB; text-decoration: underline
}
.link-text:hover {
    font-weight: none; font-style: none; font-size: 12px; color: #7DB337; text-decoration: none
}

.link-footer {
    font-weight: none; font-style: none; font-size: 10px; color: #6D6F71; text-decoration: none
}
.link-footer:hover {
    font-weight: none; font-style: none; font-size: 10px; color: #B3B3B3; text-decoration: none
}

.link-header-core {
    font-weight: none; font-style: none; font-size: 10px; color: #090B63; text-decoration: none
}
.link-header-core:hover {
    font-weight: none; font-style: none; font-size: 10px; color: #5797EE; text-decoration: none
}

.link-welcome-screen {
    font-weight: bold; font-style: none; font-size: 11px; color: #335EB6; text-decoration: none
}

/*****************************
	TEXT
*****************************/

.text-page-title {
    font-weight: bold; font-style: none; font-size: 17px; color: #0117ab; text-decoration: none
}

.text-page-subtitle {
    font-weight: bold; font-style: none; font-size: 14px; color: #1b5dd3; text-decoration: none
}

.text-paragraph-title {
		line-height: 20px; font-weight: bold; font-style: normal; font-size: 13px; color: #1B79E2; text-decoration: none
}

.text-fineprint-core {
    font-weight: normal; font-style: none; font-size: 10px; color: #6D6F71; text-decoration: none
}

.text-footer {
    font-weight: normal; font-style: none; font-size: 10px; color: #B3B3B3; text-decoration: none
}

.text-date {
    font-weight: normal; font-style: none; font-size: 12px; color: #1B79E2; text-decoration: none
}

.text-body {
		line-height: 20px ; font-weight: normal; font-style: none; font-size: 12px; color: #434551; text-decoration: none
}

.text-asterisk {
		font-weight: bold; font-style: none; font-size: 14px; color: #FF0000; text-decoration: none
}

.text-body02 {
		line-height: 20px ; font-weight: normal; font-style: none; font-size: 13px; color: #111110; text-decoration: none
}

.text-body03 {
		line-height: 20px ; font-weight: normal; font-style: none; font-size: 12px; color: #0080DB; text-decoration: none
}

.text-body04 {
		line-height: 20px ; font-weight: bold; font-style: none; font-size: 16px; color: #f38b41; text-decoration: none
}

/********************************
					MENU
*********************************/

.menu01 {
    font-weight: normal; font-style: none; font-size: 12px; color: #1D7FD8; text-decoration: none
}
.menu01:hover {
   font-weight: normal; font-style: none; font-size: 12px; color: #039340; text-decoration: none
}

/*****************************
	FORM
*****************************/
.form-table-header {
    background-color: #EEF8FD; color: #434551; font-size: 12px; font-weight: normal; text-decoration: none;
}
.form-table {
    background-color: #EEF8FD; color: #434551; font-size: 12px; font-weight: normal; text-decoration: none;
}    

/********************************
	       TEXT-LIST
*********************************/

.text-body-list {
		font-weight: normal; font-style: none; font-size: 10px; color: #1C471A; text-decoration: none
}

.link-menu-v-sub {
    font-weight: none; font-style: none; font-size: 11px; color: #6680B9; text-decoration: none
}
.link-menu-v-sub:hover {
    font-weight: none; font-style: none; font-size: 11px; color: #AEC5F9; text-decoration: none
}

.text-body-column {
		 background-color: #E6E6E6; font-weight: normal; font-style: none; font-size: 11px; color: #1C471A; text-decoration: none
}

.link-text02 {
    font-weight: none; font-style: none; font-size: 15px; color: #0080DB; text-decoration: underline
}
.link-text02:hover {
    font-weight: none; font-style: none; font-size: 15px; color: #7DB337; text-decoration: none
}


/* menu-h */



#menu-horizontal {
  float: left;
	width: 100%;
  height: 30px;
  position: relative;
  margin: 0px 0 0 0px;  
}

/* 1st-level lists */	
#nav ul, 
#nav li {
  float: left;
	margin: 0;
	padding: 0;	
	list-style: none ;
	font-size: 11px;	
	position:relative; /* 1st Level menu display one by one */
}
	


/* 2nd-level lists */	
#nav li ul {
	position: absolute;
	left: auto; 
	top:auto;
	margin-top: 2.7em; /*Distant in between 1st & 2nd Level */
	display: none; /* when in 1st Level menu, display none on the sub menu */
}
  	
/* Styles for Menu Items */
ul#nav li a,
ul#nav li span {
	display: block;
	text-decoration: none;
  color: #0080DB;
  font-weight: underline;
  /*background:  #E1E1E1 url(images/menu-h/nav-bg-on.jpg) repeat-x top left;*/
  padding: 8px 30px 8px 30px;
  float:left;
  white-space:normal;
  border-left: 1px solid #B9B9B9;	
 /* border-top: 1px solid #425ADE; */
 /* border-left: 1px solid #001676; */
 /* NO HEIGHT because diff display in IE & Firefox*/	
}	

/* display arrows in deeper lever of menu */
#nav li ul li.sub a, 
#nav li ul li.sub ul li.sub a,     	
#nav li ul li.sub span,
#nav li ul li.sub ul li.sub span {
	background: url(images/menu-h/nav-arrow.gif) no-repeat 100% 50%;
}
/*hide arrows on non expand menu every level */
#nav li ul li.sub ul li a,
#nav li ul li.sub ul li.sub ul li a 
{
	background: none;
}


/*2nd Level BOX DESIGN*/	
#nav li ul{
  width:150px; 
  border:1px solid #DFDFDF;
  border-bottom:none;
  background:#D5D5D5 url(images/menu-h/nav-bg.jpg) repeat-x top left; 
}

/*3th Level BOX DESIGN*/
#nav li ul li{
  font-size: 11px;
  font-weight: normal;
  float:none;
  border-bottom:1px solid #868686;
}

#nav li ul a{
  font-size: 11px;
  font-weight: normal;
  float:none;
  border:none;
  position:relative; 
  padding:5px; 
}


/* 1st-level hovered lists */	
#nav li.current a,
#nav li:hover a,
#nav li.sfhover a {
   color: #0080DB;
	 text-decoration: underline;
}

/* this sets all hovered lists to red and current item */
#nav li:hover li:hover a,
#nav li.sfhover li.sfhover a,
#nav li:hover li:hover li:hover a,
#nav li.sfhover li.sfhover li.sfhover a,
#nav li:hover li a:hover,
#nav li.sfhover li a:hover,
#nav li:hover li:hover li:hover a:hover,
#nav li.sfhover li li a:hover,
#nav li:hover li:hover li:hover li:hover a:hover,
#nav li.sfhover li.sfhover li.sfhover li.sfhover a:hover {
   color: #fff;
	 background: #008AFF url(images/menu-h/nav-hov.jpg) repeat-x top left;	 
}

/* set dropdown to default */
#nav li:hover li a,#nav li.sfhover li a,
#nav li:hover li:hover li a,#nav li.sfhover li.sfhover li a,
#nav li:hover li:hover li:hover li a,#nav li.sfhover li.sfhover li.sfhover li a
 {
    color: #0080DB;
		background: #DFDFDF url(images/menu-h/nav-bg.jpg) repeat-x top left;
		text-decoration: none;
}
ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li.sfhover ul ul, ul#nav li.sfhover ul ul ul {
display:none;
}
ul#nav li:hover ul,ul#nav li.sfhover ul{	
	display:block;	
	top:0;
	left:0;
}

ul#nav li li:hover ul,ul#nav li li li:hover ul,ul#nav li li.sfhover ul,ul#nav li li li.sfhover ul {
	margin-left:100%; /*in between width drop menu left right side*/
	display:block;	
	top:-4.0em
	
	
}
/*  match the alignment in different between of IE & Firefox */
ul li{position:relative;}	
li ul {left:0;top:0;}
* html ul#nav li li:hover  ul, 
* html ul#nav li li.sfhover ul{
	margin-left:97%;}

* html ul li a{height:1%;}
* html li ul li a {
	margin-left:-160px;
	height:auto;
	margin-left:0;
	voice-family: "\"}\""; voice-family:inherit; 
}
* html li ul li a{height:1px;	width:1px;he\ight:auto;w\idth:auto}