@charset "windows-1252";				   


html
{
height:100%;
width: 100%;
} 
								   
body
	{
		font-family: Calibri, Verdana, Trebuchet MS, Copperplate Gothic Light;
		background: #FBDD78; 
		bottom: 0px; 
		text-align: left;
		color: black;
	}	 

/* Links----------------------------------------------- */

A { text-decoration: none; color: black;}
A:link { color: black;}
A:vlink { color: black;}	
A:.offme {color: black;}
A:hover { color: #FF643D; text-decoration: underline;}	

p.title { color: black; font: 150% Trebuchet MS; text-align: center; font-weight: bold; }
p.siteMap { color:black; font: 11pt Trebuchet MS; text-align: left;}
p.alstext { color: black; font: 10pt Trebuchet MS; text-align: left;}	  
p.sideMenu { color:black; font: 12pt Trebuchet MS; text-align: left;}
p.text { color: black; font: 12pt Trebuchet MS; text-align: left;}
p.footnote { color:black; font: 12pt Trebuchet MS; text-align: center;}
p.staff { color: black; font: 12pt Trebuchet MS; text-align: center;}
p.board { color: black; font: 12pt Trebuchet MS; text-align: center;}
p.menu { color:black; font: 11pt Trebuchet MS; text-align: right;} 

 
/* Header----------------------------------------------- */
 
@media all {
  #header {
    width: 80%;
    margin: 0;
	border-style: solid;    
	border-width: thin;
	border-color: silver;    
	}
  }
@media handheld {
  #header {
    width: 90%;
    }
  }	
	
#header
	{ 
		font-family:Times New Roman !important ;
		text-align: center;
		font-size: 150%; 
		padding: 0px;
		background-image: url(http://alshopefoundation.org/images/background.jpg); 
		background-repeat: repeat;
	}
 
	
/* imageLinks-------------------------------------- */
	
	
@media all {
  #imageLinks {
    width: 80%;
    margin: 0;
	border-style: solid;    
	border-width: thin;
	border-color: silver;
	}
  }
@media handheld {
  #imageLinks {
    width: 90%;
    }
  }	
	
#imageLinks
	{ 
	  	border-top-style: none !important;    
	  	border-bottom-style: none !important;    
		text-align: right;
		font-size: 100% !important; 
		padding: 0px !important;
		background-color: #FFC93C;    
		height: 100px;
	}


/* topMenu -------------------------------------- */
	
	
	@media all {
  #topMenu {
    width: 80%;
    margin: 0;
	}
  }
@media handheld {
  #topMenu {
    width: 90%;
    }
  }	
	
#topMenu
	{
		text-align: center;
		font-size: 120%; 
		padding: 0px;
		background-image: url(http://alshopefoundation.org/images/background.jpg); 
		background-repeat: repeat;
		border-top: solid thin silver;
		border-bottom: none;
		border-right: solid thin silver;
		border-left: solid thin silver;
	}	
	
		
/* container -------------------------------------- */
	
	
	@media all {
  #container {
    width: 80%;
    margin: 0;
	}
  }
@media handheld {
  #container {
    width: 90%;
    }
  }	
	
#container
	{
		text-align: left;
		padding: 0px !important;
		background-color: #FBDD78; 
		border-top: solid thin silver;
		border-bottom: solid thin silver;
		border-right: solid thin silver;
		border-left: solid thin silver;
	}	
	

/* content -------------------------------------- */
 td.sideMenu { 
    width: 27% !important;
    margin: 0;
	font-size: 120% !important;
	text-align: left;
	padding-left: 3px !important;
	padding-top: 0px !important;
	padding-right: 5px;
	background-color: #FBDD78;	  
}	


td.content { 
	font-size: 110%; 
    float: none;
	text-align: left;
    width: 73% !important;
    margin: 0;
	padding: 10px !important;
	background-color: #FFF192;    
	border-left: solid thin silver;
}   
	   
	

/* footer -------------------------------------- */
	
	
	@media all {
  #footer {
    width: 80%;
    margin: 0;
	}
  }
@media handheld {
  #footer {
    width: 90%;
    }
  }	
	
#footer
	{
		text-align: right;
		font-size: 100%; 
		padding: 0px !important;
		background-color: #FBDD78; 
		border-top: none; 
		height: auto;
		border-bottom: solid thin silver;
		border-right: solid thin silver;
		border-left: solid thin silver;
	}