a:link{
	background: transparent;
	color: #336600;
	text-decoration: none;
}

a:visited{
	background: transparent;
	color: #336600;
	text-decoration: none;
}

a:hover{
	background: transparent;
	color: #333333;
	text-decoration: underline;
}

body{
	background-color: ;
	background-image: url(http://ridge.icu.ac.jp/ba-1.jpg);
	background-repeat: repeat;
	background-position: top center;
	color: #333333;
	font: 11px/1.3em "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif;
	font-weight: lighter;
	margin-left: 14px;
	padding: 10px 0 24px 0;
	text-align: center;
}

form{
	margin: 0;
	padding: 2px 0;
}


p.small {line-height: 0.4cm}
p.big {line-height: 6mm;
	font: normal 14px 'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN'; 


}


p.light {font-weight: 200}


form{
	margin: 0;
	padding: 2px 0;
}

label{
	font-weight: bold;
}

.blogpost{
	font: normal 11px/1.3em "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif;
	padding: 0;
	margin: 0;
}

.blogdate{
	font: normal 10px "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif;
	padding: 0;
	margin: 0;
	color: #BBBBBB;
}

.blogdate a:link, .blogdate a:hover, .blogdate a:visited{
	text-decoration: none;
	color: #BBBBBB;
}

#content .content input.comments{
	background: #FFFFFF;
	border: 1px solid #999999;
	border-width: 0 0 1px 0;
	color: #999999;
	font: normal 11px "Courier New", 'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN',  Courier, monotype;
	height: 16px;
	text-align: left;
	width: 150px;
	margin: 0 0 15px 0;
	padding: 0;
}

#content .content input.comments:focus{
	border: 1px solid #333333;
	border-width: 0 0 1px 0;
}

#content .content textarea{
	background: transparent;
	border: 1px solid #999999;
	color: #999999;
	font: normal 12px "Courier New", Courier, 'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN',  monotype;
	height: 165px;
	margin: 0;
	padding: 2px 4px;
	text-align: left;
	width: 285px;
}

#content .content textarea:focus{
	border: 1px solid #333333;
}

#content .content .commentspost{
	margin: 16px 0 0 0;
	font: normal 10px/1.3em "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif;
	text-align: left;
	color: #999999;
}

#content .content .commentspost .name a:link{
	background: transparent;
	color: #2E5D93;
	text-decoration: underline;
}

#content .content .commentspost .name a:visited{
	background: transparent;
	color: #2E5D93;
	text-decoration: underline;	
}

#content .content .commentspost .name a:hover{
	background: transparent;
	color: #2E5D93;
	text-decoration: underline;	
}

#content .content .commentordernumber{
	font: normal 14px "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif;
	border-right: 1px solid #999999;
}
#content .content .commentsbody{
	margin: 0;
	padding: 0;
	font: normal 11px "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif;
	color: #999999;
}

#content .content input.commentsbuttons{
	background: #FFFFFF;
	border-width: 1px;
	color: #999999;
	font: normal 11px "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif;
	width: 150px;
	margin: 15px 0 0 0;
}

#content .content .commentscheckbox{
	margin: 0 15px 0 0;
	padding: 0;
}

#content .content .commentsfloat{
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 15px 5px 0;
}

#content .content ul{
	margin: 0;
	padding: 5px;
	list-style-type: disc;
	list-style-position: inside;
	font: normal 11px/1.3em "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif;
	
}
#content .content ol{
	margin: 0;
	padding: 5px;
	list-style-type: decimal-leading-zero;
	list-style-position: inside;
	font: normal 11px/1.3em "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif;
	
}

#content .content li{
	margin: 0;
	padding: 3px;
}

.dropdown{
	background: #FFFFFF;
	border: 1px solid #666666;
	color: #666666;
	font: normal 11px "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 120px;
}

#content .content img.framed{
	border: 1px solid #000000;
	margin: 1px 0 2px 0;
	padding: 0;
}

#menu .menu img.framed{
	border: 1px solid #000000;
	margin: 2px 0 0 0;
	padding: 0;
}

#menur .menu img.framed{
	border: 1px solid #000000;
	margin: 2px 0 0 0;
	padding: 0;
}


.search{
	background: #FFFFFF;
	border: 1px solid #666666;
	color: #666666;
	font: normal 11px "Courier New", Courier, monotype;
	height: 16px;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 140px;
	background-position: center;
}

.smalltext{
	font: normal 10px/1.3em "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif;
	text-align: left;
}

.spacer{
	clear: both; line-height: 0;
}

.titlesmall{
	float: left;
	text-align: left;
	font: normal 8px "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif;

}


.titleleft{
	float: left;
	text-align: left;
	font: normal 9px "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif;

}

.titleright{
	float: right;
	text-align: right;
	font: normal 9px "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif;
}

.titlecenter{
	float: center;
	text-align: center;
	font: normal 9px "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif;
}


.titleleftj{
	float: left;
	text-align: left;
	font: normal 11px "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif;

}

.titlerightj{
	float: right;
	text-align: right;
	font: normal 11px "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif;
}

.titlecenterj{
	float: center;
	text-align: center;
	font: normal 11px "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif;
}


.sourcetip {background: #88b; color: white; padding: 7px; border: 2px dotted white; line-height: 1.4em; }
.sourcetip code {color: #ebebff; font-size: 1em; } .sourcetip .css {color: #deffde; }	.sourcetip code.js {color: #ffe0e0; }
.sourcetip a.nav3:link, .sourcetip a.nav3:visited {text-decoration: underline; }


#banner{
	margin: 0;
	padding: 0;
	width: 850px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top center;
	height: 12px;
}
#banner .banner{
	padding: 24px 33px 30px 10px;
	margin: 0;
}

#content{
	margin: 0;
	padding: 0;
	text-align: left;
	width: 850px;
	}

#content .content{
	padding: 75px 18px 7px;
	margin: 0;
}

#contentf .content{
	padding: 20px 20px 20px;
	margin: 0;
}


#content .content .feature{
	float: left;
	margin: 0;
	padding: 0 8px 8px 0;
	text-align: left;
	width: 242px;
}

#content .content .archives{
	float: left;
	margin: 0;
	padding: 0 2px 20px 0;
	text-align: left;
	width: 165px;
}

#content .content .feature .text{
	margin: 0;
	padding: 5px;
	text-align: justify;
}


#content .content .thumbs{
	border: 1px solid #000000;
	float: left;
	margin: 4px 4px 0 0;
	padding: 0;
}

#content .content .indexthumbs{
	border: 1px solid #000000;
	float: left;
	margin: 2px 2px 0 0;
	padding: 0;
}

#content .content .widethumbs{
	float: left;
	margin: 4px 6px 0 0;
	padding: 0;
}

#content .content .titles{
	margin: 20px 0 5px 0;
}

#content .content form{
	margin: 0;
	padding-bottom: 2px;
	padding-top: 10px;
}

#content .content h1{
	font: normal 18px "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif;
	margin: 10px 0 10px 0;
	text-transform: uppercase;
}

#content .content h2, #menu .menu h2{
	font: normal 12px/1em "Lucida Grande","Lucida Sans Unicode", Tahoma, Arial, Helvetica, 'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN',  sans-serif;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}


#contentj .contentj h2, #menuj .menuj h2{
	font: normal 12px/1em "Lucida Grande","Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}


#content .content h4{
	font: normal 12px/1em "Lucida Grande","Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	cursor: hand;
}

#content .content h5{
	font: normal 14px/1em "Lucida Grande","Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	cursor: hand;
}


#content .content h2.h2float{
	float: left;
}

#content .content h2 a:link, #menu .menu h2 a:link{
	background: transparent;
	color: #666666;
	text-decoration: none;
}

#content .content h2 a:visited, #menu .menu h2 a:visited{
	background: transparent;
	color: #666666;
	text-decoration: none;
}

#content .content h2 a:hover, #menu .menu h2 a:hover{
	background: transparent;
	color: #2E5D93;
	text-decoration: none;
}

#content .content h2.titles{
	display: inline;
}

#content .content h3{
	font: bold 12px "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif;
	margin-bottom: 0;
	margin-top: 5px;
}


#content .content p{
	font: normal 11px/1.4em "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif;
	margin: 4px 0;
	padding: 0;
	text-align: justify;
}

#content .content p.closer{
	font: normal 11px/1.4em "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif;
	margin: 2px 0;
	padding: 0;
	text-align: justify;
}

#footclear{
	clear: both;
	margin: 0;
}
#foot1{
	background-color: transparent;
	border-bottom: 2px solid #666666;
	border-top: 1px solid #666666;
	color: #666666;
	height: 4px;
	margin: 0px 5px 0px 5px;
	padding: 0px;
	line-height: 0;
}

#foot2{
	background-color: #666666;
	color: #666666;
	height: 4px;
	line-height: 0;
	margin: 2px 5px 1px 5px;
}

#footer{
	background-color: #666666;
	color: #666666;
	font: 9px "Lucida Sans Unicode",Tahoma,Arial,sans-serif;
	padding: 3px;
	text-align: left;
	margin: 0px 0px 0px 0px;
}

#footer a:link{
	background: transparent;
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:visited{
	background: transparent;
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover{
	background: transparent;
	color: #FFFFFF;
	text-decoration: underline;
}


#indent{
      padding-top: 5px;
      padding-bottom: 5px;
      padding-right: 5px;
      padding-left: 5px;
      border: ;
    }
    h5 {
      text-indent: -15px;
    }


#mainframe{
	background-color: #ffffee;
	border-left: solid grey; 
	border-left-width: 1px;
	border-right: solid grey; 
	border-right-width: 1px;
	border-top: solid grey; 
	border-top-width: 1px;
	background-repeat: repeat-y;
	background-position: top left;
	width: 850px;
	margin: 0px auto;
	padding: 0;
	text-align: center;
}

#mainframe .mainframe{
	/*background: transparent url(/images/photo_back2.png) no-repeat scroll bottom right;*/	
	margin: 0 auto;
	padding: 0;
	width: 830px;
	text-align: center;
}

#mainframerwr{
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-position: top left;
	width: 850px;
	margin: 0 left;
	padding: 0;
	text-align: center;
}

#mainframerwr .mainframerwr{
	/*background: transparent url(/images/photo_back.png) no-repeat scroll bottom right;*/	
	margin: 0 auto;
	padding: 0;
	width: 850px;
	text-align: center;
}


#navtab ul{
	background: transparent;
	border-bottom: 1px solid #666666;
	font: 10px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, sans-serif;
	list-style-type: none;
	margin: 0;
	padding: 12px 5px 0 0;
	text-align: right;
	text-transform: uppercase;
}

#navtab ul li{
	display: inline;
}

#navtab ul li a#active{
	background: transparent;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	color: #666666;
	padding: 0px 3px;
	text-decoration: none;
}

#navtab ul li a#activemi{
	background: transparent;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	color: #660000;
	padding: 0px 3px;
	text-decoration: none;
}

#navtab ul li a#activems{
	background: transparent;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	color: #000066;
	padding: 0px 3px;
	text-decoration: none;
}

#navtab ul li a#activels{
	background: transparent;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	color: #336600;
	padding: 0px 3px;
	text-decoration: none;
}

#navtab ul li a#activehead{
	background: transparent;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	color: #000000;
	padding: 0px 3px;
	text-decoration: none;
}


#navtab ul li a:link{
	background: transparent;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	color: #666666;
	margin: 0;
	padding: 0px 3px;
	text-decoration: none;
}

#navtab ul li a:visited{
	background: transparent;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	color: #666666;
	margin: 0;
	padding: 0px 3px;
	text-decoration: none;
}

#navtab ul li a:hover{
	background: transparent;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	color: #000000;
}


#navtabj ul{
	background: transparent;
	border-bottom: 1px solid #666666;
	font: 13px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, sans-serif;
	list-style-type: none;
	margin: 0;
	padding: 12px 5px 0 0;
	text-align: right;
	text-transform: ;
}

#navtabj ul li{
	display: inline;
}

#navtabj ul li a#active{
	background: transparent;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	color: #666666;
	padding: 0px 3px;
	text-decoration: none;
}

#navtabj ul li a#activemi{
	background: transparent;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	color: #660000;
	padding: 0px 3px;
	text-decoration: none;
}

#navtabj ul li a#activems{
	background: transparent;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	color: #000066;
	padding: 0px 3px;
	text-decoration: none;
}

#navtabj ul li a#activels{
	background: transparent;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	color: #336600;
	padding: 0px 3px;
	text-decoration: none;
}

#navtabj ul li a#activehead{
	background: transparent;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	color: #000000;
	padding: 0px 3px;
	text-decoration: none;
}


#navtabj ul li a:link{
	background: transparent;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	color: #666666;
	margin: 0;
	padding: 0px 3px;
	text-decoration: none;
}

#navtabj ul li a:visited{
	background: transparent;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	color: #666666;
	margin: 0;
	padding: 0px 3px;
	text-decoration: none;
}

#navtabj ul li a:hover{
	background: transparent;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	color: #000000;
}


#menu{
	margin: 0;
	padding: 0;
	width: 845px;
}

#menu .menu{
	margin: 0 20px 20px 20px;
	padding: 10px 0 0 0;
	text-align: left;
	border: 1px dotted #666666;
	border-width: 1px 0 0 0;
}

#menu .menur{
	margin: 0 20px 20px 20px;
	padding: 20px 0 0 0;
	text-align: left;
	border: ;
	border-width: 1px 0 0 0;
}


#menu .menu .thumbs{
	border: 1px solid #000000;
	float: left;
	margin: 2px 11px 0 0;
	padding: 0;
}

#menu .menu .relthumbs{
	border: 1px solid #000000;
	float: left;
	margin: 2px 2px 0 0;
	padding: 0;
}

#menu .menu .thumbsl{
	border: 1px solid #666666;
	float: left;
	margin: 2px 0 0 0;
	padding: 0;
}

#menu .menu .feature{
	float: left;
	margin: 0;
	padding: 4px 18px 0 0;
}

#menu .menu .items{
	float: left;
	margin: 0;
	padding: 4px 0 2px 0;
}


#menuj{
	margin: 0;
	padding: 0;
	width: 850px;
}

#menuj .menuj{
	margin: 0 20px 20px 20px;
	padding: 20px 0 0 0;
	text-align: left;
	border: 1px dotted #666666;
	border-width: 1px 0 0 0;
}

#menuj .menujr{
	margin: 0 20px 20px 20px;
	padding: 20px 0 0 0;
	text-align: left;
	border: ;
	border-width: 1px 0 0 0;
}


#menuj .menuj .thumbs{
	border: 1px solid #000000;
	float: left;
	margin: 2px 11px 0 0;
	padding: 0;
}

#menuj .menuj .relthumbs{
	border: 1px solid #000000;
	float: left;
	margin: 2px 2px 0 0;
	padding: 0;
}

#menuj .menuj .thumbsl{
	border: 1px solid #666666;
	float: left;
	margin: 2px 0 0 0;
	padding: 0;
}

#menuj .menuj .feature{
	float: left;
	margin: 0;
	padding: 4px 18px 0 0;
}

#menuj .menuj .items{
	float: left;
	margin: 0;
	padding: 4px 0 2px 0;
}


P.biblio  {
	padding-left: 22px;
	text-indent: -22px;
	}


#title{
	margin-top: -33px;
	padding: 0;
	text-align: left;
}

.nodisplay{
	display: none;
}

.commdisp{
	display: show;
}


/* $Id: example.css,v 1.3 2006/03/06 06:02:28 pat Exp $ */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: 11px Verdana, sans-serif;
}


ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* If desired, set a height and add a scrollbar */
.tabberlive#tab2 .tabbertab{
 height:200px;
 overflow:auto;
}


/* $Id: example.css,v 1.3 2006/03/06 06:02:28 pat Exp $ */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberjlive .tabberjtabhide {
 display:none;
}

/*--------------------------------------------------
  .tabberj = before the tabberj interface is set up
  .tabberjlive = after the tabberj interface is set up
  --------------------------------------------------*/
.tabberj {
}
.tabberjlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabberjnav = the tab navigation list
  li.tabberjactive = the active tab
  --------------------------------------------------*/
ul.tabberjnav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: 12px Verdana, sans-serif;
}


ul.tabberjnav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabberjnav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabberjnav li a:link { color: #448; }
ul.tabberjnav li a:visited { color: #667; }

ul.tabberjnav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabberjnav li.tabberjactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabberjnav li.tabberjactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabberjtab = the tab content
  Add style only after the tabberj interface is set up (.tabberjlive)
  --------------------------------------------------*/
.tabberjlive .tabberjtab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberjlive .tabberjtab h2 {
 display:none;
}
.tabberjlive .tabberjtab h3 {
 display:none;
}

/* If desired, set a height and add a scrollbar */
.tabberjlive#tab2 .tabberjtab{
 height:200px;
 overflow:auto;
}


.sideBox {
  background-color: #f0e0d0;
  border-color: #d0a070;
  border-style: solid;
  border-width: 1px;
  float: right;
  padding: 0.5em;
  margin-top: 0px;
  margin-left: 8px;
  margin-bottom: 8px;
  margin-right: 2px;
  width: 12em;
}


.sideBox2 {
  background-color: ;
  border-color: black;
  border-style: solid;
  border-width: 1px;
  float: left;
  padding: 0.5em;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 8px;
  margin-right: 2px;
  width: 57em;
}


.gsBox {
  background-color: #CFF2D0;
  border-color: darkgreen;
  border-style: solid;
  border-width: 1px;
  padding: .5em;
  float: left;
  padding: .5em;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 10px;
  margin-right: 2px;
  width: 72.5em;
  }


.geBox {
  background-color: #BEC0DA;
  border-color: darkblue;
  border-style: solid;
  border-width: 1px;
  padding: .5em;
 float: left;
  padding: .5em;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 10px;
  margin-right: 2px;
  width: 72.5em; 
 }


.fBox {
  background-color: #DABED8;
  border-color: #A200BB;
  border-style: solid;
  border-width: 1px;
  padding: .5em;
 float: left;
  padding: .5em;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 10px;
  margin-right: 2px;
  width: 72.5em;
  }


.fr1Box {
background-color: #BEC0DA;
  border-color: darkblue;
 border-style: dotted;
  border-width: 1px;
  padding: .5em;
  float: right;
  padding: .5em;
  margin-top: 5.2em;
  margin-left: 0em;
  margin-bottom: 10px;
  margin-right: -4em;
  width: 2em; 
 }

.fr2Box {
  background-color: #F9C6C6;
  border-color: darkred;
  border-style: dotted;
  border-width: 1px;
  padding: .5em;
  float: right;
  padding: .5em;
  margin-top: 7.6em;
  margin-left: 0em;
  margin-bottom: 10px;
  margin-right: -4em;
  width: 2em; 
 }


.fr3Box {
  background-color: #CFF2D0;
  border-color: darkgreen;
 border-style: dotted;
  border-width: 1px;
  padding: .5em;
  float: right;
  padding: .5em;
  margin-top: 10em;
  margin-left: 0em;
  margin-bottom: 10px;
  margin-right: -4em;
  width: 2em; 
 }


.amBox {
  background-color: #F9E5C6;
  border-color: darkorange;
  border-style: solid;
  border-width: 1px;
  padding: .5em;
  float: left;
  padding: .5em;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 10px;
  margin-right: 2px;
  width: 72.5em;
  }

.ocBox {
  background-color: #F9C6C6;
  border-color: darkred;
  border-style: solid;
  border-width: 1px;
  padding: .5em;
  float: left;
  padding: .5em;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 10px;
  margin-right: 2px;
  width: 72.5em;
  }


.noteBox {
  background-color: #f0f0f0;
  border-color: #909090;
  border-style: solid;
  border-width: 1px;
  padding: .5em;
}


#pop ul{
	margin:0;
	padding:0;
	list-style: none;
	}
#pop li {
	background-image: 	background-repeat: no-repeat; 
	margin-top: 0px; /* For IE5 Mac only - reset to 0 below */
	margin-bottom: 0px; /* For IE5 Mac only - reset to 0 below */
	}
	
#pop a { /* if background is on a:link IE6 won't display properly  */
	background-image: /*can be just background */
	background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 */
	padding-top: 2px; /* For IE5 Mac only - reset to 0 below */
	padding-left: 2px; 
	padding-bottom: 2px; /* For IE5 Mac only - reset to 0 below */
	padding-right: 2px; /* For IE5 Mac only - reset to 10 below */
	color: black;
	font-family: "Verdana", sans-serif;
font-size: 10px;
	text-align: left;
	/*height or width in here will stop main image change in IE5 Win
	luckily, line-height is OK! - hidden from IE5 Mac see below
	a must be block to display background-image in IE Win
	 - but also needs to be hidden from IE5 Mac see below */
	}

#pop a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{
	height: 5px;
	}
 
#pop a:hover {
	background: no-repeat; /* no background-x styles work here */
	color: black; 
	}
#pop a img {
	position: relative;
	top: 70px;
	left: -350px;
	border: 1px solid black;
	visibility: hidden;
	}

 /* commented backslash hack v2 - hide rules from IE5 Mac \*/
#pop a {
	padding-top: 5px; 
	padding-bottom: 0;
	padding-right: 0px; 
	display: block;
	line-height: 1px;
	}	
#pop li {
	margin-top: 2px;
	margin-bottom:0;
	width: 0px;
	}
/* end hack */


#pop a:hover img {
	visibility:visible;
	}