body {
	background:#fff url("/Images/_Design/body.gif") repeat-x 0px bottom;
	margin:0;
}

h3 {
	padding-bottom:3px;
	border-bottom: 1px solid #fff;
	font-size:1.4em;
	line-height:140%;
	font-weight: bold;
}

a {
	text-decoration:underline;
}

.root, .outer {
	margin:0 auto;
}

.outer {
	width:1005px;
}

.root {
	width:926px;
	clear:both;babb
}

#head {
	height:78px;
	background:#d8d8d8 url("/Images/_Design/head.jpg") no-repeat center top;
}

#head * {
	overflow:hidden;
}

#head h1,
#head h1 a {
	display:block;
	width:262px;
	height:63px;
}

#head h1 {
	background:transparent url("/Images/_Design/h1.gif") no-repeat right top;
	float:left;
	margin:0;
	padding:0;
	text-indent:-99em;
}

#head p#tagline {
	margin:30px 0 0 468px;
	color:#e6b222;
	color:#fff;
	font-size:1.4em;
	/*font-weight:bold;*/
	font-family:'Miss Claude','Curlz M',script,sans-serif;

	/* based on 5/13 feedback */
	font-family:Arial;
	font-size:1.1em;
	font-style:italic;
}

#menu {
	height:27px;
	background:#d8d8d8 url("/Images/_Design/menu.jpg") repeat-y center center;
	font-size:13px !important;
	line-height:120% !important;
	overflow:hidden;
}

#menu ul {
	list-style:none;
	margin:0 56px;
	text-align:center;
	padding-top:3px;
}

#menu li {
	display:inline;
	padding:0 1em;
}

#menu a {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

#menu a:hover {
	color:#9999cc;
}

#menu #search-box {
	position:absolute;
	clear:both;
	display:none;
	left:0;
	right:0;

	z-index:100;
}

#menu #search-box.results {
	left:0px;
	width:800px;
}

#menu #search-box div.outer {
	width:355px;
	padding-left:650px;
	margin:0 auto;
}


#menu #search-box div.inner {
	/* self-sizing */
	float:left;
	background:#ddd;
	border:1px solid #000;
	padding:1em;
}

#menu #search-box input {
	width:9em;
	float:none;
}

#menu #search-box button {
	width:5em;
}

#menu #search-box.active {
}

#wrap {
	margin:0 auto;
	background:transparent url("/Images/_Design/wrap.png") repeat-x 0px 0px;
}

#wrap div.inner {
	background:transparent url("/Images/_Design/wrap_div.inner.jpg") no-repeat 37px 0px;
}

#wrap div#issues {
	width:959px;
	padding-top:13px;
	height:226px;
	margin:0 auto;
	font-size:12px !important;
	line-height:120% !important;

}

#wrap #issues ul {
	list-style:none;
	height:200px;
	margin:0;
	padding:0;
}

#wrap #issues li {
	width:176px;
	padding:5px;
	float:left;
	margin:0 7px 0 0;
	text-align:center;
	background:#ccc url("/Images/_Design/issues_li.jpg") no-repeat left top;;
}

#wrap #issues li.first {
	background:#ccc url("/Images/_Design/issues_li.first.jpg") no-repeat left top;
}

#wrap #issues li.last {
	margin-right:0;
	background:#ccc url("/Images/_Design/issues_li.last.jpg") no-repeat right top;
}

#wrap #issues li a {
	display:block;
	padding-top:200px;
	height:16px;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	background:transparent none no-repeat center top;
}

#wrap #issues li.share-the-faith a {
	background-image:url("/Images/1ShareFaith.jpg");
}

#wrap #issues li.outreach-resources a {
	background-image:url("/Images/2OutreachResources.jpg");
}

#wrap #issues li.cross-cultural-issues a {
	background-image:url("/Images/3CrossCultural.jpg");
}

#wrap #issues li.urban-issues a {
	background-image:url("/Images/4Urban.jpg");
}

#wrap #issues li.rural-outreach a {
	background-image:url("/Images/5Rural.jpg");
}

#wrap #issues li a:hover {
	text-decoration:underline;
}

#mainw {
	/*padding:0 42px 0 37px;*/
}

#main {
	margin-left:37px;
	width:926px;
	background:#fff url("/Images/_Design/wrap_div.inner.jpg") no-repeat 0px -226px;
	padding-top:3em;
	overflow:auto;
}

#main #content {
	float:right;
	margin-right:14px;
	width:530px;
	padding-right:16px;
}

#body #wrap #main #misc a,
#body #wrap #main #misc p,
#body #wrap #main #misc h3,
#body #wrap #main #misc h4,
#body #wrap #main #misc li,
#body #wrap #main #content a,
#body #wrap #main #content p,
#body #wrap #main #content h3,
#body #wrap #main #content h4,
#body #wrap #main #content li
{
	color:#000;
}

#main #sidebar {
	/*
	margin-right:560px;
	*/

	padding:0 560px 0 25px;
}

#main ul,
#main ol
{
	margin-left:2em;
}

#foot {
	clear:both;
	height:84px;
	color:#fff;
	font-size:10.5px !important;
	line-height:120%;
	background:transparent url("/Images/_Design/foot.png") no-repeat 743px 28px;
	overflow:hidden;
}

/* IE6/7 can't render this correctly, so we'll hide the selector from it */
#wrap + #foot {
	padding-top:18px;
}

#foot #vcard span.org a {
	color:#e6b222;
}

#foot #copyright {
	margin-top:1em;
}

/*******************************************************************************
Homepage
********************************************************************************/
#main.home div#sidebar {
	float:left;
	width:27%;
	margin:0;
	padding:0 0 0 4%;
}

#main.home div#content {
	float:left;
	width:35%;
}

#main.home div#misc {
	float:left;
	width:28%;
}


#body.js #main.home #content-list {
	list-style:none;
	padding:0 1em 0 0;
}

#body.js #main.home #content-list li {
	float:left;
	overflow:visible;
	/* LM width:5em;*/
}

/* LM
#body.js #main.home #content-list li h2 {
	font-size:1.1em;
}

#body.js #main.home li#news {
	width:6em;
}
*/


#body.js #main.home li#events div.inner {
	margin-left:-6em;
}

#body.js #main.home li#events h2 {
}

#main.home #news div.inner,
#main.home #events div.inner
{
	background:none;
}

#body #main.home #news div.inner,
#body #main.home #events div.inner
{
	display:block;
	clear:both;
}

#body.js #main.home #news div.inner
{
	display:none;
	/* margin-top:3em; */
	width:24em;

}
#body.js #main.home #events div.inner
{
	display:none;
	/* LM margin-top:3em; */
	width:15em;
}

#body.js #content-list li a {
	color:#888;
}

#body.js #content-list li.active a {
	color:#44f;
}


#body.js #main.home #content-list li.active div.inner {
	display:block;

}

div.program {
	background:#d8d8d8 url("/Images/div.program.png") no-repeat right bottom;
	padding:.5em;
}

div.program * {
	color:#fff;
	margin:0 0 .25em 0;
}

div.program h4 {
	font-size:.85em;
}

div.program p {
	margin-left:1em;
	font-size:.7em;
	line-height:110%;
	color:#ccc;
	font-weight:bold;
}

/*
TODO
* add search


#content p a {
	background:transparent none no-repeat scroll 0px 3px;
	background-image:url("http://www.csp.edu/_Images/check.gif");
	background-repeat:no-repeat;
	padding-left:10px;
}
*/

/* TODO - fix layout */
#content-list li {
	list-style-type:none;
}

#content-list div.inner li {
	list-style-type:disc;
}

/* hacky stuff */
/* original colors to new colors
Original/Old:
dk purple: 333399
dkk purple: 353599
med purple: 993399 (h3 line colors)
lt purple: 8484ca
lt grey: d8d8d8
black: ddd
New:
line #33 background FROM 8484ca TO d8d8d8
line #382 background FROM 353599 TO d8d8d8
line #8 h3 line color FROM 993399 TO fff
line #250 color FROM 666 TO 000
-->

*/