body
{
	font-family: Sans-Serif;
	font-size:12pt;
	color: black;
}
.linkHeading
{
	font-weight:bold;
	text-decoration:underline;
}

.mainheading
{
	width: 94.5%;
	background-color: #ffff99;
	font-weight: bold;
	font-size: 24px;
	padding:10px 10px 10px 23px;
	
	color:black;float:left;position:absolute;top:3px;left:0px;z-index:10;
	background-image: url(../../Resources/Images/banner_small.jpg);
	height:144px;
}
.mainheading2
{
	width: 100%;
	background-color: #ffff99;
	font-weight: bold;
	font-size: 24px;
	padding: 10px 10px 10px 10px;
	background-color:Transparent;
	color:White;float:left;position:absolute;top:0px;left:10px;z-index:11;

}
.bricks
{
}	
#bannerImage
{
	width:100%;

}


#page_header
{
	
}

#page_footer
{

}
#content
{
	
}
#iframe1
{
width: 100%;
height:400px;
	
}
#hmenu {
width: 100%;
background: #eee;
float: left;
background:transparent;
position:absolute;top:100px;left:10px;z-index:10;

}


#hmenu ul {
list-style: none;
margin: 0;
padding: 0;
width: 12%;
float: left;
}

#hmenu a, #hmenu h2 {
font: bold 12px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#hmenu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#hmenu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#hmenu a:hover {
color: #a00;
background: #fff;
}

#hmenu li {position: relative;}

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

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



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

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



.hotlink
{
	height:40px;
	width:40px;
	border-style:solid;
	border-width:2px;
	border-color:Black;
}
.businessTable td
{
	text-align:left;
	padding-left:5px;
	padding-bottom:5px;	
	vertical-align:top;
}
.businessTable th
{
	text-align:left;
	padding-left:5px;	
	vertical-align:top;
}
.a
{
	background-color: #ffffcc;
}
.b
{
	background-color: #99ccff;
}

.imageMap
{
	height:458px;
	width:800px;
	display:block;
	position:relative;
	
}

#imap {
  display:block; 
 	height:458px;
	width:800px;

 position:absolute;
 left:0px;
 top:0px;
  }
/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {
  display:block; 
  width:800px; 
  height:0; 
  padding-top:240px; 
  overflow:hidden; 
  position:absolute; 
  left:0; 
  top:0; 
	
  cursor:default;
  }

/* the <dt><a> hover style to move the background image to position 0 0 */
#imap a#title:hover {
  background-position: 0 0; 
  z-index:10;
  }
/* place the <dd>s in the correct absolute position */
#imap dd {
  position:absolute; 
  padding:0; 
  margin:0;

  }
#imap #pic1 {
  left:8px; 
  top:8px; 
  z-index:20;
  
  }
#imap #pic2 {
  left:420px; 
  top:0px; 
  z-index:20;
  }
#imap #pic3 {
  left:135px; 
  top:225px; 
  z-index:20;
  }
#imap #pic4 {
  left:550px; 
  top:375px; 
  z-index:20;
  }
/* style the <dd><a> links physical size and the background image for the hover */
#imap a#link1, #imap a#link2, #imap a#link3, #imap a#link4
{
	display: block;
	width: 85px;
	height: 85px;
	background: transparent url(../images/hover.gif) -100px -100px no-repeat;
	text-decoration: none;
	z-index: 20;
	opacity: 0.25;
	filter: alpha(opacity=25);
 
}
#imap a#link2
{
	width:250px;
	height:300px;
}
#imap a#link3
{
	width:120px;
}
#imap a#link4
{
	width:120px;
}
  /* style the <dd><a> links physical size and the background image for the hover */

/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {
  display:none;
  }
/* move the link background image to position 0 0 when hovered */
#imap a#link1:hover, #imap a#link2:hover, #imap a#link3:hover, #imap a#link4:hover {
  background-position:0 0;
  background-color:red;
  	border-right: black 2px solid;
	border-top: black 2px solid;
	border-left: black 2px solid;
	border-bottom: black 2px solid;

  }
/* define the common styling for the span text */
#imap a:hover span {
  position:absolute;  
  width:300px; 
  display:block; 
  font-family:arial; 
  font-size:12px; 
  background:#fff; 
  color:#000; 
  border:1px solid #000; 
  padding:5px;
  }
/* the hack for IE pre IE6 */
* html #imap a:hover span {
  width:400px; width:388px;
  }
/* move the span text to a common position at the bottom of the image map */
#imap a#link1:hover span {
  left:0px; 
  top:100px;
  }
#imap a#link2:hover span {
  left:0px; top:200px;
  }
#imap a#link3:hover span {
  left:0px; 
  top:100px;
  }
#imap a#link4:hover span {
  left:0px; 
  top:-120px;
  }
  
  /* add the style for the link span text - first line */
#imap a span:first-line {
  font-weight:bold; 
  font-style:italic;
  }

#comm
{
	width:100%;
font-weight:bold; 
  font-family:Sans-Serif;
  font-size:20px;
  color:Black;	
  margin-top:30px;
  font-style:italic;
}
/** Here's where the magic happens **/
div.lb {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  background: url('../images/screen.png');
  z-index:1000;
}
div.lb:target {
  display: block;
}
 
/** IE doesn't support :target, so we use CSS expressions **/
div.lb {
  display: expression((document.location.toString().split('#').slice(1) == this.id)?'block':'none');
}

img {
 border: 1px solid #ccc;
 padding: 3px;
 margin: 0 1em 0 1em;
}
div.lb img {
 margin-top: 4em;
 padding: 2em;
 background: #fff;
}