@import 'join-form.css';
@import 'donation-block.css';

*
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	xfont-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;
}
html
{
	height: 100%;
	background: url("images/chromeTop.jpg") left top no-repeat;
}
body
{
	width: 60em;
	min-width: 965px;
	max-width: 100%;
	height: 100%;
	xheight: 720px;
	xmargin-right: 56px;
	font-size: 100%;
	background: url("images/chromeRight.jpg") right bottom no-repeat;
}
* html body
{
	width: 965px;
}
div#contentCol a
{
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #333;
}
div#contentCol a:hover
{
	border-bottom-style: solid;
	color: #999;
}
em,
emphasis
{
	font-style: italic;
}
h1,h2,h3,h4,h5,h6
{
	margin-bottom: 1ex;
}
h1
{
}
h2
{
}
h3
{
	font-size: large;
	font-weight: normal;
	text-align: center;
}
h4
{
	font-size: medium;
	text-align: left;
}
h5,
h5 a
{
	font-size: small;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: .3em;
}
h6
{
}
p
{
	margin-bottom: .6em;
	xline-height: 1.3;
}
p.byline
{
	text-align: right;
}
span.nowrap
{
	white-space: nowrap;
}
strong
{
	font-weight: bold;
}
/*-------------------------
header
-------------------------*/
#header
{
	position: relative;
	margin-left: 204px;
}
#header h1
{
	margin: 0;
	padding-bottom: 5px;
	font-size: 1.8em;
	text-align: center;
	color: #999;
	background: url("images/menuLine-horizontal.jpg") center bottom no-repeat;
}
#header h1 img
{
	position: relative;
	top: .4em;
	height: 1.5em;
	xpadding-top: .25em;
	xborder: 1px dotted red;
}
/*-------------------------
site menu
-------------------------*/
#header ul
{
}
#header ul li
{
	float: left;
	padding: 1em 0;
	list-style-type: none;
}
#header ul li a
{
	display: block;
	font-weight: bold;
	border: none;
	padding: 0 1em;
	border-right: 1px solid #000;
	text-decoration: none;
}
#header ul li.nextstep-foundation a
{
	color: #6588AB;
}
#header ul li.nextstepintegral a,
body.nextstepintegral #nav li a
{
	color: #52C9EB;
}
#header ul li.integraleducation a,
body.integraleducation #nav li a,
body.i-edu #nav li a
{
	color: #551A8B;
}
#header ul li.integralecology a,
body.integralecology #nav li a
{
	color: #00B113;
}
#header ul li.integralparenting a,
body.integralparenting #nav li a
{
	color: #CC7C39;
}
#header ul li.integralcommunity a,
body.integralcommunity #nav li a
{
	color: #E86251;
}
#header ul li.inext a,
body.i-next #nav li a
{
	color: #6488AB;
}
#header ul li.contact a
{
	font-weight: normal;
	border-right: none;
	color: #000000;
}
/* hover and selected domain: */
#header ul li a:hover,
body.nextstepintegral #header ul li.nextstepintegral a,
body.i-edu #header ul li.integraleducation a,
body.integraleducation #header ul li.integraleducation a,
body.integralecology #header ul li.integralecology a,
body.integralparenting #header ul li.integralparenting a,
body.integralcommunity #header ul li.integralcommunity a,
body.i-next #header ul li.inext a
{
	background-color: #FFE4D6;
}
/*
#header ul li.nextstepintegral a:hover,
#header ul li.integraleducation a:hover,
#header ul li.integralecology a:hover,
#header ul li.integralparenting a:hover,
#header ul li.integralcommunity a:hover,
#header ul li.inext a:hover,
*/
/*-------------------------
section menu
-------------------------*/
#nav
{
	clear: left;
	float: left;
	width: 11em;
	max-width: 20%;
	min-height: 416px;
	margin-top: 220px;
	margin-right: 58px;
	padding-right: 1px;
	background: url("images/menuLine.jpg") right top no-repeat;
}
* html #nav
{
	height: 416px;
}
#nav ul
{
	min-width: 145px;
	margin-top: 50px;
	padding-bottom: 200px;
	background: url("images/chromeMenu.jpg") left bottom no-repeat;
}
* html #nav ul
{
	width: 145px;
}
#nav li
{
	xwidth: 13em;
	xmargin-bottom: .7em;
	text-align: right;
	list-style-type: none;
}
#nav li a
{
	display: block;
	xline-height: 1.5;
	padding: .3em .5em .3em 0;
	font-size: large;
	font-weight: normal;
	border: none;
	text-decoration: none;
	xcolor: #333333;
	xcolor: #999999;
}
#nav li a:hover
{
	background-color: #FFE4D6;
}
body#index #nav li.index a
{
	color: #000;
	cursor: default;
}

/*-------------------------
content
-------------------------*/
#contentCol
{
	float: left;
	width: 37em;
	max-width: 70%;
	margin-top: 40px;
}
img#i-edu-banner
{
	display: block;
	xwidth: 37em;
	xmax-width: 70%;
}
#contentCol .left
{
	float: left;
	margin: 1em 1em 1em 0;
}
#contentCol .right
{
	float: right;
	margin: 1em 0 1em 1em;
}
#contentCol .center
{
	display: block;
	margin: 0 auto 1em auto;
}
#contentCol a.left,
#contentCol a.right,
#contentCol a.center,
#contentCol a.left:hover,
#contentCol a.right:hover,
#contentCol a.center:hover
{
	border: none;
	text-decoration: none;
}

/*-------------------------
contents (repetitive content)
-------------------------*/
#contentCol ol,
#contentCol ul
{
	margin-bottom: .6em;
	margin-left: 2em;
}
#contentCol ol ol,
#contentCol ul ul
{
	margin-left: 3em;
}
#contentCol li
{
	margin-bottom: .6em;
}
#contentCol p *
{
	background-color: inherit;
}
#contentCol div.boxRight
{
	float: right;
	width: 145px;
	padding: 1ex;
	border: 2px solid #315D84;
	background-color: #C6CFDE;
}
#contentCol div.calloutRight
{
	float: right;
	width: 33%;
	padding: 1em;
	text-align: right;
}
#contentBody
{
	margin-bottom: 3em;
}

/*-------------------------
home page - footnote
-------------------------*/
#footnote,
.footnoteCenter
{
	margin: 5em 0 1em 0;
}
.footnoteCenter
{
	text-align: center;
}

/*-------------------------
debug display
-------------------------*/
dl.printRRecursive
{
	clear: left;
	max-width: 900px;
}
dl.printRRecursive dt
{
	clear: left;
	xfloat: left;
	xwidth: 10em;
	height: auto;
	background-color: Yellow;
}
dl.printRRecursive dd
{
	xfloat: left;
	xwidth: 20em;
	max-width: 50em;
	height: auto;
	margin-left: 11em;
	white-space: normal;
	background-color: Aqua;
}
dl.printRRecursive dd dl
{
	clear: left;
}
div.error
{
	display: none;
}