#header {
	background:transparent url(../images/home_header.gif);
	background-repeat: no-repeat;
	margin-top: 244px;
	}
#constit_container{
float: left;
width: 338px;
padding: 20px 0 30px 0;
}
#constit_container a:link{
color: #fff;
}
#contentcopy h3 {
	padding-left: 6px;
	color: #fff;
	}
#home-new {
   float: right;
   text-align: right;
   width: 192px;
   padding: 20px 0 0;
}	
#home-new h2 {
     font-size: 140%;
	 color: #fff;
}
#home-new .big {
     font-size: 180%;
	 font-style: oblique;
}
/*#content li {
	background-image:url(../images/bullet.gif);
	background-repeat: no-repeat;
	padding-left:23px;
	padding-bottom:6px;
	padding-top:2px;
	}
#contentcopy p{
	padding-left:0px;
	padding-bottom:2px;
	}	
.map{
  float: left;
  width:254px; 
  height:311px; 
  background:#fff url(../images/constit_map.jpg) no-repeat; 
   }	
.leftthin{
   float: left;
   width: 133px;
   padding: 20px 0 0 0;
}   
#contentcopy p{
   padding-left:16px;
}   
.left{
 width: 140px;
 float: left;
}
.left2{
 width: 170px;
 float: left;
 margin: 0px 0px 20px 0px;
}*/
/* setup the background image*/
.uk {padding:0; margin:0; list-style-type:none; background:#fff url(../images/map-new.gif); width:338px; height:380px; position:relative; z-index:100; color: #fff;}
/* move the text off screen */
.uk li a {text-indent:-9999px; display:block; width:60px; height:80px; position:absolute; line-height:12px; color:#fff;}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.uk li a em {visibility:hidden; position:absolute;}
/* position the square markers */
.uk li a.ky {top:22px; left:22px;}
.uk li a.sy {top:146px; left:95px;}
.uk li a.bw {top:240px; left:90px;}
.uk li a.bn {top:160px; left:230px;}
.uk li a.bs {top:280px; left:230px;}

/* move the text back into view on hover */
.uk li a:hover {text-indent:0; height: 40px; font-size:90%; color:#fffff; padding:15px 5px; width:110px; text-decoration:none; font-weight:bold;}
.uk li a:hover.ky { background: #3c7531; margin: 24px 0 0;}
.uk li a:hover.sy { background: #175a8c; margin: 26px 0 0;}
.uk li a:hover.bn { background: #b0323c; margin: 26px 0 0;}
.uk li a:hover.bw { background: #ef8429; margin: 26px 0 0;}
.uk li a:hover.bs { background: #492078; margin: 26px 0 0;}
/* hack for IE5.x */
* html .uk li a:hover {width:130px; height:1.5em; w\idth:110px; he\ight:1.2em;}
/* make the descriptive text visible, give it a size and position */
.uk li a:hover em {visibility:visible; background:#fff; margin-left:5px; border:1px solid #000; width:70px; color:#000; padding:4px 14px;font-style:normal; top:-85px; left:110px;font-family:Verdana, arial, sans-serif; font-size:10px; text-align: left;} 
/* hack for IE5.x */
* html .uk li a:hover em {width:94px; w\idth:70px;}
/* style the empty span (I know it's not semantically correct) into an arrow point */
.uk li a:hover em span {display:block; width:0; height:0; overflow:hidden; border:15px solid #fff; border-width:15px 0 15px 15px; border-left-color:#000; position:absolute; left:0; top:76px;}
/* hack for IE5.x */
* html .uk li a:hover em span {width:30px; height:30px; w\idth:0; he\ight:0;}