/* CSS Document */

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


#container { position: static; 

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


#page {
  min-height: 100%;
  height: auto !important;
z-index:1;
position:static;
xborder: 2px solid red;
background:#fff;
} 


#header { width: 960px; height: 414px; }

#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;
		

}


#content { float: left; margin: 0 0 0 0px; padding: 0 20px 0 20px; width: 920px; height: auto ; 
background:url(images/BG-stripes.gif) repeat-y; background-color:#FFFFFF; 
font-family: Helvetica, Arial,  sans-serif; font-size: .8em; line-height:1.5em; color:#000; 
xz-index: 1; xborder:1px solid blue;}

#content p { margin: 0 1em 2em 0; }	
#content h1 { margin:0 0 20px 0; font-size:1.5em; color:#24408f; font-family:"Century Gothic", Helvetica, Arial;}
#content h2 { margin:0; font-size:1.2em; color:#bd0000; font-family: Helvetica, Arial,  sans-serif; font-style:bold;}
#content h2 a { color:#bd0000; text-decoration:none; }
#content h2 a:hover, #content h1 a:hover { color:#bd0000; text-decoration:underline;}

#content a { color:#52237f;}
#content a:hover { text-decoration:none; color:#bd0000;}

#content div.main-column1 { width: 250px; height: 100%; float: left; padding: 20px 20px 0 0;  } /*290 px */
#content div.main-column2 { width: 250px; height: 100%; float: left; padding: 20px 20px 0 20px; } /*290 px */
#content div.main-column3 { width: 320px; height: 100%; float: left; padding: 20px 20px 0 20px; background:url(images/BG-kahwaipaint.jpg) bottom right no-repeat;} /*380 px */

x#content div.clear { clear:both; xborder:1px solid pink;  height:200px; }

#content ul.leftlist { padding-left:1em;}
#content ul.plainlist { list-style:none; padding-left:1em; text-indent: -1em;}


.purplebold {
	color: #52237f;
	font-weight: bold;
}