body {
	background-color: #FFFFFF;
	color: #000000;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, Helv, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
}

div#outerContainer {
	font-size: 100%;
	margin: 0;
	min-width: 600px;	/* IE doesn't understand this property */
	width: auto;
	text-align: left;
}

div#header {
	background-color: #ECDFC3;
	border-top: 20px solid #3B5D76;
	border-right: none;
	border-bottom: none;
	border-left: none;
	color: #000000;
	height: 104px;
	padding: 0;
	display: none;
}


div#header img.IFPSMlogo {
	position: absolute; 
	z-index: 2;
	left: 1px;
	padding: 0; 
	width: 150px;
	height: 104px;
	border: 0;
	border-style: none;

}

div#header a {
	border-style: none;
	width: 150px;
	height: 104px;
}

div#header img.IFPSMbanner {
	position: absolute; 
	z-index: 1;
	right: 0;
	padding: 0; 
	margin: 0;
	width: 394px;
	height: 104px;
	border: 0;
	border-style: none;
}

div#outerColumnContainer {
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 0 0 0 0;	/* side border widths must equal the widths of the left and right columns. */
	border-left-color: #ECDFC3;	/* left hand column background color */
	border-top-color: #ECDFC3;
	color: #000;
	z-index: 1;
}

* html div#outercolumncontainer {
	/* IE5.0/Win fix for 1px whitespace between header and body. 
	 * The case-incorrect selector is on purpose. IE5.0 and IE5.5 are
	 * case insensitive and I'm targeting IE 5.0. 5.5 doesn't get hurt
	 * by this extra margin work.
	 */
	margin-top: -1px;
	border-top: solid 1px #ECDFC3;
}

div#innerColumnContainer {
	margin: 0 -1px;	/* compensate for the borders because of 100% width declaration */
	width: 100%;
	z-index: 2;
}

html[xmlns] .mozclear {
	/* this selector should be valid CSS, but Opera 7.5 (and above) will pick
	 * this up as well. Shouldn't be a problem, Opera should handle this fine,
	 * but it's a Mozilla-targeted hack, and it should probably only affect
	 * mozilla. You can do that by replacing the INVALID CSS selector
	 * :root .mozclear for what's give here.
	 */
	border-bottom: 1px solid;
	border-color: transparent;
	margin-bottom: -1px;
}

div#leftColumn {
	float: none;
	overflow: visible;	/* fix for IE italics bug */
	position: relative;
	z-index: 10;
	margin: 0 1px 0 -11.6em; /* the margin on the side the column is to be rendered on must be the negative equal of the column's width. The opposite border must be 1px */
	width: 11.6em;
	display: none;
}

div#contentColumn {
	margin: 0 -1px; /* required to get the negative margin-based layout to work. if #contentColumn does not overlap the left and right columns, then the whole layout will break */
	width: 100%;
	float: none;
	overflow: visible;	/* fix for IE italics bug */
	position: relative;
	z-index: 10;

}

p.HomeNav {
	padding-top: 0;
	padding-left: 0;
	margin-top: -2px;
	margin-left: -10px;
	font-weight: bold;
	font-size: x-small;
}

.inside {
	padding: 0.5em 1.5em;	/* glitch in IE caused by vertical padding in this class, so 0 padding is set here and those blocks that need the vertical padding must be applied to the parent element. the purpose of this class is to provide horizontal padding without using hacks to get around IE's broken box model. so it's okay to apply vertical padding to the parent element, just not horizontal padding. */
}

div#vnav {
	margin: 0;
}

div#vnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	/*border: solid 1px #ECDFC3;
	border-bottom-width: 0;*/
}

div#vnav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	border-bottom: solid 1px #ECDFC3;
	line-height: normal;
}

* html div#vnav ul li a/* hide from IE5.0/Win & IE5/Mac */ {
	height: 0.01%;
}

* html div#vnav ul {
	position: relative;	/* IE needs this to fix a rendering problem */
}

div#vnav ul li a:link, div#vnav ul li a:visited, div#vnav ul li a:active {
	text-decoration: none;
	background-color: #70899B;
	color: #FFFFFF;
	font-weight: bold; 
	margin: 0;
	display: block;
	padding: 2px 5px 3px 5px;
	line-height: normal;
}

div#vnav ul li a:hover {
	text-decoration: none;
	background-color: #A6B5C1;
	color: #000000;
	font-weight: bold; 
	margin: 0;
	display: block;
	padding: 2px 5px 3px 5px;
	line-height: normal;
}

div#vnav ul li a#activeState {
	text-decoration: none;
	background-color: #A6B5C1;
	color: #000000;
	font-weight: bold; 
	margin: 0;
	display: block;
	padding: 2px 5px 3px 5px;
	line-height: normal;
}

div#footer {
	background-color: inherit;
	border-style: solid;
	border-width: 1px 0;	/* border for bottom of layout and top of footer area */
	border-color: #000000;
	color: #000;
	position: relative;
	text-align: center;
	font-size: x-small;	
	padding: 1em;
}

div#footer p {
	margin: 0;
}

div#footer a:link, div#footer a:visited, div#footer a:hover, div#footer a:active {
	color: #ffffff;
	background-color: #3B5D76; 
}

html>body div#footer {
	padding-bottom: 1.01em;	/* attempt to fix Gecko engine's rounding errors which can disrupt the layout. */
}

.clear {
	clear: both;
}

h1 {font-size: 1.8em; color: #3B5D76;}
h2 {font-size: 1.6em; color: #3B5D76;}
h3 {font-size: 1.4em; color: #3B5D76;}
h4 {font-size: 1.2em; color: #3B5D76;}
h5 {font-size: 1.1em; color: #3B5D76;}

/* DEFAULT LINK/MAIN CONTENT AREA LINKS */
a:link		{color: #3B5D76;}
a:visited	{color: #3B5D76;}
a:active	{color: #70899B;}
a:hover		{color: #70899B; text-decoration:none;}

hr {
	border: 0;
	color: #ECDFC3;
	background-color: #ECDFC3; 
	height: 1px;
}

/* Style for Members Only Menu */
#MembersMenu {
	padding-top: 20px;
	padding-bottom: 0;
	font-size: 85%;
	text-align: center;
	display: none;
}

.update {
	font-size: 85%;
}

/* Style for Member Directories */
h4.DirectoryList  {
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 5px;
	font-variant: small-caps; 
	background-color: #ECECEC;
}

h5.DirectoryList  {
	padding-bottom: 0;
	margin-bottom: 2px;
	margin-top: 2px;
	font-variant: small-caps; 
	font-size: 1em;
}

tr.rowheader {
	background-color: #DFDFDF;
	font-size: .9em;
}

tr.altrow {
	background-color: #ECECEC;
}


li {
	padding-bottom: 15px;
}

img.BOD {
	margin: 0 10px -10px 10px;
	padding: 0 10px 0px 10px;
	width: 100px;
	height: 150px;
}

table.BOD {
	font-size: 85%;
}

img.Affiliates {
	padding: 5px 10px 5px 0;
	margin: 5px 10px 5px 0;
	border: none;
}

img.AffContact {
	float: left;
	padding: 0 20px 20px 0;
	margin: 0 10px 30px 0;
	border: none;
}

table.WBorder {
	border: 1px solid #ECDFC3;
}

td.WBorder {
	border: 1px solid #ECDFC3;
}


/* Main Menu List */
.MenuList {
	list-style-type: none;
}

.MenuList ul {
	padding-top: 5px;
	padding-bottom: 5px;
}

.MenuList li {
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Secondary List */
.InnerList {
	list-style-type: disc;
}

.InnerList li {
	padding-top: 5px;
	padding-bottom: 5px;
}

.InnerList2 {
	list-style-type: square;
}

.InnerList2 li {
	padding-top: 5px;
	padding-bottom: 5px;
}

.AlphaList {
	list-style-type: upper-alpha;
}

.LowerAlphaList {
	list-style-type: lower-alpha;
}

.error {
	color: #C72921; 
	font-weight: bold;
}


/* Admin Area Styles */
.AdminIndexList {
	list-style-type: none;
}

.AdminIndexList li {
	margin-left: -10px;
	padding-left: 0;
}

.AdminError {
	color: #C72921; 
	font-weight: bold;
}

.Admin {
	font-size: 85%;
}

tr.Adminrowheader {
	background-color: #DFDFDF;
}

tr.Adminaltrow {
	background-color: #ECECEC;
}
/* End of Admin Area Styles */