/* CSS Document */

/*home*/
body,
html {
    margin:0;
    padding:0;
	background:#3d3d3d;
    }
	
	
#squares{
	background:#3d3d3d url(/images/sq_bg.gif) repeat top left;
	width:100%;
	height:76px;
	margin:0;
	padding:0;
	position:relative;
	top:49px;
	z-index:0;
	}


#page_wNumbers {
		background: transparent url(/images/numbers_bg.gif) repeat-y top left;
		width: 840px;
		margin: auto;
		position:relative;
		left:-20px;
		top:-237px;
		padding:0;
		z-index:7;
	}
	
#page_container {
		background: transparent;
		width: 800px;
		float:right;
		padding:0px 0px 0px 0px;
		margin:0 0 0 40px;
		top:-237px;
		z-index:10;
	}
	
	
#leftSide {
    background:transparent;
    width:115px;
	float:left;
    }
	
	
#main_inside {
    background: #5c5c5c;
    width:685px;
	float:left;
    }


#top_bar {
    background:#292929;
    width:100%;
	height:35px;
	padding:0;
	margin:auto;
	position:relative;
	z-index:25;
	}
	
#top_container {
	margin: auto;
	width: 800px;
	height:35px;
	padding:0;
	background:transparent;
	position:relative;
	z-index:50;
}

/* NAV styles */


#mainNav_container {
	float: left;
	width:685px;
	height:35px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	background: transparent;
	z-index:75;
}

.menu_title_teal {
	font: normal 13px Tahoma, Verdana, Arial, Geneva, sans-serif;
	color:#85a5a6;
	line-height:15px;
	text-decoration: none;
	padding:17px 5px 0 0;
	float:right;
}

.menu_title_ltblue {
	font: normal 13px Tahoma, Verdana, Arial, Geneva, sans-serif;
	color:#c2f1f2;
	line-height:15px;
	text-decoration: none;
	padding:17px 5px 0 0;
	float:right;
}


.navmenubg {
font: normal 11px Tahoma, Verdana, Arial, Geneva, sans-serif;
line-height:15px;
color:#feffef;
text-align:right;
text-decoration: none;
padding:5px;
margin:0;
}

.navmenubg-on {
font: normal 11px Tahoma, Verdana, Arial, Geneva, sans-serif;
line-height:15px;
color:#feffef;
text-align:right;
text-decoration: none;
padding:5px;
margin:0;
}

.navmenubg2 {
font: normal 11px Tahoma, Verdana, Arial, Geneva, sans-serif;
line-height:15px;
color:#488282;
text-align:right;
text-decoration: none;
padding:5px;
margin:0;
}

.navmenubg2-on {
font: normal 11px Tahoma, Verdana, Arial, Geneva, sans-serif;
line-height:15px;
color:#488282;
text-align:right;
text-decoration: none;
padding:5px;
margin:0;
}

.navmenubg3 {
font: normal 11px Tahoma, Verdana, Arial, Geneva, sans-serif;
line-height:15px;
color:#316d6d;
text-align:right;
text-decoration: none;
padding:5px;
margin:0;
}

.navmenubg3-on {
font: normal 11px Tahoma, Verdana, Arial, Geneva, sans-serif;
line-height:15px;
color:#316d6d;
text-align:right;
text-decoration: none;
padding:5px;
margin:0;
}

/* main section styles */

#main_above_image{
	background:#5c5c5c url(/images/ICSciences_co.jpg) no-repeat top right;
	width:685px;
	height:54px;
	margin:0;
	padding:0;
	}
	
#callout_box {
	width:179px;
	height:156px;
	margin:0;
	padding:0;
	position:relative;
	top:419px;
	left:48px;
	z-index:200;
	}
	
#callout_box_none {
	width:179px;
	height:156px;
	margin:0;
	padding:0;
	position:relative;
	top:419px;
	left:48px;
	z-index:200;
	}
	
.callout_text {
 	font: bold 10px/2 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #feffef;
	padding:20px;
	margin:0;
	}
	
.callout_text2 {
 	font: bold 10px/2 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #292929;
	padding:20px;
	margin:0;
	}
		
#main_image{
	background:#5c5c5c;
	width:685px;
	height:76px;
	margin:0;
	padding:0;
	z-index:10;
	}
	
#ics_link{
	position:relative; 
	left:555px; 
	top:-105px; 
	z-index:5;
	}
	
#for_title{
	background:#5c5c5c;
	width:685px;
	height:133px;
	margin:0;
	padding:0;
	}
	
.sub_header {
 	font: normal 15px/2 Tahoma, Verdana, Arial, Geneva, sans-serif;
	letter-spacing:1px;
	padding:0 20px 5px 0;
	margin:0;
	}
	
#for_text{
	background:transparent;
	width:548px;
	margin:0;
	padding:0;
	float:right;
	}
	
.subhead {
 	font: normal 14px/2 Georgia, Times,serif;
	color: #c2f1f2;
	padding:0 30px 0 0;
	margin:0;
	}
	
.text {
 	font: normal 11px/2 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #dadada;
	padding:0 30px 0 0;
	margin:0;
	}
	
text_list ul{ 
  padding:0 30px 0 0;
  margin: 0;
  type: disc;
  list-style:outside;
 }
      
.text_list li {  
  font: normal 11px/1.25 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #dadada;
	padding:10px 30px 0 0;
	margin:0;
  }
  
.text_list a {
 	font: normal 11px/1.75 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #dadada;
	padding:0;
	margin:0;
	text-decoration:underline;
	}
	
.text_list a:hover {
 	font: normal 11px/1.75 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #dadada;
	padding:0;
	margin:0;
	text-decoration:underline;
	}
	
.text2 {
 	font: normal 11px/1.75 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #dadada;
	padding:0 30px 0 0;
	margin:0;
	}

	
.text2 a {
 	font: normal 11px/1.75 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #dadada;
	padding:0;
	margin:0;
	text-decoration:underline;
	}
	
.text2 a:hover {
 	font: normal 11px/1.75 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #dadada;
	padding:0;
	margin:0;
	text-decoration:underline;
	}
	
	
#printer_friendly {
	/*background:transparent url(/images/printer_friendly.gif) no-repeat bottom left;*/
	width:548px;
	height:35px;
	margin:0;
	padding:0;
	float:left;
	}
	

/*bottom bar*/

#bottom_blkbar {
    background:#000;
    width:100%;
	height:35px;
	padding:0;
	margin:auto;
	position:relative;
	top:-237px;
    }
	
#bottom_container {
	margin: auto;
	width: 800px;
	height:35px;
	padding:0;
	background:transparent;
	position:relative;
}


.bottomPlain {
 	font: normal 11px/1.5 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #c1baa1;
	padding:10px 0 0 0;
	margin:0;
	}
	
.bottomText {
 	font: normal 11px/1.5 Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #c1baa1;
	padding:10px 0 0 0;
	margin:0;
	text-decoration:none;
	}
	
.bottomText a {
 	font: normal 11px/1.5 Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #c1baa1;
	padding:10px 0 0 0;
	margin:0;
	text-decoration: none;
	}
	
.bottomText a:hover {
 	font: normal 11px/1.5 Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #c1baa1;
	padding:10px 0 0 0;
	margin:0;
	text-decoration:underline;
	}
	



/**************** menu coding *****************/
#menu {
width: 685px;
background: #ccc;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 137px;
float: left;
}

/*START nav color 1*/
#menu a, #menu h1 {
font: bold 12px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #efeccb #efeccb #efeccb #efeccb;
margin: 0;
padding: 17px 5px 0px 0px;
text-align: right;
}

#menu h1 {
color: #93998f;
background: #efeccb;

}
/*END nav color 1*/

/*START nav color 2*/
#menu a, #menu h2 {
font: bold 12px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #c1f1f1 #c1f1f1 #c1f1f1 #c1f1f1;
margin: 0;
padding: 17px 5px 0px 0px;
text-align: right;

}

#menu h2 {
color: #86a5a7;
background: #c1f1f1;

}
/*END nav color 2*/


/*START nav color 3*/
#menu a, #menu h3 {
font: bold 12px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #86a5a7 #86a5a7 #86a5a7 #86a5a7;
margin: 0;
padding: 17px 5px 0px 0px;
text-align: right;

}

#menu h3 {
color: #c1f1f1;
background: #86a5a7;

}
/*END nav color 3*/



/*START nav color 4*/
#menu a, #menu h4 {
font: bold 12px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #788c8a #788c8a #788c8a #788c8a;
margin: 0;
padding: 2px 3px;
text-align: right;

}

#menu h4 {
color: #fff;
background: #788c8a;

}
/*END nav color 4*/


/*START nav color 5*/
.menu a, #menu h5 {
font: bold 12px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #788c8a #788c8a #788c8a #788c8a;
margin: 0;
padding: 17px 5px 0px 0px;
text-align: right;

}

#menu h5 {
color: #9fc4c6;
background: #788c8a;

}
/*END nav color 5*/


/*START nav color 6*/
.menu a, #menu h6 {
font: bold 12px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #316d6d #316d6d #316d6d #316d6d;
margin: 0;
padding: 17px 5px 0px 0px;
text-align: right;

}

#menu h6 {
color: #85a4a6;
background: #316d6d;

}
/*END nav color 6*/



#menu a {
font: 12px/16px arial, helvetica, sans-serif;
color: #fff;
background: #000;
text-decoration: none;
border-color: #333333 #333333 #333333 #333333;
}

#menu a:hover {
color: #000;
background: #959595;
}


#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}