a.scrollover {
      /* Default Colour/Styles here */
      color: #FF5B3C;
   }
a.scrollover em:first-line {
    /* Rollover Colour/Styles here */
    color: #369;
}


a.scrollover2 {
      /* Default Colour/Styles here */
      color: #369;
   }
a.scrollover2 em:first-line {
    /* Rollover Colour/Styles here */
    color: #FF5B3C;
}
#containernahnah
{
width: 900px;
margin: 0px auto;
background-color: #fff;
color: #333;
line-height: 130%;
border-right:1px solid #fff; 

}
#containernah
{
width: 900px;
margin: 0px auto;
background-color: #fff;
color: #333;
line-height: 130%;
border-right:1px solid #fff; 

}

#top
{
font-family: sans-serif;
height: 78px;
font-weight: bold;
font-size: 600%;
padding: 30px;
margin-bottom: 10px;

 
}
#link{

font-family: sans-serif;
font-weight: bold;
font-size: 200%;
}
#pagination{

font-family: sans-serif;
font-size: 130%;
} 

.img-shadow {
  float:left;
  background: url(/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 


body{
background-color:#f8edce;
	font-family: sans-serif;
color:#333;
font-size: 70%;
margin: 0px 0px;
background-image: url(/app/webroot/Pain.jpg);
background-position: top;
background-repeat: no-repeat
}
#top h1
{
padding: 0;
margin: 0;
}
#caption
{
float: left;
text-align:center;
width: 100%;
height: 20px;
color: #000;
background-color: #DFECE0;

}
#leftnav
{
background-color:#fff;
float: left;
text-align:left;
width: 200px;
margin: 0px;
color: #fff;
border-left:1px solid #fff;
}
#rightnah
{
float: right;

}
#leftnah
{
float: left;

}

#centernah
{
float: middle;

}
#text
{
padding:5px;
}
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
#navcontainer{
margin-top:0px;
}
#navcontainer li { margin: 0 0 .2em 0; }

#navcontainer a
{
display: block;
color: #000;
padding: .2em .8em;

text-decoration: none;
}

#navcontainer a:hover
{
height: 100px;

}
#top100
{
height: 350px;
margin-left: 200px;
background:#fff url(/app/webroot/top100.jpg) no-repeat top left; 

}

#content
{
background-color:#fff;
padding-bottom: 1em;
margin-left: 200px;

}

#footer
{
clear: both;
margin: 0;
height: 105px;
}
#leftnav p { margin: 0 0 1em 0; }
h2, h3, h4{
font-weight:normal;
margin: 0px;
}

h1{
font: 2.5em 'Times'; 
color: #000000;
font-weight: bold;
margin: 0px;
}



h2{
font: 1.5em sans-serif; 
color: #000000;
font-weight: bold;
margin: 5px;
}





.kwicks {  
     list-style: none;  
     position: relative;  
     margin: 0;  
     padding: 0;  
 }  
.kwicks li{  
     display: block;  
     overflow: hidden;  
     padding: 0;  
    cursor: pointer;  
 } 
 .kwicks li{  
     width: 200px;  
     height: 19px;  
     margin-bottom: 3px;  
 }  
 #kwick1 {   
     
 }  
 #kwick2 {  
     background-color: #B33900;  
 }  
 #kwick3 {  
     background-color: #FFD000;  
 }  
 #kwick4 {   
     background-color: #B39200;  
     margin-bottom: none;  
 } 
 
 
 
 
 
 div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 600px;	 
	height:252px;	
	border:1px solid #935d04;

}
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;


}


 #thumbs div { 
    float:left; 
    width:200px; 
    height:250px; 
    color:#000; 
    border-right:1px solid #935d04; 
    cursor:pointer; 
} 
 
















/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prev,  a.prevPage {
	display:block;
	width:18px;
	height:18px;
	background:url(/left.png) no-repeat;
	float:left;
	margin:110px 18px;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	float:left;
	margin:110px 10px;
	cursor:pointer;
	background-image:url(/right.png);
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
}