*{ padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6 { font: 1em/1.4em "Arial", sans-serif; }
h1{ font-size: 1.8em; }
h2{ font-size: 1.5em; }
h3{ font-size: 1.1em; color: #3f76bc }
h4{ font-size: 1.2em; }
h5{ font-size: 1.3em; color:  #3f76bc;}
p{ font-size: 0.9em; }

a, a:visited { color: #ff8c00; outline: invert; text-decoration: none; }
a img, img a {border: none; text-decoration: none;}
a:hover { text-decoration: underline; }

ul.simple, ul.simple li{ list-style:  none outside; padding: 0; }
ul.simple li p, ul.simple li h4{ /*padding: 5px 20px; */ }

/* =layout
-------------------------------------------*/
#viewer { 
width: 500px; 
margin: 0 auto; 
text-align: left; /*background: #4C4C4C;*/ 
color: #666666;
padding: 0 px 0px 0px 0px; }

#header {
margin: 0px 0 0 0; 
padding: 5px; 
border-bottom: 1px solid #3f76bc; 
height: 30px;
width : 450px;}
	
#viewer h3 { 
width: 450px; 
height: 20px; 
line-height: 20px; 
padding: 0 5px; 
margin: 5px 0; 
position: relative; 
cursor: pointer;
color:#000;
background-color:#e8eff1;
background-image:url(../images/rounded30-20.jpg);
background-repeat:no-repeat;
background-position:top right;	
}

#viewer h3 a{
text-decoration: none; 
color:#3f76bc;
font-size:0.9em;
width:450px;
height:20px;
margin-bottom:2px;
margin-top:2px;
padding-left:2px;

}
	
#viewer h3 span { 
position: absolute; top: 0; right: 25px;  
font-size: 0.9em; 
font-weight: bold;}
/*#viewer h2{padding: 5px;  }*/	
	
div.heading {
margin: 5px ; 
padding: 5px;
width: 450px;}

div.collapse{ 
width: 450px;  
margin: 5px 0;  
background: url(images/sliderblu-bg.jpg) top center no-repeat #fff;}	

div.collapse-viewer{ 
width: 450px; 
height: 100%; 
padding: 15px 20px; 
background: url(images/sliderblu-bg.jpg)  bottom no-repeat;}

#footer { 
width: 500px;  
text-align: center;}