/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
color: #333;
font-size: 12px;
padding: 0;
}

#top {
background: transparent url(../img/design_elements/bgcolors.gif) repeat-x 0 0;
height:7px;
margin:0;
padding:0;
line-height:7px;
}

/* anchors
----------------------------------------------- */
a {
color: #1c6391;
font-weight:bold;
text-decoration:underline;
}

a:hover {
color:#999;
}

/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
background:#fff;
}

/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
line-height:1.2em; 
}

h2 {
margin-top:1em;
}

h5 {
font-size:1.2em;
}

h6 {
font-size:1em;
}

h1 a {
font-weight:normal;
}

/* branding
----------------------------------------------- */
#branding {
background: #143055 url(../img/design_elements/header.jpg) no-repeat top center;
height: 300px;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
}

/* page heading
----------------------------------------------- */
h2#page-heading {
font-weight:normal;
padding:.5em;
margin:0 0 0px 0;
border-bottom:1px solid #ccc;
}

/* boxes
----------------------------------------------- */
.box {
background:#fff;
margin-bottom:20px;
padding:10px 10px 1px 10px;
}

.box h2 {
font-size:20px;
font-weight:bold;
color:#144779;
background:#fff;
margin:-10px -10px 0 -10px;
padding:6px 12px;
}

.box h2 a,
.box h2 a.visible {
color:#fff;
background:#333 url("../img/switch_minus.gif") 97% 50% no-repeat;
display:block;
padding:6px 12px;
margin:-6px -12px;
border:none;
}

.grid_4 .box h2 a {
background-position: 97% 50%;
}

.grid_5 .box h2 a {
background-position: 98% 50%;
}

.grid_12 .box h2 a {
background-position: 99% 50%;
}

.box h2 a.hidden,
.box h2 a.hidden:hover {
background-image: url("../img/switch_plus.gif");
}

.box h2 a:hover {
background-color:#111;
}
.b
lock {
padding-top:10px;
}

div.menu {
padding:0;
}

div.menu h2 {
margin:0;
}

div.menu .block {
padding-top:0;
}

/* paragraphs, quotes and lists
----------------------------------------------- */
p {
margin-bottom:1em;
}

blockquote {
font-family: Georgia, 'Times New Roman', serif;
font-size:1.2em;
padding-left:1em;
border-left:4px solid #ccc;
}

blockquote cite {
font-size:.9em;
}

ul, ol {
padding-top:0;
}

ol
{
	list-style: decimal;
}

ul
{
	list-style: disc;
}

li
{
	margin-left: 30px;
}


/* menus
----------------------------------------------- */
ul.menu {
list-style:none;
border-top:1px solid #bbb;
}

ul.menu li {
margin:0;
}

ul.menu li a {
display:block;
padding:4px 10px;
border-bottom:1px solid #ccc;
}

ul.menu li a:hover {
background:#eee;
}

ul.menu li a:active {
background:#ccc;
}

/* submenus
----------------------------------------------- */
ul.menu ul {
list-style:none;
margin:0;
}

ul.menu ul li a {
padding-left:30px;
}

/* section menus
----------------------------------------------- */
ul.section {
border-top:0;
margin-bottom:0;
}

ul.section li {
text-transform:uppercase;
}

ul.section li a {
background:#bbb;
}

ul.section li a:hover {
background:#aaa;
}

ul.section li a:active {
color:#fff;
background:#666;
}

ul.section li li a {
background:#ddd;
border-bottom:1px solid #eee;
}

ul.section li li a:hover {
background:#ccc;
}

ul.section li li a:active {
color:#000;
background:#fff;
}

ul.section ul li {
text-transform:none;
}

ul.section ul.current li a {
background:#eee;
border-bottom:1px solid #fff;
}

ul.section ul.current li a:hover {
background:#ddd;
}

ul.section ul.current li a:active {
background:#fff;
}

ul.section li a.current {
color:#fff;
background:#666;
}

ul.section li a.current:hover {
background:#555;
}

ul.section li a.current:active {
background:#444;
}

ul.section li a.active {
background:#fff;
cursor:default;
}

ul.section li.current > a.active,
ul.section li.current > a.active:hover {
color:#fff;
background:#666;
cursor:default;
}

/* table

table {
width:100%;
border:1px solid #bbb;
margin-bottom:10px;
}

col.colC {
width:8em;
}

th, td {
padding:.2em 1em;
text-align:left;
}

thead th {
border-bottom:2px solid #888;
background:#bbb;
padding:.4em 1em .2em;
}

thead th.table-head {
font-size:1em;
font-weight:normal;
text-transform:uppercase;
color:#fff;
background:#555;
border:1px solid #555;
}

tbody th,
tbody td {
border-top:1px solid #bbb;
border-bottom:1px solid #bbb;
background:#eee;
}

tbody tr.odd th,
tbody tr.odd td {
background:#fff;
}

tfoot th,
tfoot td {
border-top:2px solid #666;
background:#eee;
}

tfoot tr.total th,
tfoot tr.total td {
border-top:6px double #666;
}

tfoot tr.total th {
text-transform:uppercase;
}

th.currency,
td.currency {
text-align:right;
}
----------------------------------------------- */

/* forms
----------------------------------------------- */
form {
overflow:hidden;
}

fieldset {
padding:2px 10px;
position:relative;
background:transparent url(../img/misc/fieldset_bg.png) no-repeat;
height:105px;
}

fieldset input.text {
font-size:11px;
padding:3px 0;
color:#666;
margin-top:5px;
width:100px;
}

form p.notice {
	font-weight:bold;
}
input.search.text {
	width:66%;
}
input.search.button {
	width:28%;
	margin-left:2%;
}


/* articles
----------------------------------------------- */
.articles {
padding:0;
}

.articles h2 {
margin:0;
}

#articles {
padding-top:0;
}

.article {
border-top:1px solid #666;
padding-top:.5em;
}

.box .article {
border-top:3px solid #fff;
padding:13px 10px 0 10px;
}

.article h2 {
font-size:2em;
font-weight:normal;
text-transform:none;
color:#fff;
background:transparent;
padding:0;
margin:0;
border:none;
}

.article h3 {
margin-bottom:.2em;
font-size:1.6em;
}

.box .first {
border-top:none;
}

.article h4 {
font-size:1.2em;
margin-bottom:.5em;
}

.article a.image {
float:left; 
margin:3px 10px 3px 0; 
padding:4px;
border:1px solid #bbb;
background:#fff;
}

.article a.image:hover {
border:1px solid #666;
}

.article a.image img {
float:left; 
}

.article p.meta {
color:#666;
border-top:1px dotted #999;
border-bottom:1px dotted #999;
padding:.3em 0;
margin-bottom:.8em;
}

/* site information
----------------------------------------------- */
#site_info {
float:left;
width:100%;
overflow:hidden;
position:relative;
}

#site_info .box {
margin:0 auto;
padding:0;
margin-top:20px;
color:#144779;
background:transparent url(../img/design_elements/footer_bg.png) repeat-x;
height:150px;
}

#site_info a {
color:#144779;
line-height:50px;
}

#site_info a:hover {
color:#9398cc;
}

#footer {
background:#eee url(../img/design_elements/footer_bg.png) repeat-x;
height:150px;
margin-top:20px;
padding-top:20px;
color:#000;
}

.footer_column {  
float:left;   
margin-right:40px; 
margin-left:30px; 
}

.container {
width:940px;
margin:0 auto;
position:relative;
}  

#footer .long {  
width:610px;  
} 
 
#footer h3 {  
color:#144779;  
text-transform:uppercase;  
font-size:14px;  
} 
 
.footer_column ul li, .footer_column ul {  
list-style:none;  
margin:0px;  
padding:0px;
} 

.footer_column ul li a {  
color:#144779;
font-weight:bold;
text-decoration:none;
}

.footer_column ul li a:hover {  
color:#999;
text-decoration:none;
}

/* AJAX sliding shelf
----------------------------------------------- */
#loading {
float:right; 
margin-right:14px; 
margin-top:-2px;
}

.block {padding-bottom:1px;
}

/* Accordian
----------------------------------------------- */
.toggler {
color: #222;
margin: 0;
padding: 2px 5px;
background: #eee;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #f5f5f5;
border-left: 1px solid #f5f5f5;
font-size:1.1em;
font-weight: normal;
}

.element h4 {
margin: 0;
padding:4px;
line-height:1.2em;
}

.element p {
margin: 0;
padding: 4px;
}

.float-right {
padding:10px 20px;
float:right;
}

#accordian-block {
padding-bottom:10px;
}

/* Mootools Kwicks
----------------------------------------------- */
#kwick-box { 
padding:0;
overflow:hidden;
}

#kwick-box h2 { 
margin:0;
}

#kwick {
position: relative;
}

#kwick .kwicks {
display: block;
background: #999;
height: 120px;
list-style:none;
margin:0;
overflow:hidden;
}

#kwick li {
float: left;
margin:0;
padding:0;
}

#kwick .kwick {
display: block;
cursor: pointer;
overflow: hidden;
height: 100px;
width: 215px;
padding: 10px;
background: #fff;
}

#kwick .kwick span {
color:#144779;
}

#kwick .one {
background: #D4AED2;
}

#kwick .two {
background: #CAD9EF;
}

#kwick .three {
background: #559BBD;
}

#kwick .four {
background: #9398CC;
}

#kwick a {
font-weight:normal;
}

/* Miscellaneous */
.image {
margin: 0 5px 5px 0;
}

/* site map
----------------------------------------------- */
.sitemap ul {
margin:0;
padding:0;
}

.sitemap ul.disc {
		list-style-type: disc;
		}
		
.sitemap ul.square {
		list-style-type: square;
		padding-left:45px;
		}

.sitemap ul.circle {
		list-style-type: circle;
		padding-left:90px;
		margin-bottom:0;
		}
		
.sitemap ul li {
	line-height:25px;
	}

/* newsletter signup
----------------------------------------------- */
.submit {
background-image:url(http://www.thewlp.org/img/design_elements/submit_button.gif);
background-repeat:repeat-x;
border-color:#DDDDDD #666666 #666666 #DDDDDD;
border-style:solid;
border-width:1px;
color:#144779;
font-family:'trebuchet ms';
font-size:11px;
font-weight:bold;
margin-bottom:12px;
padding:3px 2px;
text-decoration:none;
}
.submit:hover {
background-image:url(http://www.thewlp.org/img/design_elements/submit_button_hover.gif);
background-repeat:repeat-x;
border-color:#999999 #CCCCCC #CCCCCC #999999;
border-style:solid;
border-width:1px;
color:#000033;
padding:3px;
}

/* scrolling beacons of hope
----------------------------------------------- */
#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height: 250px; /*marquee height */
background-color: white;
overflow: hidden;
padding: 2px;
padding-left: 4px;
}

/* search 
------------------------------------------------*/

form#search {
		float:right;
		margin-top:25px;
		margin-right:45px;
		margin-bottom:-20px;
		}
		
form#search label {
		display:block;
		text-indent:-1000px;
		}

form input#zoom {
		background: url(http://www.thewlp.org/img/misc/search.png) no-repeat;

		border:0 none;
		padding-left:10px;
		padding-top:5px;
		height:25px;
		width:180px;
		color:#fff;
		}
		
/* search page
------------------------------------------------------*/

		.highlight { background: #FFFF40; }
		.searchheading {font-size: 130%; font-weight: bold; }
		.summary {font-size: 80%; font-style: italic; }
		.suggestion {font-size: 100%; }
		.results {font-size: 100%; }
		.category { color: #999999; }
		.sorting { text-align: right; }

		.result_title {font-size: 100%; }		
		.description {font-size: 100%; color: #008000; }
		.context {font-size: 100%; }
		.infoline {font-size: 80%; font-style: normal; color: #808080;}

		.zoom_searchform {font-size: 100%; }
		.zoom_results_per_page {font-size: 80%; margin-left: 10px; }
		.zoom_match {font-size: 80%; margin-left: 10px;}				
		.zoom_categories {font-size: 80%; }
		.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
		.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }
		
		input.zoom_button {  }
		input.zoom_searchbox {  }		
		
		.result_image { float: left; display: block; }
		.result_image img { margin: 10px; width: 80px; border: 0px; }

		.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
		.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }
		
		.result_pages {font-size: 100%; }
		.result_pagescount {font-size: 100%; }
		
		.searchtime {font-size: 80%; }
		
		.recommended 
		{ 
			background: #DFFFBF; 
			border-top: 1px dotted #808080; 
			border-bottom: 1px dotted #808080; 
			margin-top: 15px; 
			margin-bottom: 15px; 
		}
		.recommended_heading { float: right; font-weight: bold; }
		.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
		.recommend_title {font-size: 100%; }
		.recommend_description {font-size: 100%; color: #008000; }
		.recommend_infoline {font-size: 80%; font-style: normal; color: #808080;}