body { width: 100%;
      margin: 0;
      padding: 0;
      font-family: lucida grande, arial, helvetica, sans-serif;
      font-size: 74%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	  font-variant: normal;
	  font-style: normal;
	  line-height: 160%;} 
            
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,html,p,blockquote,fieldset,input,b { margin: 0; padding:0; color: #666666;}
										
h1 { font-weight: normal;
     font-size: 2.0em;
	 color: #3f3f3f;
     margin: 0.4em 0em 0.4em 0em;} 

h1.mir { width:280px; 
         height: 32px;
		 float: left;
		 margin-left: 10px;
		 background:url(/imgs/logo.jpg) no-repeat;}	
	
h2 { font-size: 1.6em;
     font-weight: normal;
     font-family: georgia;
     line-height: 1.4em;
     margin: 0em 0em 0.6em 0em;
	 padding: 0;}	 
 
h2.mir1 { width:195px;
         height: 22px;
         margin: 6px 0 0 0;
         border-bottom: dotted 1px #e1cfe4;			 
		 background:url(/imgs/headers/conferencing.gif) no-repeat;}	

h2.mir2 { width:194px; 
         height: 22px; 
         margin: 6px 0 0 0;
		 border-bottom: dotted 1px #e1cfe4;	
		 background:url(/imgs/headers/menus.gif) no-repeat;}

h2.mir3 { width:194px; 
          height: 22px;
          margin: 6px 0 0 0;
          border-bottom: dotted 1px #e1cfe4;			  
		  background:url(/imgs/headers/rooms.gif) no-repeat;}
		  
h2.mir4 { width:194px; 
          height: 22px;
          margin: 6px 0 0 0;
          border-bottom: dotted 1px #e1cfe4;			  
		  background:url(/imgs/headers/artists.gif) no-repeat;}

h2.mir5 { width:194px; 
          height: 22px;
          margin: 6px 0 0 0;
          border-bottom: dotted 1px #e1cfe4;			  
		  background:url(/imgs/headers/transport.gif) no-repeat;}

h2.mir6 { width:194px; 
          height: 22px;
          margin: 6px 0 0 0;
          border-bottom: dotted 1px #e1cfe4;			  
		  background:url(/imgs/headers/syha-hostels.gif) no-repeat;}

h2.mir7{ width:194px; 
          height: 22px;
          margin: 6px 0 0 -12px;			  
		  background:url(/imgs/headers/news.gif) no-repeat;}		  

h2.mir8 { width:194px; 
          height: 22px;
          margin: 6px 0 0 0;
          border-bottom: dotted 1px #e1cfe4;			  
		  background:url(/imgs/headers/groups.gif) no-repeat;}	

h2.mir9 { width:194px; 
          height: 22px;
          margin: 6px 0 0 0;
          border-bottom: dotted 1px #e1cfe4;			  
		  background:url(/imgs/headers/see_scotland.gif) no-repeat;}			  
		  
.mir,.mir1,.mir2,.mir3,.mir4,.mir5,.mir6,.mir7,.mir8,.mir9 { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir,.mir1,.mir2,.mir3,.mir4,.mir5,.mir6,.mir7,.mir8,.mir9 { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */
		  
h3 { font-size: 1.2em;}  
   
h4 { font-weight: bold;
    font-size: 1.2em;
    margin: 1.2em 0em 1.2em 0em;}   
   
h5 { font-weight: bold;
     font-size: 1.2em;
	 background-color: #f1e9f2;
	 padding: 0.7em 0em 0.8em 0.3em;
     margin: 0.5em 0em 0em 0em;
	 background-image: url(/imgs/h5-bg.jpg);
     background-repeat: repeat-x;}
   
h6 { font-weight: bold;
     font-size: 0.8em;
     margin: 1.2em 0em 1.2em 0em;} 
   
ol, ul, li { list-style: none;
          font-size: 1em;
          line-height: 1.8em;
          margin-top: 0.2em;
          margin-bottom: 0.1em;}
   
p, ins, i { margin: 0em 0em 1.1em 0em;} 
   
pre { font-family: monospace;
     font-size: 1.0em;}   
		 
strong, b { margin: 0;}

.bigtext { font-size: 25px;}  

img { border: none;}

/*- - - - - (  links ) - - - - - - - - - - - - - - - */  

a:link { color: #777777;    
         text-decoration: none;} 
 
a:visited { color: #968db0;
            text-decoration: none;}  

a:hover { color: #4B4B4B;
         text-decoration: underline;}

a:active { color: #4B4B4B;
          text-decoration: none;}  

/*- - - - - ( about ) - - - - - - - - - - - - - - - */  

#about { background-color: #d62323;
         width: 100%;
         height: 100%;
		 background-image: url(/imgs/about-bg.jpg);
         background-repeat: repeat-x;}	  

#syha { width: 780px;
        height: 100%;
        margin: 0 auto 0 auto;
		overflow: auto;}

#syha p { color: #fffefe;
         font-size: 12px;
         padding: 0 0 0 0;}
		 			  
#mission { width: 780px;
           height: 110px;
           padding-top: 34px;}	
		   
#mission img { margin: 10px 0 0 0px;
              display: inline;}	
			 
#mission i { font-size: 0.95em;
		    color: #fff;
		    background-color: #b91414;
		    width: 500px;
			padding: 3px 5px 3px 5px;
		    margin-top: 32px;
		    float: right;}		

#about-syha { width: 780px;
              margin-top: 50px;
              padding: 20px 0 20px 0;
		      clear: both;}  

#about-syha p.big{ font-size: 2em;
                   line-height: 1.6em;
                   margin: 0;
                   padding: 0;
                   color: #fffde0;} 	   

#about-syha p.qwote { font-size: 18px;
              font-family: georgia;
              line-height: 1.4em;
              margin: 0em 0em 0.2em 0.4em;
		      padding: 0;}				   
				   
#about-syha  a { color: #fff;
                font-size: 100%;
				font-weight: bold;}				   

blockquote { text-indent: 25px;
	       background: url(/imgs/quotes.gif);
	       background-position: 0 2px;
	       background-repeat: no-repeat;
		   width: 250px;}

blockquote p { display: inline;
	        background: url(/imgs/quotes-end.gif);
	        background-position: bottom right;
			margin-right: 24px;
	        background-repeat: no-repeat;}

/*- - - - - ( top-header ) - - - - - - - - - - - - - - - */

#wrap { width: 100%;
        background-color: #3f3f3f;}	

#top-header  {  width: 780px;
               margin: 0 auto 0 auto;
               height: 28px;
			   position: relative;
			   top: 0px;} 

#top-header b { color: #a99bac;}			   
			   
#top-header a { color: #a99bac;
               float: right;
               padding-top: 4px;
			   margin-right: 40px;
               background-image: url(/imgs/arrw-up.gif);
               background-repeat: no-repeat;
			   padding-right: 13px;
			   background-position: right;}		    
 
#top-header a:hover { background-repeat: no-repeat;
		             background-position: right;}			   

#top-header a:active {  background-image: url(/imgs/arrw-dwn.gif);}		

#top-header a:visited { background-color: transparent; 
                       background-repeat: no-repeat;
		               background-position: right;}	
					  
/*- - - - - ( wrapper ) - - - - - - - - - - - - - - - */  

#wrapper { width: 100%;
	 	   padding-top: 2px;
           background-image: url(/imgs/bg.jpg);
           background-repeat: repeat-x;
		   clear: left;}
		   
/*- - - - - ( container  ) - - - - - - - - - - - - - - - */  

#container { width: 800px;
             margin: 0 auto 20px auto;}		  
									 
/*- - - - - ( moo.fx ) - - - - - - - - - - - - - - - */	   

.hideObj{ display:none;} 

.showObj{ display:block;}

/*- - - - - ( header ) - - - - - - - - - - - - - - - */

#header { width: 800px;
          height: 32px;
		  margin-top: 30px;
		  margin-bottom: -4px;} 
  
/*- - - - - ( navigation ) - - - - - - - - - - - - - - - */  

#navigation { width: 780px;
              height: 15px;}

#navigation ul { float: right;
                padding-top: 10px;}

#navigation li { padding: 0 0 0 3px;
               font-size: 1em;
               list-style: none;
               display: inline;
               color: #9456a1;} 

a.navigation:link { color: #9456a1;    
                    text-decoration: none;}
					 
a.navigation:hover { color: #7e368d;
                     background-color: #eadeec;
                     border-bottom: 4px solid;
                     padding-bottom: 2px;}

a.navigation:active { color: #86CAE9;
                      text-decoration: none;
					  border-bottom: 4px solid;
                      padding-bottom: 2px;}
 
a.navigation:visited { color: #9456a1;
                       text-decoration: none}
	
/*- - - - - ( slideshow ) - - - - - - - - - - - - - - - */

#monoSlideshow { width: 800px;
                 height: 180px;
				 display: block;
				 clear: both;}

/*- - - - - (  content ) - - - - - - - - - - - - - - - */

.content { width: 780px;
		   height: 100%;
           margin: 20px 10px 40px 10px;}  

/*- - - - - (  content left ) - - - - - - - - - - - - - - - */

.content-left { width: 50%;
			    float: left;
				padding: 0 0 0 0;
				display: inline;} 
			   
.content-left p { margin: 10px 15px 0 0;}

/*- - - - - (  content right ) - - - - - - - - - - - - - - - */

.content-right { width: 49%;
				 float: left;
				 padding: 0;
				 display: inline;} 
			   
.content-right p { margin: 10px 0 0 15px;}

/*- - - - - (  content group form ) - - - - - - - - - - - - - - - */

#groups { width: 780px;
		  height: 100%;
          margin: 20px 10px 40px 10px;}  

#groups p { margin-right: 390px;}		  
		  
#groups form { width: 31.5em;
              background-image:url(/imgs/form-bg2.jpg);
              background-position:top;
              background-repeat:repeat-x;
	          padding-bottom: 10px;
			  float: right;}
			  
#groups form img { margin: 0;
                padding: 0;}			  

#groups fieldset{ border: 0 none;
               margin: 0 auto 10px auto;}

#form-header { height: 10px;
	           background-color: #d9d2da;}	

#form-header img{ background-color: #d9d2da;}			   
			   
#groups label { padding-left: 10px;}

#groups input { margin-left: 10px;
              margin-top: 5px;}
			  
#groups li { list-style: disc;
		   margin-left: 15px;
		   padding: 5px 10px 10px 0;}
			   
#groups form li { list-style: none;
			   clear: both;
			   margin: 0;}

li.line {	background-image:url(/imgs/form-line.gif);
         background-repeat: repeat-x;}
		 
#groups textarea { margin-left: 10px;}

select.title { width: 145px;}

/*- - - - - (  book now) - - - - - - - - - - - - - - - */

#book-now { width: 185px;
            height: 100%;
			margin-left: 10px;
			background:url(/imgs/book-now-bg2.jpg);	
            background-repeat: repeat-x;
			background-position: top;
			background-color: #f1e9f2;
			float: right;
			display: inline;}
			
#book-now ul { margin: 10px 21px 20px 24px;
             font-size: 0.85em;
		     font-weight: bold;
             line-height: 1.2em;}
		  
.book-now  p { margin: 0 12px 0 12px;
             text-align: center;}				 

img.book-now { margin: 10px 0 0 22px;}

img.booking { margin: 10px 0 0 24px;}

#rounded-top { height: 10px;
               width: 185px;}

#rounded-bott { height: 10px;
                width: 185px;
				clear: left;} 	  

.side-img { padding-top: 10px;
            background-color: #fff;
			clear: right;}
			
/*- - - - - (   form ) - - - - - - - - - - - - - - - */   		

#form { width: 175px;
        padding: 10px 5px 10px 8px;
        font-size: 0.85em;
		font-weight: bold;
        line-height: 1.2em;}	
			
#form  fieldset { width: 175px;
              border: none;
              margin-bottom: 10px;
			  padding-left: 0;}	

#form legend { margin: 0;
             padding: 0;
			/* float: left; was screwing up form on homepage*/}			  	
			 
#form select { width: 45px;
             font-size: 10px;
             line-height: 1.2em;
			 margin-top: 4px;
			 color: #9456a1;}
		 
#form select.month { width: 64px;}	

#form select.year { width: 54px;}		

#form input { width: 172px;
            margin-top: 10px;} 			

/*- - - - - (  quote) - - - - - - - - - - - - - - - */					   

.quote { 
         padding:12px 13px 12px 11px;
         background-color: #f8f8f8;
		 background:url(/imgs/quote-bg.gif);
         background-repeat: repeat-x;
		 border-bottom: 1px solid #fff;} 		
		 
/*- - - - - ( offers ) - - - - - - - - - - - - - - - */
	
#offers {  width: 585px;
          overflow: hidden;
		  background:url(/imgs/offers-bg.gif);
          background-repeat: repeat-x;
	      background-position: top;
          background-color: #fafafa;
		  float: left;}
		  
/*- - - - - (  1, 2 & 3 ) - - - - - - - - - - - - - - - */   

.one { width:194px;
	   border-right: 1px solid #f8f8f8;}
	  
.two{ width:194px;
		border-right: 1px solid #f8f8f8;}		
		
.three { width:194px;}

.one,.two,.three { float:left;
                   padding-bottom: 10px;
				   background:url(/imgs/white-line.gif);
                   background-repeat: repeat-x;
	               background-position: top;
                   background-color: transparent;} /*- - - - - (  float isimportant for 100% height columns, includes overflow in #offers ) - - - - - - - - - - - - - - - */ 

.one ul,.two ul,.three ul { padding-left: 10px;} 

.one li,.two li,.three li { font-size: 0.90em;
                       list-style: disc;
					   margin-left: 12px;} 
		
.one p,.two p,.three p { padding: 10px 15px 0 10px;
                       margin: 0;}		 

/*- - - - - (  offers bott 1,2,3) - - - - - - - - - - - - - - - */   
		  
.offers-link { width: 585px;
               height: 30px;
			   clear: left;
			   display: inline;}
			  
.offer-1{ width:194px;
	      border-right: 1px solid #f8f8f8;}	

.offer-2 { width:194px;
	       border-right: 1px solid #f8f8f8;}	
					
.offer-3 { width:194px;}
	   						  
.offer-1,.offer-2,.offer-3  { height: 30px;
                             overflow: hidden;
						     float: left;
		                     border-right: 1px solid #fff;}

.offer-1 a,.offer-2 a,.offer-3 a { height: 30px;
							     display: block;
								 padding-top: 6px;
	                             padding-left: 10px;
								 text-decoration: none;
								 background-image:url(/imgs/offer123-arrw.gif);
								 font-weight: bold;}
							  
.offer-1 a:hover,.offer-2 a:hover,.offer-3 a:hover{ background-image:url(/imgs/offer123-arrw-on.gif);}

/*- - - - - (  intro ) - - - - - - - - - - - - - - - */					   

#intro { width: 585px;
         height: 100%;
         padding-top: 15px;
         background:url(/imgs/intro-bg.gif);
         background-repeat: repeat-x;
	 	 background-position: top;
		 background-color: #fefefe;
		 float: left;}	
		 
#intro p { padding-left: 10px;
          padding-right: 10px;}
		  
#intro b { padding-bottom: 10px;}

/*- - - - - (  bott-offers) - - - - - - - - - - - - - - - */   

#bott-offers { width: 585px;
               overflow: hidden;
		       border-top: dotted 1px #e1cfe4;	
		       float: left;}	  

/*- - - - - (  4,5,6 ) - - - - - - - - - - - - - - - */   

.four { width:195px;
	   border-right: dotted 1px #e1cfe4;}
	  
.five { width:194px;
		border-right: dotted 1px #e1cfe4;}		
		
.six { width:194px;}

.four,.five,.six { float:left; padding-bottom: 10px;} /*- - - - - ( float isimportant for 100% height columns, includes overflow in #offers ) - - - - - - - - - - - - - - - */ 

.four  ul,.five ul,.six ul { padding-left: 10px;} 

.four  li,.five li,.six li { font-size: 0.90em;
                       list-style: disc;
					   margin-left: 12px;} 
		
.four  p,.five p,.six p { padding: 10px 15px 0 10px;
                       margin: 0;}		
			   
/*- - - - - (  offers bott  4,5,6) - - - - - - - - - - - - - - - */   

.offer-4 { width:195px;
	       border-right: dotted 1px #e1cfe4;}

.offer-5 { width:194px;
	       border-right: dotted 1px #e1cfe4;}					
					
.offer-6 { width:194px;}
	   						  
.offer-4,.offer-5,.offer-6  { height: 30px;
                             overflow: hidden;
						     float: left;
		                     border-bottom: dotted 1px #e1cfe4;
							 border-top: dotted 1px #e1cfe4;}

.offer-4 a,.offer-5 a,.offer-6 a { height: 30px;
							     display: block;
								 padding-top: 6px;
	                             padding-left: 10px;
								 text-decoration: none;
								 background-image:url(/imgs/offer456-arrw.gif);
								 font-weight: bold;}
							  
.offer-4 a:hover,.offer-5 a:hover,.offer-6 a:hover{ background-image:url(/imgs/offer456-arrw-on.gif);}	

/*- - - - - (  news ) - - - - - - - - - - - - - - - */  

#news { width: 570px;
		clear: left;
		margin: 10px 200px 0 12px;
		padding-top: 10px;}
				 		  
/*- - - - - (  accom ) - - - - - - - - - - - - - - - */   

#accom { width: 195px;
         float: right;
		 margin-left: 10px;
		 padding-top: 6px;
		 background:url(/imgs/accom-bg.gif);
         background-repeat: repeat-x;
	 	 background-position: top;
		 background-color: #f7f7f7;}

#accom p { margin-left: 10px;}		 
		 
#accom ul{ margin: 0px 21px 20px 10px;
          padding-top: 6px;
          font-size: 0.85em;
		  font-weight: bold;
          line-height: 1.2em;}		 

/*- - - - - (  top-ten links ) - - - - - - - - - - - - - - - */

.links { width: 780px;
		 margin: 0 0  0;
		 clear: both;}
		 
.links h2 { padding-top: 20px;}
	 
.links-left a,.links-right a { line-height: 2.6em;
                              padding-left: 5px;
                              background-color: #f6fafb;}

img.link-photos { float: right;
                  margin: 10px 15px 0 5px;}

/*- - - - - (  top-ten links -  left ) - - - - - - - - - - - - - - - */

.links-left { width: 50%;
			  float: left;} 
	   
.links-left p { margin: 0 10px 0 5px;
               padding-top: 10px;}

/*- - - - - (  top-ten links - right ) - - - - - - - - - - - - - - - */

.links-right { width: 49.5%;
			   float: left;} 
			   
.links-right p { margin: 0 10px 0 5px;
                padding-top: 10px;}
				  
				  
/*- - - - - ( links page) - - - - - - - - - - - - - - - */ 

#left ul, #center ul { margin-bottom: 20px;}

#left li, #center li { font-size: 1.1em;
                   line-height: 1.7em;
	               padding-left: 16px;
                   background-image: url(/imgs/butt.gif);
                   background-repeat: no-repeat;}
		  	  
#left li a:visited, #center li a:visited{ background-image:url(/imgs/tick.gif);
                                     background-repeat: no-repeat;
		                             background-position: right;
		                             padding-right: 20px;}

#left b, #center b { color: #725c75;
                    padding-left: 17px;}
		  
/*- - - - - (  contact ) - - - - - - - - - - - - - - - */   

#vcard { width: 185px;
         float: left;
		 margin-top: 20px;} 
 
#vcard li { line-height: 1.6em;}		 
		 
#left { width: 297px;
        float: left;}

#center { width: 287px;
          float: left;}

/*- - - - - (  map) - - - - - - - - - - - - - - - */   

#map { width: 550px;
       height: 450px;
       float: left;
	   border: 1px solid #7e368d;
	   padding: 10px 0 0 0;}
	   
#side_bar { width: 206px;
            height: 450px;
            float: left;
			padding: 20px 0 0 20px;}

#side_bar a { font-size: 1.1em;
             line-height: 1.8em;
             margin-top: 0.2em;
             margin-bottom: 0.1em;
			 padding-left: 16px;
			 background-image: url(/imgs/button.gif);
             background-repeat: no-repeat;}

#side_bar a:link { color: #7e368d;    
                  text-decoration: none;} 
 
#side_bar a:visited { color: #8C5E3C;
                     text-decoration: none;}  

#side_bar a:hover { color: #4B4B4B;
                   text-decoration: underline;}

#side_bar a:active { color: #4B4B4B;
                    text-decoration: none;
                    background-color: #E9F3F5;}  

.map { width: 250px;
       height: 100%;}

.map p { width: 150px;}
	   
.map img{ float: right;
    
          padding-left: 10px;}	   

/*- - - - - (  conference ) - - - - - - - - - - - - - - - */  

#conference { width: 780px;
              margin: 20px 10px 40px 10px;}

#conference p { width: 520px;}

#conference ul { margin-top: -4px;} 

#conference li { padding-left: 16px;
               background-image: url(/imgs/butt.gif);
               background-repeat: no-repeat;}

/*- - - - - (  table ) - - - - - - - - - - - - - - - */  

table { width: 780px;
      display:block;
      border-collapse: collapse;
      border: 2px solid #bbb;
      font-size: 0.9em;
      color: #555;
      background: #fff;
	  clear: both;
	  margin: 10px 0 10px 0;}  
	  
td, th { border: 1px dotted #bbb;
        padding: .5em;}

caption { padding: 0 0 .5em 0;
        text-align: left;
        font-size: 1.4em;
        font-weight: bold;
        text-transform: uppercase;
        color: #333;
        background: transparent;}

/*- - - - - (  table links ) - - - - - - - - - - - - - - - */  

table a { padding: 1px;
       text-decoration: none;
       font-weight: bold;
       background: transparent;
	   text-align: center;
       padding-right: 15px;
       background-image: url(/imgs/arrw-rght.gif);
       background-repeat: no-repeat;
	   background-position: right;}

/*- - - - - (  table head  and foot ) - - - - - - - - - - - - - - - */  

thead th, tfoot th { border: 2px solid #000;
                text-align: left;
                font-size: 1.2em;
                font-weight: bold;
                color: #333;
                background: transparent;}

tfoot td { border: 2px solid #000;}

/*- - - - - (  table body ) - - - - - - - - - - - - - - - */  

tbody th, tbody td { vertical-align: top;
                text-align: left;}



.odd { background: #fcfcfc;}

.header { background: #ebe1ed;}

tbody tr:hover { background: #fafafa;}

tbody th:hover { background: #ebe1ed;}

td.link:hover { background: #efefef;}

/*- - - - - (  menus ) - - - - - - - - - - - - - - - */  

#menu-intro{ width: 780px;
             margin: 10px auto 40px auto;}

#menu-intro p { width: 580px;}
			 
#menu-intro ul { width: 185px;
                display: inline-block;
                float: right;
				clear: left;
				padding-left: 10px;
				margin-top: 10px;}

#menu-intro li { font-family: georgia;}

#menu-intro li img{ margin-top: -4px;}

#menu-intro hr,#menus hr { color: #efefef;
                         background-color: #efefef;}

#menu-1,#menu-2,#menu-3  { width: 190px;
                          height: 45px;
                          overflow: hidden;
	                      background-position: top;
                          background-color: #f8f8f8;
						  float: left;
		                  border-right: 1px solid #fff;
		                  border-bottom: 5px solid #efefef;
						  margin-bottom: 10px;}

#menu-1 p,#menu-2 p,#menu-3 p { width: 190px;}

#menu-1 a,#menu-2 a,#menu-3 a { width: 190px;
                              height: 45px;
							  display: block;
							  text-align: center;
							  padding-top: 10px;}
							  
#menu-1 a:hover,#menu-2 a:hover,#menu-3 a:hover{ background-color: #efefef;}
						  
#menus { width: 740px;
         margin: 0px auto 20px auto;}	 
		 
#menus ul{ background-image: url(/imgs/menus-bg.gif);
          background-repeat: repeat-x;
		  background-position: top;
		  padding-top: 10px;
		  padding-left: 10px;}		 
		 
#menus  li { background-image: url(/imgs/butt.gif);
           background-repeat: no-repeat;
		   padding-left: 16px;}

#menus p { font-size: 1em;
          font-family: georgia;
          line-height: 1em;
          margin: 0 0em 1em 24px;
		  padding-top: 20px;}

#menus a { float: right;
          display: inline;
		  font-size: 1em;
          font-family: georgia;
          line-height: 1em;
          margin: 20px 0 1em 10px;
		  padding-left: 14px;
          background-image: url(/imgs/arrw-rght.gif);
          background-repeat: no-repeat;}		  
		  
.twnty-bott { padding-bottom: 20px;}
		  
.price { margin-left: 20px;
         margin-right: 10px;
         float: right;}
		 
/*- - - - - (  conference menus ) - - - - - - - - - - - - - - - */   

#conference-menus { width: 740px;
                    margin: 20px auto 40px auto;}				
					
#conference-menus li { text-align: center;}

ul.conference{ background-image: url(/imgs/menus-bg.gif);
              background-repeat: repeat-x;
		      background-position: top;
			  margin-top: 50px;
		      padding-top: 10px;
		      padding-left: 10px;}	
		 
/*- - - - - (  footer ) - - - - - - - - - - - - - - - */   

#footer { width: 100%;
          height: 40em;
		  padding-bottom: 27px;
		  background-color: #2e1433;
		  background-image: url(/imgs/footer-bg.gif);
          background-repeat: repeat-x;
		  background-position: bottom;
		  clear: both;}		  		  
	  
#inner-footer { width: 780px;
                height: 40em;
                margin: 0 auto 0 auto;
				background-image: url(/imgs/footer-hostel.jpg);
                background-repeat: no-repeat;
				background-position: bottom left;}	
				
.footer-nav { width: 100%;
              margin: 0 auto 0 auto;}		  

.footer-nav p { font-size: 18px;
               font-family: georgia;
               line-height: 1em;
		       padding-left: 410px;}
			  
.footer-nav ul { margin-right: -5px;
			     padding-top: 20px;}
 
.footer-nav li { padding: 0 0 0 3px;
                 font-size: 0.9em;
                 list-style: none;
                 display: inline;
                 color: #9456a1;} 		  

.footer-nav a:link { color: #9456a1;    
                    text-decoration: none;}
						
.footer-nav a:hover { color: #9456a1;
                     border-bottom: 4px solid;
                     padding-bottom: 2px;}

.footer-nav a:active { color: #9456a1;
                      text-decoration: none;
					  border-bottom: 4px solid;
                      padding-bottom: 2px;}
					   
.footer-nav a:visited { color: #a88ead;
                       text-decoration: none}
 
/*- - - - - (  cluster links ) - - - - - - - - - - - - - - - */ 						

#clusters { padding-top: 20px;
            background-image: url(/imgs/clusters-bg.gif);
            background-repeat: no-repeat;
			background-position: top;}	

#clusters p,#clusters i { color: #896c8f;}
			
#cluster-links { width: 390px;
				 float: left;
                 display: inline;
				 padding-right: 10px;
				 display: block;}			 

#cluster-links ul { font-size: 120%;
                   line-height: 180%;}

#cluster-links li { padding-left: 16px;
                  background-image: url(/imgs/diamond.gif);
                  background-repeat: no-repeat;}

#cluster-links li a { color: #9456a1;}				  

#cluster-links li a:hover { color: #ece37c;}	
		  
#cluster-intro { width: 369px;
				 margin-left: 10px;
		         float: left;
                 display: inline;} 				 	 
				 
/*- - - - - (  end ) - - - - - - - - - - - - - - - */ 
						
.left { float: left;}

.right { float: right;}

.center { text-align: center;}

.purple { background-color: #f1e9f2;}

.top-ten { margin-top: 10px;}

.min-ten { margin-top: -10px;}

.min-twnty { margin-top: -20px;}

.top-fif { margin-top: 15px;}

.top-twnty { margin-top: 20px;}

a.bot-twnty  { padding-bottom: 80px;}

.top-thrty { padding-top: 32px;}

.lft-ten { margin-left: 10px;}

.lft-eghty { margin-left: 85px;}

br.clear { clear: both;}

br.clear-lft { clear: left;}

p.big { font-size: 18px;
        font-family: georgia;
        line-height: 1.4em;
        margin: 0em 0em 0.6em 0em;
		padding: 0;}
		
.light-purp { color: #9456a1;}

.lghtr-purp { color: #a88ead;}

.light-purp-bg{ background-color: #9456a1;}

hr{ color: #9456a1;
    background-color: #9456a1;
	border: 0;
	clear: both;}

.nm { margin-top: 20px;}	

.d-purp { color: #918294;}		 
		 
/*- - - - - (  colors

header #3f3f3f

logo-top #7e368d
logo-bottom #e1cfe4

content-right #eadeec
content-right  NEW #f1e9f2

footer-top #2e1433
footer-middle #451d4e
footer-bottom #7e368d

 ) - - - - - - - - - - - - - - - */   
 
 #support { height:27px;
            width:100%;
			background-color:#3a3a3a;
			display:block;} 
 
 #lightbox{ position: absolute;
	        left: 0;
	        width: 100%;
	        z-index: 100;
	        text-align: center;
	        line-height: 0;}

#lightbox a img{ border: none; }

#outerImageContainer{ position: relative;
	                  background-color: #fff;
	                  width: 250px;
	                  height: 250px;
	                  margin: 0 auto;}

#imageContainer{ padding: 10px;}


#loading{ position: absolute;
	      top: 40%;
	      left: 0%;
	      height: 25%;
	      width: 100%;
	      text-align: center;
	      line-height: 0;}
		  
#hoverNav{ position: absolute;
	       top: 0;
	       left: 0;
	       height: 100%;
	       width: 100%;
	       z-index: 10;}
		   
#imageContainer>#hoverNav{ left: 0;} 

#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%;
	                  height: 100%;
	                  background: transparent url(/imgs/conference/blank.gif) no-repeat; /* Trick IE into showing hover */
	                  display: block;}
					  
#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(/imgs/conference/prevlabel.gif) left 15% no-repeat;}

#nextLink:hover, #nextLink:visited:hover { background: url(/imgs/conference/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif;
	                  background-color: #fff;
	                  margin: 0 auto;
	                  line-height: 1.4em;
	                  overflow: auto;
	                  width: 100%}

#imageData{	padding:0 10px; color: #666;}

#imageData #imageDetails{ width: 70%; 
                          float: left; 
						  text-align: left;}	

#imageData #caption{ font-weight: bold;}

#imageData #numberDisplay{ display: block; 
                           clear: left; 
						   padding-bottom: 1.0em;}			

#imageData #bottomNavClose{ width: 66px; 
                            float: right;  
							padding-bottom: 0.7em;}	
		
#overlay{ position: absolute;
	      top: 0;
	      left: 0;
	      z-index: 90;
	      width: 100%;
	      height: 500px;
	      background-color: #000;}