/* excellent reference: http://www.evotech.net/blog/2007/04/css-best-practices/ */
body { 
	background-color: #303; 
	margin: 0px; 
	padding: 0px; 
	font-size: 14px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
div#container { 	
	width: 840px;
	\width: 820px;
	w\idth: 840px;
	margin: 0 10px 0 10px;
	margin-left: auto; 
	margin-right: auto; 
	background:  url("../../images/MAF_bg_page.png") -10px 0 repeat-x;
	border-left: 1x solid #ccc; 
	border-right: 1px solid #ccc; 
	overflow: hidden;
}
div#header { 
	margin: 0; 
	padding-top: 1px; 
	padding-bottom: 1px; 
}
div#header h1 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: right; 
	font-weight: normal;
	color: #660000;
	font-size: 2.5em;
	margin: 0 0 0.5em 0;
	padding: 0.5em 0.5em 0 0;
	clear: none;
}
div#header h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	color: #333;
	font-size: 1.4em;
	margin: 0.5em  1em 0 60%;
	padding: 0.1em 0;
	border-top:1px solid #333;
	clear: none;	
}
div#navbar {
	clear: both;
	float: left;
	width: 840px;
	padding-left: 180px; 
	background: #ddd; 
	border-top: 1px solid #666; 
	border-bottom: 1px solid #666; 
}
div#navbar ul {	margin: 0; padding: 0; border: 1px solid #666; border-width: 0 1px; }
div#navbar li { 
	list-style: none; 
	position: relative;
	display: block; 
	float: left; 
	width: 99px;
	line-height: 1em;
	padding: 3px;
	background: #ddd;
}
div#navbar li:hover { background: #c00; }
div#navbar li a { font-weight: bold; text-decoration:none; display: block; color: #996600; padding: 0; border: none;}
div#navbar>ul a {width: auto;}

div#navbar ul ul { position: absolute; width: 140px; display: none;}
div#navbar ul ul li { border-bottom: 1px solid #666; width: 140px; padding: 0;}
div#navbar ul ul li a { font-size: 0.9em; font-weight: normal; display: block; padding: 3px; margin: 0;}

div#navbar ul li:hover {background: #fff; }
div#navbar ul li:hover a { color: #333; display: block;}
div#navbar ul li:hover ul li a { color: #960; }
div#navbar ul li:hover a:hover { color: #c00; }
div#navbar ul li:hover ul { display: block; position: absolute; top: 20px; left: -1px;}

#left { 
	float: left; 
	width: 180px; 
	background-color: #ddd;
	border-right: 1px solid #666; 
	margin-left: -840px;
	padding: 0;

}
#content { 
	float: left;
	width: 616px;
	margin-left: 180px; 
	margin-top: 0px;
	padding: 0px;
	background: #fff url("../../images/background-bottom-shade.gif") repeat-x; 
/*	background: url(../images/background-left.jpg) repeat-y; */

	padding: 20px 14px 14px 30px; 
	color: #444;
}
#content h1, h2, h3 { 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight: normal; 
	font-style: italic; 
	margin: 0.5em 14px 14px -14px;
	clear: both;
}
#content h1 { color: #600; font-size: 2em; }
#content h2 { color: #960; font-size: 1.8em; }
#content h3 { color: #060; font-size: 1.4em; }
#content ul {
	list-style: url("../../images/arrow.gif"); margin: 0.5em 2em; padding: 0;
}
#content ul li {
	margin-left: 0;
	padding: .1em 0; font-size: .9em; 
}

		/* Start Mac IE5 filter \*/
		#content, #left 
			{
			padding-bottom: 1000em;
			margin-bottom: -999.5em; 
			}
		/* End Mac IE5 filter */
		* html #content
		{
			display: inline;
		}
a { 	
	color: #00f;
	text-decoration: none;
}
a:visited {
	color: #06f;
}
a:hover {
	color: #00f;
	text-decoration: underline;
}
a:visited:hover {
	color: #06f;
	text-decoration: underline;
}

div#footer { 
	float:left; 
	clear: both; 
	width: 840px; 
	padding: 0.5em 5px 1px 5px;  
	background: #fff url("../../images/background-bottom-shade.gif") repeat-x; 
	border-top: 1px solid #666;
	font-size: 0.8em;
	color: #999;
}
table.grid {
	border: 1px solid #606;
	padding: 0;
	margin: 0 1em;
}
table.grid th { border-right: 1px solid white; background: #ccc; padding: 3px; font-size: 1.1em;}
/*table.grid tr.odd  td { border-right: 1px solid white; background: #eee; }
table.grid tr.even td { border-right: 1px solid white; background: #dbb; }
*/
table.grid td { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; font-size: 0.9em; }
img.frame { margin: 3px 7px; padding: 4px; border: 1px solid #999; }
#left .sideQuote { 
	border-top: 4px solid #800;
	border-bottom: 4px solid #800;
	color: #800;
	clear: both;
	margin: 2em 5px;
	padding: 0;
	text-align: center;
	font-size: 2em;
	
}
#left .address {
	font-size: 0.9em;
	text-align: left;
	margin: 0.5em 5px;
}
#left img { 
	display: block;
	margin: 0.5em auto;
	border: 1px solid #666;
	padding: 0;
}
#left .sideVerse {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.9em;
	font-style: italic;
	color: #333;
	margin: 2em 5px;
}
div.ref {
	text-align: right;
}
div.statusBlock {
	border: 1px solid red;
	background-color: #fdd;
	margin: 2em 0.5em;
	padding: 0.5em;
	width: 540px;
}