
#container{
	border: 0px solid red;
	width:1006px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	background: transparent url(../images/home_r1.jpg) top right no-repeat;
	}




/*   

<script type="text/javascript" language="javascript">

  function dailyBackground(node,images)
      {
        node.style.backgroundImage = "url(\""+images[Math.floor(Math.random()*images.length)]+"\")";
		node.style.backgroundRepeat = "no-repeat";
		node.style.backgroundPosition = "60% 0";
      }
</script>

<script type="text/javascript" language="javascript">
   
      var imgArray = new Array();
      imgArray[0] = "images/home_r1.jpg";
      imgArray[1] = "images/home_r2.jpg";
      imgArray[2] = "images/home_r3.jpg";
	  imgArray[3] = "images/home_r4.jpg";
	  imgArray[4] = "images/home_r5.jpg";
	  imgArray[5] = "images/home_r6.jpg";
	  imgArray[6] = "images/home_r7.jpg";

      dailyBackground(document.body,imgArray);
     
    </script>	


*/
	
/* Header*/	
#header{
	border: 0px solid yellow;
	height:100%;
	overflow:hidden;
	position:relative;
	}

#header img.logo{
	position:absolute;
	left:0;
	top:0;
	}
#header .headerRt{
	border: 1px solid purple;
	position:absolute;
	right:0;
	top:0;
	width:642px;
	height:220px;
	}
	
/* Body*/
#bodyPan{
	width:1006px;
	height:100%;
	overflow:hidden;
	position:relative;
	}
	
/*Left Panel*/	
#leftPan{
	border: 0px solid pink;
	width:219px;
	float:left;
	height:100%;
	overflow:hidden;
	background:url(../images/left-bg.jpg) 0 0 no-repeat;
	padding:23px 0 0;
	}
#leftPan ul{
	padding:0 0 5px 22px;
	}
#leftPan ul li{
	padding:0 0 11px;
	}
#leftPan ul li a{
	display:block;
	text-indent:-2000000px;
	}
#leftPan ul li a.home{
	background:url(../images/home.gif) 0 0 no-repeat;
	width:61px;
	height:17px;
	}
#leftPan ul li a:hover.home{
	background:url(../images/home.gif) 0 -18px no-repeat;
	}
#leftPan ul li a.about{
	background:url(../images/about.gif) 0 0 no-repeat;
	width:98px;
	height:17px;
	}
#leftPan ul li a:hover.about{
	background:url(../images/about.gif) 0 -17px no-repeat;
	}
#leftPan ul li a.prog{
	background:url(../images/prog.gif) 0 0 no-repeat;
	width:123px;
	height:18px;
	}
#leftPan ul li a:hover.prog{
	background:url(../images/prog.gif) 1px -18px no-repeat;
	}
#leftPan ul li a.martial{
	background:url(../images/martial.gif) 0 0 no-repeat;
	width:143px;
	height:17px;
	}
#leftPan ul li a:hover.martial{
	background:url(../images/martial.gif) 0 -17px no-repeat;
	}
#leftPan ul li a.member{
	background:url(../images/membership.gif) 0 0 no-repeat;
	width:134px;
	height:17px;
	}
#leftPan ul li a:hover.member{
	background:url(../images/membership.gif) 0 -17px no-repeat;
	}
#leftPan ul li a.time{
	background:url(../images/timetable.gif) 0 0 no-repeat;
	width:109px;
	height:16px;
	}
#leftPan ul li a:hover.time{
	background:url(../images/timetable.gif) 0 -16px no-repeat;
	}
#leftPan ul li a.news{
	background:url(../images/newsletter.gif) 0 0 no-repeat;
	width:126px;
	height:17px;
	}
#leftPan ul li a:hover.news{
	background:url(../images/newsletter.gif) 0 -17px no-repeat;
	}
#leftPan ul li a.blog{
	background:url(../images/blog.gif) 0 0 no-repeat;
	width:53px;
	height:17px;
	}
#leftPan ul li a:hover.blog{
	background:url(../images/blog.gif) 0 -17px no-repeat;
	}
#leftPan ul li a.store{
	background:url(../images/store.gif) 0 0 no-repeat;
	width:64px;
	height:17px;
	}
#leftPan ul li a:hover.store{
	background:url(../images/store.gif) 0 -17px no-repeat;
	}
#leftPan ul li a.contact{
	background:url(../images/contact.gif) 0 0 no-repeat;
	width:89px;
	height:17px;
	}
#leftPan ul li a:hover.contact{
	background:url(../images/contact.gif) 0 -17px no-repeat;
	}

#leftPan a.special{
	background:url(../images/special.gif) 0 0 no-repeat;
	width:219px;
	height:213px;
	float:left;
	display:block;
}

#leftPan ul li a:hover.special{
	background:url(../images/special-hover.gif) 0 0 no-repeat;
}

#leftPan a.special:hover, #leftPan a.specialactive{
	background:url(../images/special-hover.gif) 0 0 no-repeat;
}


/*Right Panel*/	
#rightPan{
	border: 0px solid green;
	width:740px;
	float:right;
	height:100%;
	overflow:hidden;
	padding: 20px 0 15px;
	margin-right: 20px;
	}

#rightPan p{
	padding-bottom:16px;
	}	



/*SEO Text*/	

#seoText {
	border: 0px solid red;
	margin: 0 auto; margin-top: 25px;
	padding: 0px;
	width:1006px;
	height:100%;
	overflow:hidden;
	position:relative;


}

#seoText p {
	margin: 0px;
	text-align: justify; 
	line-height: 110%;
	font: normal 0.8em arial, sans-serif;
	color: #FFFFCC;
}
