/*baseline styles--------------------------------------------*/
html, body, div, span, iframe, p,
blockquote, a, abbr, acronym, address, del, dfn, em, font, img, strong, sub, sup, 
b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td  {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

body	{
	font-family: Verdana, sans-serif;
	font-size:  62.5%;
	color: #000; 
	background:  #a7a7a7 url(../images/graystrip.gif) repeat-x top left;
	text-align:  center;
}
 
/*general styles--------------*/	 	
ul, ol	{
	list-style:  none;
}

h1, h2, h3  {
	margin:  0;
	padding:  0;
	font-weight:  bold;
	color:  #000;
}		

h1  {
	margin:  0 0 1em 0;  
	font-size: 160%;
	letter-spacing:  0.025em;
	color: #660000; 
}

h2  {
	margin:  1.75em 0 1em 0;
	font-size:  150%;
	color:  #444;
}

h3  {
	margin:  1.75em 0 1em 0;
	font-size: 115%;
	color: #000;
	padding-bottom:  .25em;
	border-bottom:  1px solid #cecac7;/*  #777;*/
}
	
p  {
  	line-height:  1.25;
	font-size:  130%;
	margin:  0 20px 1.5em 0;
}	

em  {
		font-style:  italic;
}		    

/*----address on contact pg----*/	  
.spacy	{
	line-height:  1.5;
}	
		
	     
a  {
	text-decoration: none;
}

a:link, a:visited  {
	color: #914233;
}

a:hover, a:active  {
	color: #666;
	text-decoration:  underline;
}	

/*makes images semi-transparent on hover*/
a.fade:hover {
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}
         
.clear  {
	clear: both;
}         

/*major divs---------------------------------r*/

/*wrap contains all content except footer--------*/
#wrap  {
	position:  relative;
	width:  75em;
	min-width:  75em;
	max-width:  100%;
	height:  auto;
	margin:  0 auto;
}			

/*begin header-------------------------------*/
#header  {
	position:  relative;
	width:  100%;
	height:  120px;
	background-color:  #252525;
	border-bottom:  5px solid #285f69;
}
		
ul#navigation  {
	position:  absolute;
	bottom:  0;
	right:  0;
	white-space:  nowrap;
	width:  auto;
	height:  21px;
	border-top:  1px solid #555;
}

ul#navigation li  {
	display: inline;	
	float:  left;
	text-align:  left;
}

ul#navigation li a  {
	display: block;
	padding:  2px 15px 0 15px;
	margin:  0;
	width:  auto;
	font-weight:  normal;
	font-size:  12px;
	line-height:  1.5;
	text-decoration:  none;
	white-space:  nowrap;
}

ul#navigation li a:link, ul#navigation li a:visited  {
	color:  #ababab;
	background-color:  #252525;
}

body#index ul#navigation li a:link, body#index ul#navigation li a:visited  {
	color:  #252525;
	background: #cecac7 url(../images/nav_grad.gif) repeat-x top left;
}

 /*uses php to indicate current page--not being used right now*/			
ul#navigation a.this_page:link, ul#navigation a.this_page:visited {
	background-color:  #a7a7a7; 
	color:  #333;
	border-left:  1px solid #cecac7;
	border-top:  1px solid #cecac7;
	border-right:  1px solid #cecac7;
	border-bottom:  none;
}			
		
ul#navigation li a:hover  {
	color:  #fff;
	background-color:  #555;
}

body#index ul#navigation li a:hover  {
	color:  #914233;  /*reddish*/
	background-color:  #a7a7a7; /*same as pg background */
}

#navigation li ul  {
	position: absolute;
	visibility: hidden;
	border-top: 1px solid #ababab;
}
		
#navigation li ul li  {	
	float: none;
	display: inline;
	line-height:  1;
}

ul#navigation li ul li a:link, ul#navigation li ul li a:visited  {
	color:  #252525;
	background-color:  #f2f2f2;/*#cecac7;*/
	border-bottom:  1px solid #cecac7;
}		
		
ul#navigation a.no:link, ul#navigation a.no:visited, ul#navigation a.no:hover {
	color:  #ababab;
	background-color:  #252525;/*to signal that there is a dropdown*/
}

ul#navigation li ul li a:hover  {	
	color:  #fff;
	background-color: #555;
}
/* end navigation-------- */	
		
/* upper right contact info */
#address  {
	position:  absolute;
	top:  0;
	right:  0;
	width:  175px;
	height:  70px;
}
					
#address p  {
	margin:  15px 0 0 0;	
	text-align:  right;
	color:   #ababab;
	font-size:  10px;
}	

body#contact #address p  {
	display:  none;
}	
		
#address p span, body#contact p.spacy span /*to announce move*/
		{
	color:   #8decf2;  /*blue*/
	font-weight:  bold;
		}								
/*end header-------------------------------------*/

/*index styles---------*/
body#index {
	background-image:  none;
}

body#index #header  {
	background-color:  #a7a7a7;
}


body#index ul#navigation  {
	margin-right:  3em;
	bottom:  -15px;
}

body#index ul#navigation li a  {
	padding: 0 12px;
}

body#index ul#navigation li ul li a:link, body#index ul#navigation li ul li a:visited  {
	color:  #000;
	background-color:  #f5f5f5;
	background-image:  none;
}

body#index ul#navigation li a:hover  {	
	background-image:  none;
}

body#index ul#navigation a.no:link, body#index ul#navigation a.no:visited, body#index ul#navigation a.no:hover {
	color:  #000;
	background-color:  #cecac7;/*to signal that there is a dropdown*/
}

body#index ul#navigation li ul li a:hover  {	
	color:  #914233;  /*reddish*/
	background-color: #cecac7;
	background-image:  none;
}

body#index #address p  {
	color:  #333;
}

body#index ul li#home  {
	display:  none;
}
/*end index styles---------*/		

#content_main  {
	float: right;
	width: 47em;
	min-width:  47em;
	max-width:  63%;
	text-align:  left;
	margin-top: 60px;
	margin-bottom:  30px;
	padding-left:  20px;
	border-left:  1px solid #777;
}		
					
body#violinmaking #content_main, body#purfmach #content_main {
	width:  55em;
	max-width:  73%;
}		
	
#content_sub	{
	float:  left;
	margin-top:  60px;
	width:	25em;
	max-width:  33%;
}

body#violinmaking #content_sub {
	width:  18em;
	max-width:  24%;
	overflow:  hidden;
}

/* for viola page--------------------- */
body#viola #content_main {
	position:  relative;
	width:  62.5em;
	min-width:  62.5em;
	max-width:  83%;
	margin-left:  0;
	padding-left:  0;
	border:  none;
	border-left:  1px solid #777;
}

body#viola #content_sub {
	width:  11.5em;
	max-width:  15%;
	margin-top:  40px;
	overflow:  hidden;
	padding:  15em 4px 5px 0;
	text-align:  right;
}	

body#viola #content_sub li  {
	margin-bottom:  0.8em;
	margin-top:  0.8em;
	padding-bottom:  6px;
	border-bottom:  1px solid #cecac7;
	display:  block;
}

body#viola #content_sub li a {
	font-size:  1.2em;
	display:  block;
}

body#staffonly #content_sub  {
	text-align:  left;
}
					
/*footer styles--------------------------------------*/				
#footer  {
	width:  100%;
	color:  #444;
	letter-spacing:  .05em;
	line-height:  2;
	clear:	both;
}				

#footer ul {
	position:  relative;
	margin:  0 auto;
	white-space:  nowrap;
	width:  100%;
}
		
#footer ul li  {		
	display: inline;	
	font-size:  110%;
	letter-spacing: .05em;
	line-height:  1;	
}

#footer ul li a  {
	padding:  0.3em 1em;
}
		
#footer ul li a:link, #footer ul li a:visited  {
	color:  #444;
	border: 1px solid #888;
	border-width:  0 1px;
}		

 /*uses php to indicate current page*/			
#footer ul a.this_page:link, #footer ul a.this_page:visited {
	font-weight:  bold;
}			
		
#footer ul li a:hover  {
	color: 	#d20518;  /*red*/
}
								  			
p.copyright, p.credits  {
	font-size:  100%;
	color:  #555;
}
			
p.credits  {
	margin-top:  -1.5em;
}
						
body#index #footer ul, body#contact #footer ul  {
	display:  none;
}					
/* end footer styles-------------------------------*/			
		
#workshop  {
	border-left:  5px solid #777;
	background-color:  #cecac7;
	margin-bottom:  40px;
}

#workshop h2 {
	padding-top:  1em;
	padding-left:  1.2em;
}

#workshop p {
	padding:  0 0 1.2em 1.2em;
}

/*violinmaking page-----------------------*/
dl  {
	float:  left;
	width:  100%;
	margin:  1em 0 1.5em 0;
}

dt  {
	float:  left;
	clear:  left;
	width:  40%;
	padding-bottom:  0.7em;
	padding-right:  2%;
	text-align:  right;
	font-weight:  bold;
	font-size:  1.2em;
}
			
dd 	{
	float:  left;
	width:  55%;
	margin-left:  2%;
	padding-bottom:  0.7em;
	font-size:  1.3em;
			}
			
* html dd 
			{
	float: none;
	margin-left: 45%;
			}

/*images -----------------------------------------  */  	   	 
#header img  {
	float:  left;
	margin:  15px 0 35px 0;	
}	

#indeximage  {     
	margin:  40px 0;
	padding:  10px;
	border:  2px solid #777;
}

#teaser  {
	position:  absolute;
	top:  105px;
	left:  0;
	z-index:  10;
}
	   
/*image styles for content_sub*/	   
#content_sub img  {
	float: right;
	margin-right: 16px;
	padding:  5px;
	border:  2px solid #777;
} 

body#violinmaking #content_sub img {
		margin: 4.5em 14px 0 0;
}   

img#top {
	margin-top: 9.8em;
}

img#AntiqueStradsm  {
	margin-top: 11em;
}
	   	   
img#delGesusm  {
	margin-top: 5em;
}
	   
img#bendribssm
       {
	margin-top: 18.5em;
       }
	   
img#punchscrollsm  {
	margin-top: 18.5em;	
}				
/* end images -----------------------------------------  */  	

/* purfling machine -----------------------------------------  */  	
#thumbs { 
	width: 558px; 
	margin: 10px auto 0 auto;
	overflow:  hidden;
}

#thumbs li { 
	width: 133px; 
	float: left; 
	margin: 8px 3px; 
}

#thumbs a { 
	width: 125px; 
	padding: 3px; 
	display: block; 
	border: 1px solid #777; 
}

#thumbs a.activeSlide { 
	background: #555; 
}

#thumbs a:focus { 
	outline: none; 
	}
	
#thumbs img { 
	border: none; 
	display: block;
}

div#slideshow {
	clear:  both;
	margin: 25px auto 12px auto;
	width:  572px;  
    height:  auto;  
    padding: 0;  
    z-index:  5;
}

#slideshow img {  
	margin:  0;
    padding: 5px;  
	border:  2px solid #777;
} 	

p#caption  {
	margin-top:  0;
	margin-bottom:  30px;
	font-size:  95%;
	color:  #555;
	text-align:  center;
}

/*make links bold in articles*/
body#articles .toggleLink  {
	font-weight:  bold;
}