#topNav {
background:#604766 url(../images/menubg.gif) no-repeat top left;
width:152px;
clear:left;
margin: 8px 0 6px 0;
padding:0;
}

.navbox{
clear:both;
width:628px;
padding:0 0 12px 0;
}


/* large buttons */
.nav {
clear:both;
list-style:none; 
font-size:1.2em;
margin:0;
_margin:0 -8px 0 -8px;
padding:0 0 12px 0;
}

.nav li {
list-style:none;
margin:8px 8px 6px 8px;
_margin:8px 8px 0 4px;
width:138px;
height:140px;
float:left;
}

.nav li a:link,.nav li a:visited {
color:#EF4135;
font-weight:400;
font-family:"Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
display:block;
width:143px;
height:14px;
line-height:1.4em;
margin-left:0;
background-position: 0px 0px;
background-repeat: no-repeat!important;
padding:110px 0 0 0px;
}
#interview {background:url(../images/buttons/interview.png);}

#audio_clip{background:url(../images/buttons/audioclip.gif);}

#photo_libruary{background:url(../images/buttons/photo.gif);}

#news{background:url(../images/buttons/news.gif);}

#video{background:url(../images/buttons/video.gif);}

#merchandice{background:url(../images/buttons/shop.gif);}

#wall{background:url(../images/buttons/wall.gif);}

#event{background:url(../images/buttons/events.gif);}


.nav li a:hover {
color:#EF4135;
background-position:0 -148px!important;
}



/* small buttons */

.navbox_small{
clear:both;
width:628px;
padding:0 0 12px 0;

}


.nav_small {
clear:both;
list-style:none; 
font-size:11px;
margin:0;
_margin:0 -8px 0 -8px;
padding:0 0 12px 0;

}

.nav_small li {
list-style:none;
margin:8px 3px 6px 3px;
_margin:3px 4px 0 3px;
width:70px;
height:70px;
float:left;
}

.nav_small li a:link,.nav_small li a:visited {
color:#EF4135;
font-weight:400;
font-family:"Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
display:block;
width:70px;
height:14px;
line-height:1.4em;
margin-left:0;
background-position: 0px 0px;
background-repeat: no-repeat!important;
padding:58px 0 0 0px;
}
#interview_small {background:url(../images/buttons_small/interview.png);}

#audio_clip_small{background:url(../images/buttons_small/audioclip.gif);}

#photo_libruary_small{background:url(../images/buttons_small/photo.gif);}

#news_small{background:url(../images/buttons_small/news.gif);}

#video_small{background:url(../images/buttons_small/video.gif);}

#merchandice_small{background:url(../images/buttons_small/shop.gif);}

#wall_small{background:url(../images/buttons_small/wall.gif);}

#event_small{background:url(../images/buttons_small/events.gif);}


.nav_small li a:hover {
color:#EF4135;
background-position:0 -72px!important;
}


/* small buttons end */




#bannermenu li{
list-style:none!important;
margin-left:0;
}

#bannermenu{
	position:absolute;
	top:12px;
	left:10px;
	width: 310px;
}



#bannermenu li a {
list-style:none;
font-size: 18px;
line-height:24px;
margin-left:0;
padding:8px 40px 8px 0px;
background-position:right 50%;

}






.tabnavi {
list-style:none;
text-align:center;
clear:both;
height:44px;
width:312px;
background:#fff url(../images/box312bottom.gif) no-repeat bottom left!important;
margin:0;
padding:0;
}

.tabnavi li {
float:left;
list-style:none;
font-size:1.1em;
background:#fff url(../images/lighttab.gif) no-repeat top left;
margin:0 1px 0 0;
padding:0;
}



.tabnavi li a {
float:left;
display:block;
color:#fff;
text-decoration:none;
height:10px;
font-size:16px;
font-weight:400;
background:#fff url(../images/lighttab.gif) no-repeat top right;
margin:0 0px 0 8px;
padding:6px 10px 12px 0;
}

*html .tabnavi li a {
margin:0 0px 0 4px;
padding:6px 10px 3px 0;
}


#current {
background:#fff url(../images/darktab.gif) no-repeat top left;
}
#current a {
background:#fff url(../images/darktab.gif) no-repeat top right;
color:#fff;
}



/* comment pages */

.pages{
clear: both;
padding: 0px 20px 10px 0px;
float: right;
display: block;
margin: -10px;
height:2.2em;
}
.pages .nextprev{
color: #c5c5c5;
border: 1px solid #cccccc;
padding: 2px 5px;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.pages span{
display: block;
float: left;
margin: 1px;
}

.pages a{
border: 1px solid #EF4135!important;
display: block;
float: left;
margin: 1px;
padding: 2px 5px;
text-decoration: none;
color: #555!important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.pages a:hover{
background: #999;
color: #fff!important;
}
.pages .current{
border: 1px solid #EF4135;
padding: 2px 5px;
text-decoration: none;
background: #EF4135; 
color: #fff;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: block;
float: left;
}