.nav{
	width: 1280px;
	height: 52px;
	background-position: url(images/option_bg.jpg) no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
   }
/* root element for tabs  */
ul.tabs {
	list-style: url(none.html) none;
	position: absolute;
	left: 50%;
	width: 940px;
	margin-left:-450px;
	top: 690px;
}

/* single tab */
ul.tabs li {
	float:left;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
	display:block;
	height: 52px;
	width: 70px;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
	background-position: 0px 0px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: 0px -52px;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: 0px -52px;		
	cursor:default !important; 
}

/*e1*/
ul.tabs a.e1 {
    background-image: url(images/event1.png);
	background-position: 0px 0px;
	height: 52px;
	width: 70px;
}
ul.tabs a.e1:hover 	{background-position: 0px -52px;
}
ul.tabs a.e1.current  { background-position: 0px -52px; }

/*e2*/
ul.tabs a.e2 {
    background-image: url(images/event2.png);
	background-position: 0px 0px;
	height: 52px;
	width: 70px;}
ul.tabs a.e2:hover 	{background-position: 0px -52px;}
ul.tabs a.e2.current  { background-position: 0px -52px; }

/*e3*/
ul.tabs a.e3 { 
    background-image: url(images/event3.png);
	background-position: 0px 0px;
	height: 52px;
	width: 70px;}
ul.tabs a.e3:hover 	{ background-position: 0px -52px; }
ul.tabs a.e3.current { background-position: 0px -52px; }

/*e4*/
ul.tabs a.e4 {
    background-image: url(images/event4.png);
	background-position: 0px 0px;
	height: 52px;
	width: 70px;}
ul.tabs a.e4:hover 	{background-position: 0px -52px;}
ul.tabs a.e4.current  { background-position: 0px -52px; }

/*e5*/
ul.tabs a.e5 {
    background-image: url(images/event5.png);
	background-position: 0px 0px;
	height: 52px;
	width: 70px;}
ul.tabs a.e5:hover 	{background-position: 0px -52px;}
ul.tabs a.e5.current  { background-position: 0px -52px; }

/*e6*/
ul.tabs a.e6 {
    background-image: url(images/event6.png); 
	background-position: 0px 0px;
	height: 52px;
	width: 70px;}
ul.tabs a.e6:hover 	{ background-position: 0px -52px; }
ul.tabs a.e6.current { background-position: 0px -52px; }

/*e7*/
ul.tabs a.e7 {
    background-image: url(images/event7.png);
	background-position: 0px 0px;
	height: 52px;
	width: 70px;}
ul.tabs a.e7:hover 	{background-position: 0px -52px;}
ul.tabs a.e7.current  { background-position: 0px -52px; }

/*e8*/
ul.tabs a.e8 {
    background-image: url(images/event8.png);
	background-position: 0px 0px;
	height: 52px;
	width: 70px;}
ul.tabs a.e8:hover 	{background-position: 0px -52px;}
ul.tabs a.e8.current  { background-position: 0px -52px; }

/*e9*/
ul.tabs a.e9 {
background-image: url(images/event9.png); 
background-position: 0px 0px;
	height: 52px;
	width: 70px;}
ul.tabs a.e9:hover 	{ background-position: 0px -52px; }
ul.tabs a.e9.current { background-position: 0px -52px; }

/*e10*/
ul.tabs a.e10 {
 background-image: url(images/event10.png);
 background-position: 0px 0px;
	height: 52px;
	width: 70px;}
ul.tabs a.e10:hover {background-position: 0px -52px;}
ul.tabs a.e10.current  { background-position: 0px -52px; }

/*e11*/
ul.tabs a.e11 {
    background-image: url(images/event11.png);
    background-position: 0px 0px;
	height: 52px;
	width: 70px;}
ul.tabs a.e11:hover {background-position: 0px -52px;}
ul.tabs a.e11.current  { background-position: 0px -52px; }

/*e12*/
ul.tabs a.e12 { 
    background-image: url(images/event12.png) ; 
    background-position: 0px 0px;
	height: 52px;
	width: 70px;}
ul.tabs a.e12:hover { background-position: 0px -52px; }
ul.tabs a.e12.current { background-position: 0px -52px; }

/*e13*/
ul.tabs a.e13 {
    background-image: url(images/event13.png); 
    background-position: 0px 0px;
	height: 52px;
	width: 70px;}
ul.tabs a.e13:hover { background-position: 0px -52px; }
ul.tabs a.e13.current { background-position: 0px -52px; }





/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}