/* create a button look for links */
 a:link.button, a:visited.button
{   background-color: #0099ff;
    border-top: #99ccff solid 1px;
	border-right: #003399 solid 1px;
	border-bottom: #003399 solid 1px;
	border-left: #99ccff solid 1px;
    color: white;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 1px 1px 1px 3px;
	text-decoration: none;
    width: 188px;
	display: block;
}

a:hover.button
{   background-color: #9999ff;} 

/* depress effect on click */
 a:active.button, a:focus.button 
{   border-top: #003399 solid 1px;
	border-right: #99ccff solid 1px;
	border-bottom: #99ccff solid 1px;
	border-left: #003399 solid 2px;
    letter-spacing: normal;
}            

 div.container {
			  position: relative;
			  margin: 0 auto;
			  width: 782px;
			  height: 641px;
			  background: #0000ff url(Images/grad.gif) repeat-x 0% 0%;
}

div.left {
		 position: absolute;
		 top: 0px;
		 left: 0px;
		 width: 200px;
		 height: 600px;
		 border-left: 1px solid #cecece;
	     border-right: 0px solid #cecece;
         border-top: 0px solid #cecece;
         border-bottom: 0px solid #cecece;
		 background: #0000ff url(Images/grad.gif) repeat-x 0% 0%;
}

div.top {
		position: absolute;
		top: 0px;
		left: 201px;
		width: 580px;
		height: 150px;
		border-left: 0px solid #cecece;
	    border-right: 1px solid #cecece;
        border-top: 1px solid #cecece;
        border-bottom: 0px solid #cecece;
}

div.main {
		 position: absolute;
		 top: 260px;
		 left: 201px;
		 width: 580px;
		 height: 340px;
		 border-left: 0px solid #cecece;
	     border-right: 1px solid #cecece;
         border-top: 0px solid #cecece;
         border-bottom: 0px solid #cecece;
}
div.button_container {
		position: absolute;
		top: 151px;
		left: 201px;
		width: 580px;
		height: 108px; 
		border-left:0px solid #cecece;
	    border-right:0px solid #cecece;
        border-top:0px solid #cecece;
        border-bottom:0px solid #cecece;     
} 

 
	div.wholetop {
		position: absolute;
		top: 0px;
		left: 21px;
		width: 480px;
		border-left: 1px solid #cecece;
	    border-right: 1px solid #cecece;
        border-top: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
		}
		div.wholetop a {
		display: block;
		height: 50px;
		text-decoration: none;
	    text-align: center;
		}
		div.wholetop  a.wh1:hover {
        background-color: #4afd29;
	    color: #ffffff;
		
        }
		div.wholespot {
		position: absolute;
		top: 120px;
		left: 5px;
		width: 600px;
		height: 200px;
		}
		div.wholemain {
		 position: absolute;
		 top: 250px;
		 left: 1px;
		 width: 600px;
		 height: 482px;
		 border-left: 1px solid #cecece;
	     border-right: 1px solid #cecece;
         border-top: 1px solid #cecece;
         border-bottom: 1px solid #cecece;
       }
       div.tagbox {
	   position: absolute;
	   top: 601px;
	   left: 0px;
	   width: 781px;
	   height: 40px;
	   border-left: 1px solid #cecece;
	   border-right: 1px solid #cecece;
       border-top: 0px solid #cecece;
       border-bottom: 1px solid #cecece; 
	   }