/* --- CSS Document --- */

/* --- Formatting --- */
BODY, TABLE
{
  font-family      : Arial, Helvetica, sans-serif;
}

BODY {
	margin-top       : 0px;
	margin-left      : 0px;
	width            : 800px;
	}
/* --- Layout --- */
#header 
{
  position         : absolute;
  top              : 0px;
  left             : 0px;
  height           : 100px;
	width            : 800px;
	background       : #FFFFFF url(images/header.png) no-repeat;
  color            : #000000;
}
#leftnav 
{
  display          : block;
	position         : absolute;
	top              : 100px;
	left             : 0px;
	width            : 150px;
	text-align       : left;
	color            : #000000;
	background       : #CC6666;
}
#center
{
	width            : 450px;
  display          : block;
  position         : absolute;
  top              : 100px;
	left             : 150px;
}
#right
{
  display          : block;
	position         : absolute;
	top              : 100px;
	left             : 600px;
	width            : 200px;
	text-align       : center;
	background       : #FFCCCC;
}
#footer 
{
  position         : absolute;
	left             : 0px;
	width            : 800px;
	border-top       : 1px solid #CC6666;
	border-bottom    : 1px solid #CC6666;
	background       : #FFCCCC;
	color            : #000000;
	text-align       : center;
}
	
TABLE#SC
{
  height           : 250px;
  width            : 275px;
  background       : #EEEEEE url("images/light_sc.gif") center no-repeat;
  text-align       : center;
}

ul#mainnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #CC6666;
	}
		
ul#mainnav li {
	display: block;
	border-top: 1px solid #FFCCCC;
	}

ul#mainnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #CC6666;
	color: #FFFFFF;
	text-decoration: none;
	}

ul#mainnav li a:hover {
	background-color: #EE6666;
	color: #FFFFFF;
	}
ul#subnav {
  position:relative;
  left:10px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #CC6666;
  width:140px;
	}
		
ul#subnav li {
	display: block;
	border-top: 1px dotted #FFCCCC;
	}

ul#subnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #CC6666;
	color: #fff;
	text-decoration: none;
	width: 140px;
	}

ul#subnav li a:hover {
	background-color: #EE6666;
	color: #FFFFFF;
	}
	
A#menutoggle:link
{
  color         : #FFFFFF;
  text-decoration: none;
} 

A#menutoggle:visited
{
  color         : #FFFFFF;
  text-decoration: none;
} 

A#menutoggle:hover
{
  color         : #FFFFFF;
  text-decoration: none;
}

.title
{
  width            : 100%;
  font-size        : 150%;
  font-weight      : bold;
  text-align       : center;
}

.footnote
{
  font-size        : 75%;
}

.paddedcontent
{
	padding          : 5px 5px 5px 5px;
}

.hiddenimage
{
  display          :none;
}

DIV #wminfo, #wpinfo, #aminfo, #apinfo, #treasurerinfo, #secretaryinfo, #conductressinfo, #acinfo, #marshallinfo, #chaplaininfo, #warderinfo, #sentinelinfo, #organistinfo, #adahinfo, #ruthinfo, #estherinfo, #marthainfo, #electainfo, #starhistory, #chapterhistory, #missioninfo
{
  display          : none;
  visibility       : hidden;
}

DIV #currentevents
{
  display          : block;
  visibility       : visible;
}