/*
Theme Name: Version 1
Theme URI: http://resourceactionprograms.org
Description: Dane's RAP theme
Version: 1
Author: Dane
Author URI: http://resourceactionprograms.org

/*-------------- Reseting ---------------- */

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, 
img,  s, small, strike, sup, sub, 
dl, dt, dd, ol, ul, li, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td
				{ margin: 0; padding: 0;
				  border: 0; outline: 0;
				  font-weight: inherit;
				  font-style: inherit;
				  font-size: 100%;
				  font-family: inherit;
				  vertical-align: baseline;
}
				  
:focus, :active	{ outline: 0 }

html 			{ font-size: 100.01%; height: 100%;  }
body 			{ font-size: 62.5%; height: 100%; color: #5a5a5a; background: #fff }	

/*-------------- Common ---------------- */

h1, h2, h3, h4, h5, h6
 				{ font-weight: normal; color: #000 }
				
h1 				{ font-size: 2.0em; line-height: 1.125em; margin-bottom: .5em} 
h2 				{ font-size: 1.3em; line-height: 1em; margin-bottom: 1.6em; letter-spacing: -1px }
h3				{ font-size: 1.5em; line-height: 1.1em;; margin-bottom: .5em; font-weight: bold}
h4, h5, h6		{ font-size: 1.2em; line-height: 1.5em; margin-bottom: 0.5em }

p, pre, code, label, th, td, dd, dt, select, li
				{ font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.0em }	
				
ul, ol			{ margin-bottom: 1.8em }
ul 				{ list-style: square }
ol 				{ list-style: decimal }
li	 			{ margin-left: 3.6em; color: #5a5a5a;}
li p 			{ color: #000; }
ul li ul		{ margin-top: .5em; margin-bottom: 0em; }
ul li ul li		{ font-size: 100.1%; } 


legend			{ display: none }
 
small 			{ font-size: 0.85em }
 
sup 			{ position:relative; bottom:0.3em; vertical-align: baseline }
sub 			{ position:relative; bottom:-0.2em; vertical-align: baseline }
 
acronym, abbr 	{ cursor: help; letter-spacing: 1px; border-bottom: #999 1px dashed }
label 			{ cursor: pointer }

/*---------------- Fonts -----------------*/

h1, h2, h3, h4, h5, h6
 				{ font-family:  Verdana, Arial, Helvetica, sans-serif; color: #19a8d8 }
p, a, pre, label, th, td, li
				{ font-family:  Verdana, Arial, Helvetica, sans-serif } 			
				
/*---------------- Links -----------------*/

a:link, a:visited, a:hover, a:active
				{ font-weight: normal; text-decoration: underline; color: #0099ff  }
a:hover			{ text-decoration: underline }
a img			{ border: 0 }

/*----------- Global Classes -------------*/

.clear			{ clear: both }
.floatLeft		{ float: left }
.floatRight		{ float: right }

.textLeft		{ text-align: left }
.textRight		{ text-align: right }
.textCenter		{ text-align: center }
.textJustify	{ text-align: justify }

.bold			{ font-weight: bold !important }
.italic			{ font-style: italic }
.underline		{ border-bottom: 1px solid }
.highlight		{ background: #ffc }

.noPadding		{ padding: 0 }
.noMargin		{ margin: 0 !important }
.noIndent		{ margin-left: 0; padding-left: 0 }
.noBullet		{ list-style: none; list-style-image: none }
.noBorder		{ border: none !important }
.noBackground	{ background: none !important }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

.clearfix 		{ display: inline-block }

/* Hides from IE-mac \*/
* html .clearfix 
				{ height: 1% }
.clearfix 		{display: block }
/* End hide from IE-mac */

/*-------------- Wrapper ------------------*/
#wrap 				{ width: 696px; overflow: visible; margin: 0 auto;min-height: 100%; background:url(img/wrap.gif) repeat-y; position:relative }

/*-------------- Layout -------------------*/

#header				{ width: 696px;  margin: 0 auto; overflow:hidden; background:url(img/header.jpg) bottom no-repeat; 
						padding-top: 79px; height:225px; margin-bottom: 6px}
.insideHead			{ background:url(img/header2.jpg) bottom no-repeat !important}
.logo				{  margin-right: 16px; margin-bottom: 13px; position:absolute; left:21px; top:36px}
.logotext			{ display: none; }
.textImg			{ margin: 40px 0 0 65px}

#menuHead			{ margin: 0 0 0 215px; overflow:hidden; width: 375px}
#menuHead li		{ float: left; list-style: none; margin:0; height: 40px}
#menuHead li a		{ float: left; display: block; overflow:hidden; height: 29px; width: 70px; padding-top: 8px; text-decoration:none;
						margin:0 10px; text-align: center; color: #fff; font: bold 1.1em/1.0em Verdana, Arial, Helvetica, sans-serif}
.home				{ background: url(img/menu1.gif) no-repeat}
.about				{ background: url(img/menu2.gif) no-repeat}
.our				{ background: url(img/menu3.gif) no-repeat; padding-top:2px !important; height: 37px !important}
.blog				{ background: url(img/menu4.gif) no-repeat}
.contact			{ background: url(img/menu4.gif) no-repeat; padding-top:2px !important; height: 37px !important}
.home:hover			{ background: url(img/menu1-hover.gif) no-repeat}
.about:hover		{ background: url(img/menu2-hover.gif) no-repeat}
.our:hover			{ background: url(img/menu3-hover.gif) no-repeat}
.blog:hover			{ background: url(img/menu4-hover.gif) no-repeat}
.contact:hover		{ background: url(img/menu4-hover.gif) no-repeat}

/*-----------------------------------------*/
#content			{ padding-bottom: 60px;overflow: hidden; width: 696px}
.extra				{ float:left; width: 178px}
.extra div			{ float: left; border:1px solid #dcdcdc}
.left				{ float:left; width: 178px; padding: 15px 15px 210px 23px; border:1px solid #dcdcdc;
						background: #3868b2 url(img/left-bottom-tall.jpg) left bottom no-repeat; height: 345px}
.left h1			{ font: normal 2.4em/1.0em Verdana, Arial, Helvetica, sans-serif; margin-bottom: 15px; color: #fff}	
.left h2 a			{color: #fff; text-decoration: none;}
				
.link				{ overflow:hidden; margin-bottom: 23px; padding-left: 15px; width: 150px; border: none !important}
.link h2			{ font: normal 1.3em/1.0em Verdana, Arial, Helvetica, sans-serif; padding-left: 37px; 
						padding-top: 8px; color: #fff; text-transform:uppercase}
.link p				{ padding-left: 37px}
.link a, a .link p	{ font: normal 0.9em/1.0em Verdana, Arial, Helvetica, sans-serif; color: #67c3ee; text-decoration:underline}
.link img			{ float:left}	
/*-----------------------------------------*/
.main				{ float:right; width: 473px}
.main div			{ border: 2px solid #dcdcdc; float:left}

.topMain			{ padding: 15px 15px 8px 16px; overflow:hidden; margin-bottom: 6px; width: 438px}
.topMain h1			{ float:left; width: 200px}
.topMain h2			{ color: #4a4a4a; font: normal 1.6em/1.0em Verdana, Arial, Helvetica, sans-serif; margin-bottom: 5px}
.topMain p			{  margin-bottom: 15px; font: normal 1.3em/1.1em Verdana, Arial, Helvetica, sans-serif;}
.widthInside		{ width: 100% !important; font-weight: bold}
.heightInside		{ min-height: 935px}

.download			{ float:right !important; width: 164px; height: 73px; border: 1px solid #cc3300 !important; padding:5px; margin:0 0 10px 10px}
.download a			{ display:block}
.firstLink			{ margin-bottom: 4px}

.line				{ width:438px; height:1px; background:url(img/line.gif) 13px no-repeat; border: none !important; margin:10px 0 20px 0}

.newsAll			{ clear:both; border: none !important; width: 438px}
.news				{ border: none !important; width: 185px;  float:left; margin-bottom:0 !important}
.news img			{ float: left; margin-left: none; padding-left: none; margin-bottom: 6px; border: none;}
.news p				{ float: right; font: normal 1.0em/1.0em Tahoma, Arial, Helvetica, sans-serif; color: #4a4a4a; }
.news a				{ font: normal 0.9em/1.0em Tahoma, Arial, Helvetica, sans-serif; color: #39b54a !important; 
						float:right; padding-right: 10px}
.firstColl			{ margin-right: 60px}

.post				{ width: 215px; height: 178px; padding: 4px 4px 4px 5px; margin-bottom:5px; margin-right:17px;}
.post p				{ font: normal 1.0em/1.0em Tahoma, Arial, Helvetica, sans-serif; padding-left: 30px; margin-bottom: 14px}
.post a				{ font: normal 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif; color: #19a8d8; text-decoration:underline}
.subs				{ float:right;font: normal 0.9em/1.0em Tahoma, Arial, Helvetica, sans-serif !important; color: #39b54a !important; 
						background:url(img/submit4.gif) right no-repeat; padding:5px 22px 0 0; display:block; height: 15px; margin-top: -2px}

.rightMain			{ width: 215px; height: 178px; padding: 4px 4px 4px 5px; margin-bottom:5px}

.greenColl			{ width: 224px; padding: 0; height: 88px; margin-right: 4px; margin-right:17px;} /* old background : padding: 10px 5px 10px 10px; background:url(img/greenColl.gif) repeat-x #3ab54a; */
.greenColl	h1		{ color: #003d4f; font: normal 1.1em/1.0em Verdana, Arial, Helvetica, sans-serif}
.greenColl	p		{ color: #fff; font: normal 0.9em/1.0em Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 5px}
.greenColl	a		{ color: #fff !important; font: normal 0.8em/1.0em Tahoma, Arial, Helvetica, sans-serif; text-decoration:underline}

.mailColl			{ width: 202px; height:64px; padding: 24px 0 0 22px}
.mailColl a			{ font: bold 1.4em/1.0em "Myriad Pro", Tahoma, Arial, Helvetica, sans-serif !important; color: #4a4a4a!important; width: 105px;
						padding-right: 60px; background:url(img/mail.gif) right no-repeat; display:block; text-decoration: none !important}
.inside				{ width: 217px !important; margin-top: 5px}
.inside2			{ width: 207px !important; margin-top: 8px}
.inside2 img		{ width: 207px !important;}
.inside2.post		{ padding-top: 7px; padding-bottom: 1px;}
.inside3			{ width: 195px !important; margin-top: 3px}

/*-----------------------------------------*/

.newsfoot			{ margin-top: 10px; border: none; }
.main div .newsfoot { border: none; }

#footer				{ position:absolute; bottom:0; left:0; height: 47px; width: 696px; margin:0 auto; 
						background: #fff url(img/footer.gif) top no-repeat}
#footer	p			{ color: #012f3e; float:left; padding-top:15px; font: normal 0.8em/1.0em Verdana, Arial, Helvetica, sans-serif}
#footer	a			{ color: #012f3e; text-decoration:underline}	

#footerMenu			{ float:right; margin:0; padding-top: 15px}
#footerMenu	li		{ float:left; list-style: none; margin:0; padding:0 8px 0 5px; background:url(img/menuFooter.gif) right 4px no-repeat}
#footerMenu	li a	{ color: #012f3e; float:left; font: normal 0.7em/1.2em Verdana, Arial, Helvetica, sans-serif; display:block}
.last				{ background: none !important; padding-right: 0 !important; }






/*-----------------------------------------*/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/*-----------------------------------------*/



 .jumplink  {
	padding-right: 5%; 
	padding-left: 90%;
		
	}

a.jumplink { 
		text-decoration: none;
		
}


.dropdown h2 {font-weight: bold; font-size: 1.3em; margin-bottom: 0.15em;}
.dropdown .upperdd p { font-size: 1em; }
.dropdown {display:block; height: 75px; position:relative;font-size: 0.8em;} /*styling of overall list*/
.dropdown dt {width:188px; padding:2px 8px 2px 0; font-weight:bold; cursor:pointer;}
.dropdown .upperdd {border-bottom:none; margin: 0;}
.dropdown dt:hover { }
.dropdown dd {position:absolute; top:0; overflow:hidden; width:180px; display: none; background:#fff; background-image: url(http://www.resourceactionprograms.org/wp-content/themes/v1/images/rollover-out.jpg); opacity:0;} /*styling of list items */
.dropdown ul {width:204px; border:2px solid #3b6cb5; list-style:none; overflow: hidden; margin: 0;}
.dropdown li {display:inline; font-size: inherit; background-image: url(http://www.resourceactionprograms.org/wp-content/themes/v1/images/rollover-out.jpg); margin: 0;}
.dropdown a, .dropdown a:active, .dropdown a:visited {margin: 0; display:block; color:white; text-decoration:none; width:194px;}
.dropdown ul li a { padding: 5px 0px 5px 00px; font-size: 125%;}
.dropdown ul li a:hover {font-weight: bold; color: #eaeaea; background:#00a8d6; }
.dropdown .underline {border-bottom:1px solid #b9d6dc;}
.dropdown img { margin-right: 5px;}

 
#userform {
	margin-left: 15px;
	font-size: 11px;
	font-weight: normal;
	color: #666;
}

#userform .textfield57 {
font: normal 11px/13px "lucida grande", tahoma, arial, verdana, sans-serif;
	padding: 2px;
	margin: 0;
	border: 1px solid #ccc;
	background-color: #eee;
	width: 57px;
	color: #666;

}

#results table tr td {
	text-align: center;
	border: 1px ridge #c9c9c9;
	padding: 5px;
	font-size: 1em;
	}
	
	

.topMain li p 			{ color: #000; font-size: 1em; color: #5a5a5a; margin-top: .5em; margin-bottom: 0em; }