body {
  font-size: 100%; 
  font-family: arial, helvetica, serif;
  text-align: center;
  padding: 0em;
  margin: 0em;
  background: #000066;
  background-repeat: repeat;

}

.isd #container {
  padding: 0;
  margin: 0 auto;
  width: 1000px;
  text-align: left; /* this overrides the text-align: center on the body element. */
}

.isd #header {
	padding:2em 0 0  0 ;
	background: url("images/Common/header.jpg") no-repeat center;
}

.isd #menu {
	font-size: 1.0em;
	text-align:center;
	padding:5.5em 0em 1.5em 3.625em;
}

/*--------->Top level: the tiles<--------------*/

.isd #tiles, 
.isd #tiles ul {
	list-style: none;
	padding: .125em 0 0 0;
	margin: 0;
	}

.isd #tiles li {
	float: left;
	padding-left: .475em;
	background: #66CCFF url("images/Common/left_both.gif") no-repeat left top;
	border-left:1px solid #66CCFF;
	border-right:1px solid #66CCFF;
	line-height: .825em;
}

.isd #tiles a {
	display: block;
	color: #333;
	text-decoration: none;
	background: #00CCFF url("images/Common/right_both.gif") no-repeat right top;
	padding: 0.4em .475em 0.4em 0em;
	paddin\g: 0.4em .475em 0.4em 0em;
	color: #ffffff;
}

.isd #menu li:hover, 
.isd #menu li.sfhover{
		background-position: 0% -148px;
		}
		
.isd #menu li:hover a, 
.isd #menu li.sfhover a {
		background-position: 100% -148px;
		color: #000000 ;
		}

/*------------->Second level: the drop-down list<--------------*/

.isd #tiles li ul {
	position: absolute;
	left: -999em;
	width: 13em;
	w\idth: 13em;
	color: #000;
	background: #0099FF;
	line-height: 1em;
	border: 1px solid #999999;
	}

/*Menu level 2*/

.isd #tiles li.daddy {
	background: url("images/Common/rightarrow.gif") 95% 50% no-repeat;
	}

.isd #tiles ul.left li.daddy {
	 background: url("images/Common/leftarrow.gif") 5% 50% no-repeat;
	 padding-left: 2em;
	 }

.isd #tiles li ul li {
	width: 12em;
	w\idth: 12em;
	background: transparent;
	border: 1px solid #000000 ;
	text-align: left;
	}

.isd #tiles li ul.left li {
	width: 12em;
	w\idth: 12em;
	padding-left: 1em;
	}

.isd #tiles li ul li a{
	background: transparent;
}

/*Menu level 3*/

.isd #tiles li ul ul li {
	width: 9em;
	w\idth: 9em;
	background: transparent;
	border: 1px solid #000000 ;
	text-align: left;
	}

.isd #tiles li ul ul {
	width: 10.125em;
	w\idth: 10.125em;
	margin: -1.5em 0 0 12em;
	mar\gin: -1.5em 0 0 12em;
	border: 1px solid #999;
}

.isd #tiles li ul.left ul {
	margin-left: -11em;
	mar\gin-left: -11em;
}
	
/*Dropdown in case of hover*/

.isd #tiles li:hover ul ul, 
.isd #tiles li:hover ul ul ul, 
.isd #tiles li.sfhover ul ul, 
.isd #tiles li.sfhover ul ul ul {
	left: -999em;
}

.isd #tiles li:hover ul, 
.isd #tiles li li:hover ul, 
.isd #tiles li li li:hover ul, 
.isd #tiles li.sfhover ul, 
.isd #tiles li li.sfhover ul, 
.isd #tiles li li li.sfhover ul {
	left: auto;

}
.isd #tiles li:hover ul a, 
.isd #tiles li li:hover ul a, 
.isd #tiles li li li:hover ul a, 
.isd #tiles li.sfhover ul a, 
.isd #tiles li li.sfhover ul a, 
.isd #tiles li li li.sfhover ul a {
	color: #000066;
}

.isd #tiles li:hover ul.left, 
.isd #tiles li.sfhover ul.left {
	margin-left: -7.7em;
	mar\gin-left: -11.2em;
}

.isd #menu #tiles li ul li:hover, 
.isd #menu #tiles li ul li.sfhover {
	background:  #00CCFF;	
}

.isd #menu #tiles li ul li:hover a, 
.isd #menu #tiles li ul li.sfhover a {
	color: #000066;
}

.isd #menu #tiles li ul li:hover ul li, 
.isd #menu #tiles li ul li.sfhover ul li {
	background:  #0099FF ;
}

.isd #menu #tiles li ul li:hover ul li a , 
.isd #menu #tiles li ul li.sfhover ul li a {
	color: #000066;
}

.isd #menu #tiles li ul li ul li:hover, 
.isd #menu #tiles li ul li ul li.sfhover {
	background:  #00ccFF;
}

.isd #menu #tiles li ul li ul li:hover a , 
.isd #menu #tiles li ul li ul li.sfhover a {
	color: #000066;
}

.isd #menu #tiles li ul li.daddy:hover {
	background: #00CCFF url("images/Common/rightarrow_over.gif") 95% 50% no-repeat;
	}

.isd #menu #tiles li ul.left li.daddy:hover {
	background: #00CCFF url("images/Common/leftarrow_over.gif") 5% 50% no-repeat;
	 }

.isd #tiles li ul{margin-left: -9px;#}

.isd #mainContent {
	padding: 1em 5em 1em 5em; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin :0.25em 3.625em 0em 3.625em;
	background-color: #CCCCFF;
	text-decoration:none;
	
}

.isd #mainContent h1 {
	font-size: 1.7em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
}

.isd #mainContent h2 {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0em 1em;
	text-align:left;
}

.isd #mainContent h3 {
	font-size: 1.25em;
	font-weight: normal;
	margin: 0em 2em;
	text-align:left;
}

.isd #mainContent p {
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 1.2em 2em 1.2em 2em;
	text-align:left;
}

.isd #mainContent p2 {
	font-size: 1.0em;
	line-height: 1.5em;
	padding:0 0 -21em 0;
}

.isd #footer {
	padding: 0 1em 1em 1em ; /* this padding matches the left alignment of the elements in the divs that appear above it. */
}

.isd #footer p {
	margin: 0; 
	padding: 1.5em 5em 0 0;
	font-size:.6875em;
    font-weight: bold;
	color: #000;
}