/* css based on jello mold min-demo from positioniseverything.net  */
/* Basic page layout including Header and Footer  */
body {  
margin: 0; 
padding: 0 350px 0 350px; 
text-align:center;
font-family:  "trebuchet ms", "MS Sans Serif", georgia, times, "times new roman";
color: blue; 
line-height:1.2em;  
background-image: url(bg/burnt.gif); 
 	  }
#sizer { 
margin: 0 auto;
/*     padding:0;     */
width: 100%;/* controls liquidity   0 fixed 100% full liquidity */
text-align: left;
max-width: 100px;  /* 950 - 700 = 250 */			
	}
#expander { 
margin: 0 -350px 20px -350px; 
min-width: 700px;
position: relative;  
background: white;
min-height: 1px;
			}
#wrapper {
width: 100%;   /* helps IE get the child percentages right. */
margin:0 0 50px 0;
min-height: 400px;
		} 
   /*   #sidebar  {
width:10%;
float:left;
display:inline;
margin-left;:3%;
		}      */

#content {
width: 80%;      /* was62%*/
margin-right: 10%; /* was8%*/    
text-align: left;  font-size:80%;
float: right;
display: inline; /* IEwin doubled margin bug fix */
	}
/* http://positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	} 
#banner { 
height:100px;  
background-image:url(bg/BannerBg1500x100.gif); 
	}
#banner img { 
display:block; margin: 0 auto 10px;
 	 }
#banner h1 { display:none;
	}		
/* Style the top nav bar */
/* Set dimension & bg colour of navbar div*/
#navbar {  
height: 30px;  
width: 100%;
border-bottom: solid #000 1px;
background-color: #584158; 
text-align:center;     
	 }
/* Declare margin, padding to over-ride deault settings. whitespacenowrap keeps list all on one line*/
#navbar ul   { 
margin: 0 ; 
padding: 0;  
font: normal 77% Verdana, Helvetica, sans-serif;  
line-height: 30px;  
white-space: nowrap;   
  	  }   
#navbar li {  list-style-type: none; 
display: inline;
	}         
#navbar li a {  
 text-decoration: none; 
display: inline;   
	 }
#navbar li a:link, #navbar li a:visited {   
padding: 6px 7px; 
margin:0 ; 
background-color: transparent; 
border-right: solid  1px  #634C63; 
color:#33CCFF;  
	}              
#navbar li a:hover   {  color: #000;  background-color: #D3FFBF;
	}
#home #navbar-home a,
#events #navbar-events a,
#rep #navbar-rep a,
#md #navbar-md a,
#links #navbar-links a,
#archive #navbar-archive a,
#members #navbar-members a,
#joinus #navbar-joinus a,
#listen #navbar-listen a   { 
cursor:default; background-color:#c39ec3; 
color: #fff; 
  	 }  
#footer	{  
background-color: #725A72;  
border-top: 1px solid #333;
overflow:auto;  
   /*    position:relative;  */
	}
.left	 {
width:300px;  color:#E17100; 
float:left;
margin-left: 0.5em;
text-align:left;
	}
.right 	{
width:300px;  color:#725A72;
float:right; 
margin-right: 0.5em ;  
text-align:right;
	}
#footer p	{  
font-style: oblique;
font-size:xx-small;    
font-family:  "trebuchet ms",  verdana, sans-serif;	
margin:0.6em 0;
					}
/*=======================================================================*/

#content img.home {
margin:2em 0;
	}
#content h2.main,
#content h2.index {
margin:1.5em 0 1.5em 0; color: #594259;
	}  

#content h2.listen     {
color: #594259;margin:1.5em 0 1.5em 2em;
	}
#content h2.archive	{ 
font-size:130%; margin: 2em 2em 1.5em 6.9em;	
padding:0;width:20em; 
background: #FFC79D;  
text-align: center;
line-height:1.3em;	
	}	
.dropcap {  
float:left; 
font-size:4.2em;   line-height:0.7em;  
color: #594259; padding-top:2px; 
margin-right:2px;
font-family: Georgia, Helvetica, Verdana;
	}
#content p.home,
#content p.contentleft  {
margin:3em 3em 0 3em;
	}
#content p.contentleft8  {
margin:1.5em 0em 0 3em;
	}	
#content p.contentleft7  {
margin:3em 0em 0 3em;
	}		

p.airam { 
font-size: 1.2em; font-style: oblique;
color:#582158;
padding-top:1.5em;
font-family: verdana;text-align:center;
	  }
#content .md_img 	{
margin:1.0em 1.0em  0.5em   0 ;
float:left;
width:250px; height:308px; border:0;
		}

#content .members_img {
float:right; margin: 0;
z-index:5;
position:relative;
top:-420px; 
left:-30px;  
		}		


#content .joinus_img  {
margin:1.7em 1.0em  1.5em   0 ;
float:left;
width:200px; height:166px; border:0;
		}
h3 {
color:4F792D; margin:1.5em 0 1.9em 2.2em; 
border:1px solid red;
padding:0 0.5em 0 0.5em; width:30em;
		}
#content p .small   {
font:arial;font-size:75%;
font-style:italic;font-weight:bold;
color: #003322;
}
a:link.joinus2  {
font: bold 12px arial, sans-serif; 
color: #5e6151; text-decoration: underline;
}
a:hover.joinus2  {
font: bold 12px arial, sans-serif; 
color: #af0b1c; text-decoration: underline;
}
#linklist li a:hover.listen  {
color: #000; text-decoration: none;
padding:4px 4px 4px 1px;
background-color:#A6D2FF ;
	}