/* CSS Document */

body, html {
	margin:0;
	height:100%;
background:url(images/BG-subpage.gif) center repeat-y #100010; }


#container { 
xbackground-color:#fff; 
z-index:1;
    margin: 0 auto ;
	width: 960px;
	height: 100%;
}

#logo { position: absolute;
margin: 0 auto ;
z-index:3;
top:0;
}

#page {
  min-height: 100%;
  height: auto !important;
z-index:1;

xborder: 1px solid red;
} 


#header { 
width: 810px; height:250px; margin-left:150px;
z-index:2; 
xborder: 1px solid red;
}


#topnav { margin: 0; width: 940px; height: 20px; background-color:#E00000; padding: 10px 0 10px 20px; }

#nav, #nav ul { padding: 0;	margin: 0; list-style: none; line-height: 1.3em; font-size: 90%;}  /* all lists */
#nav a { display: block; padding-right:2em;	color:#fff; text-decoration:none; font-family:"Book Antiqua", Times, serif;}
#nav a.submenu { background:url(images/submenu.gif) right no-repeat}
	
#nav li a:hover { color:#100010; }
#nav li { float: left; padding: 0 0 10px 0; font-size:1.1em;}
#nav li ul { position: absolute; background: #eae4ee; width: 9em; left: -999em; border-top: 1px solid #52237f;}
/* using left instead of display to hide menus because display: none isn't read by screen readers */  

#nav li:hover ul, #nav li.sfhover ul { left: auto; margin-top:10px;} /* lists nested under hovered list items */
#nav li li { width: 9em; border: 1px solid #52237f; border-top:none; padding:0; font-size: 1em;}
#nav li li a { padding: .5em; font-weight: normal; color:#52237f; font-size:1em;}
#nav li li a:hover {color:#fff; background:#52237f;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	margin-top : -2.4em;
	margin-left: 9em;  font-size: 1em;
}


#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
		

}

#leftnav {  margin: 100px 0 0 0; width: 130px;  padding: 0 0 10px 20px; xborder: 1px solid blue; 
top:0; position:absolute; z-index:5; }

.button a { display:block; width: 100px; height:100px; margin: 10px 0 0 0; background: url("images/joinmailinglist.gif") 0 0 no-repeat; text-decoration: none; text-indent:-5000px; overflow:hidden; float:left;}
.button a:hover { background-position: 0 -100px; }


	#nav.subpage, #nav.subpage ul { /* all lists */
		padding: 0;
		margin: 0 ;
		list-style: none;
		float : left; 		
		line-height : 1.3em;
		width : 130px; font-size: .9em;
	}
	
	#nav.subpage li { /* all list items */
		position : relative;
		float : left;
		width: 130px;
		font-size:1.1em; 
		
	}
	
	#nav.subpage li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-top : -2.4em;
		margin-left: 130px; border-top: 1px solid #52237f;
		
	}
	
	#nav.subpage li ul ul { /* third-and-above-level lists */
		left: -999em; font-size: 1em; 
	}
	
	#nav.subpage li a {
		width: 115px;
		display : block;
		color : #100010; 
		text-decoration : none;
		padding : 0.5em;
	}
	
	#nav.subpage li a:hover {
		color : white;
		background-color : #52237f;
	}
	
	#nav.subpage li li { 
		padding:0; font-size: 1em; 	
		border: 1px solid #52237f; border-top:none;
	}

	
	#nav.subpage li li a {
		color:#52237f; 		
		padding : 0.5em;
		background: #eae4ee; 
	}

	
	#nav.subpage a.submenu {
	background:url(images/submenu.gif) right no-repeat}
	
	#nav.subpage li li a:hover {
		color:#fff; background:#52237f;
	}
	
	#nav.subpage li:hover ul ul, #nav.subpage li:hover ul ul ul, #nav.subpage li.sfhover ul ul, #nav.subpage li.sfhover ul ul ul { 
		left: -999em;
	}
	
	#nav.subpage li:hover ul, #nav.subpage li li:hover ul, #nav.subpage li li li:hover ul, #nav.subpage li.sfhover ul, #nav.subpage li li.sfhover ul, #nav.subpage li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto; 
		
	}


#content { 
position:absolute; 
margin: 0 0 0 150px; 
min-height: 60%;
padding: 40px 20px 0 20px; width: 770px; height:auto; 
background:url(images/BG-kahwaipaint.jpg) bottom right no-repeat ;
z-index: 1; 

 }
 
#content { font-family: Helvetica, Arial,  sans-serif; font-size: .8em; line-height:1.5em; color:#000; z-index: 1; padding-bottom: 40px; }

#content p { margin: 0 1em 2em 0; }	
#content h1 { margin:0 0 20px 0; font-size:2em; line-height: 1em; color:#52237f; font-family:"Book Antiqua", Times, serif;}
#content h2 { margin-top:0; font-size:1.2em; color:#bd0000; font-family: Helvetica, Arial,  sans-serif; font-style:bold;}
#content h2 a { color:#52237f; }
#content h2 a:hover, #content h1 a:hover { color:#bd0000; }
#content h3 { margin-top:0; font-size:1.2em; color:#52237f; font-family: Helvetica, Arial, sans-serif; font-style:bold; font-style:italic;}

#content a { color:#52237f; }
#content a:hover { text-decoration:none;  color:#bd0000; }
#content a.a-box {color: #fff; font-weight:600; text-transform:uppercase;}
#content img { padding: 5px 15px 10px 0;}
#content img.thumb { padding:0; border:0;}

div.imgthumb { padding:5px; border:1px solid #aaa; font-style:italic; width:120px; height: 140px; float: left; margin-right: 10px; margin-bottom:10px;}
div.imgthumb:hover { background: #eee;}

#clear {clear:both;}

#content a.backtotop { color:#666666; font-size:.8em; }

.purplebold {
	color: #52237f;
	font-weight: bold;}
.purple {
	color: #52237f;
	}
	
#content table {border-top: 2px solid #52237f;  width: 80%; }	
#content table td {border-top: 1px solid #666;  padding:.5em;}	

.moreinfo ul { border: 1px solid #52237f; background-color:#eae4ee; text-align:left; padding: 2em 3em 2em 3em; width: 60%;}
.moreinfo a { text-align:right; }

.updates ul { float:left; border: 1px solid #52237f; background-color:#eae4ee; text-align:left; padding: 2em 3em 1em 2em; width: 60%;}
.updates ul li { margin:0 0 1em 1em; }
.clear { clear:both;}

.boxed { padding: 1.2em; background-color:#52237f; text-align:center; margin: 0 50% 0 0;}
.boxed:hover { background-color:#bd0000;}