/* main body */
#main {	float: left; width: 660px; }
#home #main, .wide #main { width: 900px; }

/* content */
#content { background: #fff; padding: 10px 20px 10px 10px; }
#home #content { float: left; width: 460px; padding: 0; }

/* global */
.alignB { vertical-align: bottom; }
.floatL { float: left; }
.floatR { float: right; }
.hidden { display: none; }
.col { float: left; margin: 0 0 20px 0; padding-right: 10px; width: 270px; }
.wide .col { width: 420px; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display: inline-table;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */
br.clear { clear: all; }
.off-left { position: absolute; left: -9999px; }
	
#title { background: #fff; color: #036; font: bold 1.6em Arial, Helvetica, sans-serif; padding: 15px 10px 0 10px; }
div#title.search strong { display: block; float: left; width: 500px; }
div#title.search a { background: #f90; border-bottom: solid 2px #f60; border-right: solid 2px #f60; color: #fff; display: block; float: right; font-size: .75em; padding: 2px 2px 0 4px; text-decoration: none; text-transform: uppercase; }
div#title.search a:hover { background: #f80; border-color: #f50; }
div#title.search:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
p.crumbs { background: #fff; font-size: 11px; margin: 0; padding: 5px 10px; }
#content h1, #content h2, #content h3 { position: relative; }
h1 { border-bottom: solid 1px #ddd; color: #900; display: block; font: .9em Verdana, sans-serif; margin: 0 0 1em 0; padding: 0 0 .25em 0; }
h2 { color: #036; font: bold 1.4em Arial, sans-serif; margin: 0 0 .25em 0; }
h2 a { color: #369; }
h2 a:hover { color: #036; text-decoration: underline; }
h3 { color: #333; font: bold 1.2em Arial, sans-serif; margin: 0 0 .25em 0; }
p { line-height: 1.5em; margin: 0 0 1em 0; }
a { color: #369; }
a:hover { color: #036; }
a:visited { color: #369; }
a img {	border: 0; }
div#content input { font-family: Verdana, sans-serif; }
tr.alt { background: #eee; }
#content select { font-family: Verdana, sans-serif; }
span.notice { background: url(/img/notice.gif) no-repeat top left; display: block; font-size: .9em; padding: 2px 0 0 20px; }
p.annotation { color: #666; font-size: .9em; }

/* header */
#header { background: #147 url(/img/header.png) repeat-x top left; height: 70px; }
#header a.acronym { border: none; color: #fff; float: left; font: 4em Georgia, serif; text-decoration: none; }
#header #search { color: #fff; float: right; font-size: .95em; height: 30px; padding: 10px; text-align: right; width: 600px;}
#header #search span, #header #search select, #header #search input.text { margin: 0 10px 0 0; }
#header #search span { padding: 3px 0; }
#header #search select, #header #search input.text { border: solid 1px #ccc; font: 1em Verdana, sans-serif; padding: 0; width: 160px; }
#header #search input.text { padding: 2px 1px 2px 1px; }
#header #search input.button { background: #036; border: solid 2px #003; border-left-color: #036; border-top-color: #036; color: #fff; font-size: .95em; padding-bottom: 2px; }
#header #search input.button:hover { background: #147; }

#resources { float: right; font-size: .9em; height: 20px; width: 500px; list-style: none; margin: 0; padding: 0; }
#resources a { border: none; color: #fff; display: block; padding: 3px 0 4px 0; text-decoration: none; }
#resources a:hover { text-decoration: underline; }
#resources .floatL { background: url(/img/resourcesEdge.png) no-repeat top left; padding-left: 30px; }
#resources .floatR { padding-right: 10px; width: 170px; }
#resources ul { background: #222; border-top: solid 1px #000; left: -999px; top: 70px; list-style: none; margin: 0 0 0 0; padding: 0; position: absolute; width: 180px; }
#resources li:hover ul { left: auto; }
#resources li.hover ul { left: auto; }
#resources ul li { border: solid 1px #000; border-top: none; margin: 0; }
#resources ul a { display: block; padding: 4px; vertical-align: middle; }
#resources ul a:hover { text-decoration: none; }
#resources #press a { border-left: solid 5px #603; }
#resources #press a:hover { border-color: #936; }
#resources #researchers a { border-left: solid 5px #063; }
#resources #researchers a:hover { border-color: #396; }
#resources #congregations a { border-left: solid 5px #036; }
#resources #congregations a:hover { border-color: #369; }
#resources #educators a { border-left: solid 5px #306; }
#resources #educators a:hover { border-color: #639; }
.press #resources { background: #603 url(/img/resourcesPress.jpg) repeat-x bottom left; }
.researchers #resources { background: #063 url(/img/resourcesResearchers.jpg) repeat-x bottom left; }
.congregations #resources { background: #036; }
.educators #resources { background: #306 url(/img/resourcesEducators.jpg) repeat-x bottom left; }

/* nav */
#nav { background: #000 url(/img/nav.jpg) repeat-x top left; float: left; font-size: .9em; list-style: none; margin: 0; padding: 0; width: 900px; }
#nav li { float: left; list-style: none; margin-right: 1px; padding: 0; }
#nav li.active { background: #000; border-top: solid 1px #999; color: #fff; float: left; margin-top: 1px; padding: 6px 8px 9px 8px; }
#nav a { border-top: solid 1px #555; color: #fff; float: left; margin-top: 1px; padding: 6px 8px 9px 8px; text-decoration: none; }
#nav a:hover { background: #000; }
#nav a.active { background: #000; border-top: solid 1px #999; }
li#nav-press a { background: #375 url(/img/navRed.jpg) repeat-x bottom left; border-top: solid 1px #a57; margin-top: 1px; padding: 6px 8px 9px 8px; }
#nav li#nav-press a:hover { background: url(/img/navRedOn.jpg) repeat-x bottom left; border-top: solid 1px #c69; }
li#nav-researchers a { background: #375 url(/img/navGreen.jpg) repeat-x bottom left; border-top: solid 1px #5a7; margin-top: 1px; padding: 6px 8px 9px 8px; }
#nav li#nav-researchers a:hover { background: url(/img/navGreenOn.jpg) repeat-x bottom left; border-top: solid 1px #6c9; }
li#nav-congregations a { background: #357 url(/img/navBlue.jpg) repeat-x bottom left; border-top: solid 1px #57a; margin-top: 1px; padding: 6px 8px 9px 8px; }
#nav li#nav-congregations a:hover { background: url(/img/navBlueOn.jpg) repeat-x bottom left; border-top: solid 1px #69c; }
li#nav-educators a { background: #537 url(/img/navPurple.jpg) repeat-x bottom left; border-top: solid 1px #75a; margin-top: 1px; padding: 6px 8px 9px 8px; }
#nav li#nav-educators a:hover { background: url(/img/navPurpleOn.jpg) repeat-x bottom left; border-top: solid 1px #96c; }

/* sidebar */
/*#sidebar { background: url(/img/panel.jpg); background-repeat: repeat; color: #ccc; float: left; height: auto; overflow: visible; margin: 0; padding: 15px 10px 0 10px; width: 220px; }*/
#sidebar { background-color: #000; background-repeat: repeat; color: #ccc; float: left; height: auto; overflow: visible; margin: 0; padding: 15px 10px 0 10px; width: 220px; }
#sidebar a { border: 0; }
#sidebar dt { font: normal 1.4em Arial, Helvetica, sans-serif; }
#sidebar dt a { color: #ccc; text-decoration: none; }
#sidebar dt a:hover { color: #fff; text-decoration: none; }
#sidebar dd { margin: 0 0 1em 0; padding: 0; }
#sidebar ul { list-style: none; margin: 5px 0 0 0; padding: 0; }
#sidebar ul a { color: #bbb; }
#sidebar li { border-bottom: solid 1px #333; list-style: none; margin: 0; }
#sidebar li a { display: block; padding: 4px 0; text-decoration: none; }
#sidebar li a:hover { color: #fff; }
#sidebar li a.selected, #sidebar li.selected { color: #fff; font-weight: bold; padding: 4px 0; }
#sidebar input { font: .9em verdana, sans-serif; margin: .2em 0; }
#sidebar-go { background: #f90; border: solid 2px #f90; border-right: solid 2px #f60; border-bottom: solid 2px #f60; color: #fff; }

/* footer */
#footer { background: #333 url(/img/footer.jpg) repeat-x top left; clear: both; color: #999; font-size: .85em; padding: 13px 10px; }
#footer a { border: 0; color: #ccc; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .links { float: left; }
#footer .copy { float: right; text-align: right; }

/* home */
#home #users { background: #111 url(/img/panel.jpg) repeat-x top left; float: left; list-style: none; margin: 0; padding: 10px 0 10px 0; }
#home #users li { float: left; list-style: none; margin: 0; }
#home #users span { color: #fff; float: left; font: 1.4em Verdana, sans-serif; padding: 30px 15px; width: 170px; }
#home #users a { color: #eee; float: left; padding: 10px; text-decoration: none; }
#home #users a:hover { background: #222; }
#home #intro { background: #ddc; border-bottom: solid 2px #ccb; padding: 15px 10px 5px 10px; }
#home #intro h2 { color: #333; font: 1.5em Georgia, serif; }
#home #intro p { margin: 0; }
#home p.options { margin: 0; }
#home p.options a { display: block; background: #369; border: solid 2px #036; border-left-color: #369; border-top-color: #369; color: #fff; float: left; padding: 0 4px; text-decoration: none; }
#home p.options a:hover { background: #47a; color: #fff; }
#home #content ul { list-style: none; margin: 0 10px 20px 10px; padding: 0; }
#home #content ul div.chart { border: solid 2px #eee; float: right; margin: 0 0 0 20px; }
#home #content li { border-top: solid 2px #ddd; margin: 0 0 10px 0; padding: 10px 0 0 0; }
#home #content li.first { border-top: none; }
#home li h1 { border: 0; color: #999; font-size: .8em; margin: 0 0 .5em 0; padding: 0; }
#home #content li h2 { margin: 0; }
#home #content li h2 a { text-decoration: none; }
#home #content li h2 a:hover { text-decoration: underline; }
#home #columnLeft { border-top: solid 10px #111; float: left; list-style: none; margin: 0; padding: 0; text-align: center; width: 200px; }
#home #columnLeft { margin: 0; padding: 0; }
#home #columnLeft .logo { margin: 10px 0; }
#home #columnLeft .tagLine { color: #666; font: normal .9em georgia, serif; letter-spacing: .1em; margin: 0 0 10px 0; }
#home #columnLeft img { margin: 0 0 10px 0; }
/* right column */
#home ul#columnRight { border-left: solid 1px #ccc; border-right: solid 1px #ccc; float: right; list-style: none; margin: 0; padding: 0; width: 238px; }
#home ul#columnRight h2 { color: #900; font-weight: normal; margin: 0 0 .2em 0; }
#home ul#columnRight p { margin: 0; }
#home ul#columnRight li { background: #fff; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; margin: 5px; padding: 10px; padding-bottom: 60px; }
#home ul#columnRight li#newtree { background: #fff; padding-bottom: 10px;}
#home ul#columnRight li#tree { background: #fff url(/img/feature-tree.png) no-repeat bottom right; }
#home ul#columnRight li#international { background: #fff url(/img/feature-international.jpg) no-repeat bottom right; }
#home ul#columnRight li#newsletter { background: #fff url(/img/feature-newsletter.png) no-repeat bottom right; }
#home ul#columnRight li#archive { background: #fff url(/img/feature-archive.jpg) no-repeat bottom right; }
#home ul#columnRight li#reports { background: #fff url(/img/feature-reports.jpg) no-repeat bottom right; }
#home ul#columnRight li#community { background: #fff url(/img/feature-community.gif) no-repeat bottom right; }
#home ul#columnRight li#modules { background: #fff url(/img/feature-modules.jpg) no-repeat bottom right; }

ul.links { list-style: none; margin: 0 0 1.25em 0; padding: 0; }
ul.links li { font-size: .95em; margin: 0 0 .6em 0; }
ul.links ul { border-left: solid 1px #cde; list-style: none; margin: .5em 0 1em 0; padding: 0 0 0 5px; }
ul.links li.tree { font-size: 1em; }
ul.links li.tree li { font-size: .95em; }
ul.links .active ul { left: auto; position: relative; }

div.index, ul.index { margin-bottom: 1.5em; }

#controls { font-size: .9em; }
#controls ul { float: left; list-style: none; margin: 0; padding: 0; }
#controls li { display: block; float: left; margin-right: 4px; }
#controls li.selected { padding: 2px; }
#controls li a { border: none; display: block; padding: 2px 4px; text-decoration: underline; }
#controls li a:hover { border: none; background: #cde;}
#controls p { float: right; }
#controls select { font-family: Verdana, sans-serif; }

/* tab nav */
#content ul.tabs { background: url(/img/tabs.gif) no-repeat bottom left; color: #333; float: left; font-size: .9em; list-style: none; margin: .5em 0 1.25em 0; padding: 0 5px 0 15px; width: 600px; }
.wide #content ul.tabs { background: url(/img/tabsWide.jpg) no-repeat bottom left; width: 850px; }
#content ul.tabs li { float: left; list-style: none; margin: 0 5px; padding: 0; }
#content ul.tabs a { background: #ccc url(/img/tab.gif) repeat-x bottom left; color: #fff; float: left; font-weight: normal; margin: 0; padding: 6px 11px; text-decoration: none; }
#content ul.tabs a:hover { background: #ddd; color: #666; }
#content ul.tabs li.active { background: #fff; border: solid 1px #ddd; border-right: solid 1px #aaa; border-bottom: solid 1px #fff; padding: 5px 10px; }

/* standard list */
dl.list { margin: 0; padding: 0; }
dl.list dt { color: #036; font: bold 1.4em Arial, sans-serif; margin: 0 0 .05em 0; padding: 0;}
#codebook dl.list dt { color: #000; font: normal 1em verdana, sans-serif; margin: 0 0 .4em 0; }
dl.list dt a { color: #369; text-decoration: none; }
dl.list dt a:hover { border-bottom: solid 1px #036; color: #036; }
dl.list dd { font-size: 1em; margin: 0; padding: 0; }
dl.list dd.summary { margin: 0 0 1em 0; }
dl.list dd.summary p { margin: 0 0 .5em 0; }
dl.list dd.link { border-bottom: dashed 1px #ccc; margin: 0 0 .75em 0; padding: 0 0 1em 0; }

/* customized lists */
#surveyDetails dl.list dd.summary { margin: 0 0 1em 0; }
#surveyResults dl.list dd.link { border: 0; margin: 0 0 1em 0; padding: 0; }
dl.list dd.instructions { background: url(/img/quoteLeft.gif) no-repeat top left; border: solid 1px #ccc; border-left-color: #eee; border-top-color: #eee; color: #333; font-size: .9em; font-weight: bold; margin: 1em 0; }
dl.list dd.instructions p { background: url(/img/quoteRight.gif) no-repeat bottom right; margin: 0; padding: .4em 2.4em .4em 2.4em; }

/* table formatting */
table.data { font-size: .9em; margin: 0 0 1em 0; }
#maps table.data { width: 370px; }
table.data a { text-decoration: none; }
table.data a:hover { text-decoration: underline; }
table.data th { background: #eee; border-bottom: solid 1px #ccc; padding: 4px 20px 4px 4px; text-align: left; }
table.data td { border-bottom: solid 1px #ccc; padding: 4px 20px 4px 4px; }
table.data tr.totals td { border-bottom: none; border-top: solid 1px #ccc; }
	
/* denominations */
#history { background: url(/img/denominationHistory.jpg) repeat-x bottom left; border: solid 1px #ddd; border-left-color: #eee; border-top-color: #eee; line-height: 1.25em; margin: 0 0 10px 0; padding: 10px; }
#history td { padding: 0 10px 0 0; vertical-align: top; }
#history ul { float: left; list-style: none; margin: 0 20px 0 0; padding: 0; }
#history li { clear: both; list-style: none; }
#history span { color: #666; float: left; font-size: .85em; padding: 0 0 44px 0; width: 80px; }
#history p { float: left; font-size: .9em; margin: 0; }
#history span.continue { background: url(/img/iconContinue.gif) no-repeat center left; padding-bottom: 32px; }
#history span.rename { background: url(/img/iconRename.gif) no-repeat center left; padding-bottom: 32px; }
#history span.merge { background: url(/img/iconMerge.gif) no-repeat center left; }
#history span.split { background: url(/img/iconSplit.gif) no-repeat center left; }
#treeGraph { overflow: hidden; }

/* maps */
img.map { float: left; margin: 0 20px 20px 0; }
#content table.legend { list-style: none; margin: 10px 0 .75em 0; padding: 0; }
#content table.legend tr { margin: 0 0 .2em 0; }
#content table.legend td { padding: 0 5px 0 0; }
#content table.legend span { display: block; height: 12px; width: 12px; }
#content p.legend span { display: block; float: left; height: 12px; margin: 0 5px 0 0; width: 12px; }
form#mapComparison p { margin: 0 0 .25em 0; }
	
/* reports */
form.selectRegion ul { float: left; list-style: none; margin: 0 0 .75em 0; padding: 0 10px 0 0; width: 175px; }
table.reportGraph { font-size: .9em; margin: 0 0 1em 0; text-align: center; }
table.reportGraph th { background: #eee; border-bottom: solid 1px #000; font-weight: normal; padding: 10px 10px 0 10px; vertical-align: bottom; width: 100px; }
table.reportGraph th.first { border-left: solid 1px #000; }
table.reportGraph span { border: solid 1px #000; border-bottom: none; display: block; font-size: 1px; margin-top: 4px; }
table.reportGraph td { padding: 4px 10px 0 10px; text-align: center; vertical-align: top; width: 100px; }
html>body table.reportGraph th, html>body table.reportGraph td { width: 80px; }

/* data archive */
div.graph { background: #eee; border: solid 1px #ccc; float: right; margin: 0 0 10px 10px; padding: 10px; }
div.graph select { display: block; margin: 0 0 10px 0; text-align: left; }
	
/* international data */
img.flag { float: right; margin: 0 10px 1em 0; }
img.internationalMap { float: right; margin: 0 0 1em 10px; }
img.flag2 { float: right; margin: 0px 10px 20px 20px; }
	
/* search */
div#content form#search { background: #eee; border-bottom: solid 4px #ddd; border-right: solid 4px #ddd; float: left; margin-bottom: 20px; padding: 10px 10px 0 10px; }
div#content form#search input { font-size: 1.3em; }
div#content form#search p { margin: 0 0 1.5em 0; }
div#content form#search input.text { border: solid 1px #ccc; margin-right: 10px; padding: 2px 4px; width: 400px; }
div#content form#search input.button { background: #f90; border: none; border-bottom: solid 2px #f60; border-right: solid 2px #f60; color: #fff; padding-top: 2px; }
div#content form#search input.button:hover { background: #fa0; border-color: #f70; }
div#content form#search span { margin-right: 10px; }
body#search dl.list { margin: 0 0 1.5em 0; }
body#search dl.list dd { margin: 0 0 .75em 0; }
body#search dl.list dt em { color: #333; font-style: normal; }

#treeGraph { font-size: .8em; position: relative; }
#treeGraph a, #treeGraph span { position: absolute; }

#dhtmlfloatie{
position: absolute;
left: 0;
left: -900px;
filter:alpha(opacity=0);
-moz-opacity:0;
border: 2px solid black;
padding: 5px;
z-index: 100;
}