/* @override 
	http://www.nhh.dev/stylesheets/homeworkhouse.css
	http://neighborhoodhomeworkhouse.local/stylesheets/homeworkhouse.css
*/
/* - - - - - - - - - - - - - - - - - - - - -

Title : Our Neighborhood Homework House
Author : Our Neighborhood Homework House
URL : http://www.onhh.org/

Description : 

Created : 
Modified : 

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

/* ----- BASICS ----- */

*{
}	
html,body{
  margin:0;
  padding:0;
}	
body{
  font-size:small;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	background:#0A8AF3 url(../images/bkg-blue.gif) top center repeat-y;
}
*html body{
  font-size: x-small; /* For IE5/Windows */
  f\ont-size:small; /* For other IE versions */
}

a{
  border:0;
}
img, a img{
  border:0;
}

#thermometer{
  margin: 1em 0;
  padding: 0;
  height: 286px;
  width: 100%; 
  background: url(http://xdal.org/thermometer/thermometer.cgi?precision=0&graduations=4&unit=$&goal=200000&current=66342.05) no-repeat; 
}
/* ----- STRUCTURE ----- */

#container{
  width:747px;
  margin:0 auto;
  padding: 10px 26px;
  background:transparent url(../images/bkg-crayon-blue.jpg) repeat-x 0 0;
  position:relative;
}	


#primaryContent{
  float:right;
  width:520px;
  margin-top:40px;
  padding:0 20px 0 0;
}

#index #primaryContent{
  width:100%;
  float:left;
  padding:0;
  margin:0;
}	
#index #sidebar{
	float: left;
	display: inline;
	overflow: hidden;
    width: 240px;
}

#index #main-boxes{ 
float: left;
}



#footer{
  margin:0 auto;
  width:700px;
  clear:both;
  padding:100px 0 40px 0;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size:90%;
}

#donatenow{
  position:absolute;
  top:30px;
  left:580px;
}
.left{float:left;}
.right{float:right;}

.half{ 
  width: 345px; 
  margin-right: 30px;
}
.last{ 
  margin-right: 0; 
}


#logo {
  font-size: 130%;
  font-weight: bold;
}

/* ----- PRIMARY NAVIGATION ----- */

#navigation{
  list-style:none;
  font-size:140%;
  font-weight:bold;
  float:left;
  padding:0 10px;
  margin:20px 0 20px 0;
}
#navigation li{
  float:left;
  padding-right:30px;
  margin:0;
}
#navigation li a{
  margin:0;
  padding:0;    
  text-decoration:none;
}





/* ----- SECONDARY NAVIGATION ----- */


ul#subnav{
	list-style:none;
	margin:60px 0 0 0;
	padding:0;
	display:block;
	font-size:90%;
	line-height:1.3em;
}
ul#subnav li a,
ul#subnav lh a,
ul#subnav li ul li a{
	text-decoration:none;
	padding:.5em 6px;
	display:block;
	border-bottom:1px solid #E5E8D7;
}
ul#subnav li,
ul#subnav li ul li {
	padding:0;
	margin:0;
	display:inline;
}
ul#subnav li ul{
	list-style:none; 
	padding-left:1em;
	margin:0;
}
ul#subnav li a:hover{
	text-decoration:underline;
}
ul#subnav lh,
ul#subnav li.nav_title{
	text-transform:uppercase;
	letter-spacing: 1pt;
	font-weight:bold;
	border-top:1px solid #E5E8D7;
	display:block;
	padding: .5em 0;
}
ul#subnav .current{
  background-color:#DBEDFA;
}



/* ----- PRIMARY CONTENT ----- */



/* ----- FEATURE ----- */

#feature{
	margin: 0 0 30px 0;
}
p.underline{
	line-height:2em;
  background:transparent url(../images/underline.gif) 0 0;
  
}


/* ----- BOXES ----- */

.box{
  float: left;
  width:232px;
  padding:0;
  padding-bottom:0px;
  margin: 0 20px 20px 0;
  display: inline;
  position: relative;
}
.box.last{ 
  margin-right: 0; 
}
#sidebar .box{
  margin: 0;
}
#sidebar div#visions{
  margin-top: 20px;
}
.box .box_title{
  color:#fff;
  margin:0;
  padding:0;
  text-shadow: #333 0px 0px 4px;
	background:#333;
}
* html .box .box_title { height: 0; }
.box .box_title span{
  display:block;
  padding:10px 0 25px 20px;
  margin:0;
  line-height:1.4em;
}
/* @group Full-width Box */

.box-full{
  float: left;
  width:750px;
  padding:0;
  padding-bottom:20px;
  margin: 0 20px 20px 0;
  display: inline;
  position: relative;
}

.box-full .box_title{
  color:#fff;
  margin:0;
  padding:0;
  text-shadow: #333 0px 0px 4px;
	background:#333;
}

.box_content h3{ 
  margin-top: 0; 
}
* html .box-full .box_title { height: 0; }
.box-full .box_title span{
  display:block;
  padding:10px 0 25px 20px;
  margin:0;
  line-height:1.4em;
}

.box-full.blue{ background:transparent url(../images/box-full-blue-bottom.jpg) left bottom repeat-y; }
.box-full.blue .box_title{ background:#333 url(../images/box-full-blue-top-1.gif) no-repeat; }
.box-full.blue .box_title span{ background:transparent url(../images/box-full-blue-top-2.gif) left bottom no-repeat; }



/* @end */
/* @group Half-width Box */

.box-half{
  float: left;
  width:345px;
  padding:0;
  padding-bottom:20px;
  margin: 0 20px 20px 0;
  display: inline;
  position: relative;
}
.box.last{ 
  margin-right: 0; 
}
.box-half .box_title{
  color:#fff;
  margin:0;
  padding:0;
  text-shadow: #333 0px 0px 4px;
	background:#333;
}
* html .box-half .box_title { height: 0; }
.box-half .box_title span{
  display:block;
  padding:10px 0 25px 20px;
  margin:0;
  line-height:1.4em;
}

.box-half.red{ background:transparent url(../images/box-half-red-bottom.jpg) left bottom repeat-y; }
.box-half.red .box_title{ background:#333 url(../images/box-half-red-top-1.jpg) no-repeat; }
.box-half.red .box_title span{ background:transparent url(../images/box-half-red-top-2.gif) left bottom no-repeat; }



/* @end */



.box.blue{ background:transparent url(../images/box-blue-bottom.jpg) left bottom repeat-y; }
.box.blue .box_title{ background:#333 url(../images/box-blue-top-1.gif) no-repeat; }
.box.blue .box_title span{ background:transparent url(../images/box-blue-top-2.gif) left bottom no-repeat; }

.box.red{ background:transparent url(../images/box-red-bottom.jpg) left bottom repeat-y; }
.box.red .box_title{ background:#333 url(../images/box-red-top-1.jpg) no-repeat; }
.box.red .box_title span{ background:transparent url(../images/box-red-top-2.gif) left bottom no-repeat; }

.box.green{ background:transparent url(../images/box-green-bottom.jpg) left bottom repeat-y; }
.box.green .box_title{ background:#333 url(../images/box-green-top-1.jpg) no-repeat; }
.box.green .box_title span{ background:transparent url(../images/box-green-top-2.gif) left bottom no-repeat; }

.box_content{
  margin:0 20px;
  padding: 0;
}
.box-half .box_content{ 
  margin-top: -10px; 
}

.box hr{
  visibility:hidden;
  padding:10px 0;
  margin: 0;
  clear: both;
}

.box h2,
.box h3,
.box h4{
  margin-bottom:0;
  padding-bottom:0;
}
.box p,
.box dl{
font-size:90%;
line-height:1.4em;
}
.box p{
  margin:0;
  padding:0;
}


/* ----- SIDEBAR ----- */
#sidebar{
  padding:0;
  margin:0;
  float: left;
  width: 170px;
}

#sidebar #contact_us{
  background:#fff url(../images/design2/signpost.gif) no-repeat bottom right;
}


/* ----- HEADINGS ----- */

h1, h2, h3, h4{
  font-family: "Arial","Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
  color:#D2581E;
}
h1{
  font-size:200%;
}
h2{
}
h3{
}
h4{
}

#getinvolved-currentevents{ 
  float: left;
  width: 100%;
  margin-bottom: 30px; 
}
#getinvolved-currentevents h3{ 
  margin: 0; 
}

h1 small{
  font-size: 50%;
  color: #0A8AF3;
}

h1.short{
  line-height: 0.7em;
}
.crayon_underline_blue{
  background:#fff url(../images/crayon_underline_blue.gif) 0 34px repeat-x;
  padding-bottom:0.8em;
}
.crayon_underline_red{
  background:#fff url(../images/crayon_underline_red.gif) 0 34px repeat-x;
  padding-bottom:0.8em;
}
.crayon_underline_green{
  background:#fff url(../images/crayon_underline_green.gif) 0 34px repeat-x;
  padding-bottom:0.8em;
}


/* ----- TEXT FORMATTING ----- */

p{
  line-height:1.6em;
}
p.big{
  font-size:120%;
  line-height:1.6em;
}
strong{
}
em{
}
b{
}
i{
}

p img,
li img,
.staff_bio img{
  border:1px solid #ddd;
  padding:2px;
  margin:2px 10px 10px 10px;
}
p img.noborder, #getinvolved p img{
  border: none;
  margin:0;
  padding:0;
}



#primaryContent.copy{
  font-family: Verdana,helvetica,arial,sans-serif;
}

.photo{
  margin:10px;
  padding:10px;
  border:1px solid #ddd;
  font-family: Verdana,helvetica,arial,sans-serif;
  font-size:90%;
}
.photo dd{
  font-style:italic;
}

ul{}
.copy li{
  margin:5px 0;
}

.center{
  text-align: center;
}

hr{
  margin:2em 0;
  padding:0;
  color:#ccc;
  background-color:#ddd;
  height:1px;
  border:none;
  width:100%;
  clear: both;
}

hr.clear { clear: both; visibility: hidden; margin: 0; height: 0; }

p.right img{
  display: block;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* ----- LINKS ----- */

a{
  color:#0066CC;
}
a:hover{
  text-decoration:none;
}
a:visited, a:active, a:focus{
}
a:visited{
}
a:active{
}
a:focus{
}

/* ----- LISTS ----- */


dl{
  margin:0;
  margin-bottom:10px;
  padding:0;
}
dt{
  font-weight:bold;
  margin:0;
  padding:0;
}
dd{
  margin:0;
}

ul.arrows{
  list-style-image:url(../images/icons/arrow-red.gif);
  margin:0;
  padding-left:20px;
}
ul.documents {
  list-style-image:url(../images/icons/page_white_acrobat.gif);
  font-size:110%;
  margin-top:0;
  padding-left:20px;
}
ul.plain_documents {
  list-style-image:url(../images/icons/page_white_go.gif);
  font-size:110%;
  margin:0;
  padding-left:20px;
}


/* ----- CREDITS ----- */

a#credits{
width:90px;
height:12px;
background:#fff url(../images/logo-artofmission-grey.gif) no-repeat;
display:block;
text-indent:-10000px;
margin:20px 0;
text-decoration:none;
}
a#credits:hover{
background:#fff url(../images/logo-artofmission-color.gif) no-repeat;  
}



/*  SIGNPOSTS */
#signpost_9th{
  position:absolute;
  height:90px;
  width:72px;
  left:150px;
  top:0px;
  background:transparent url(../images/signpost-9th.png) no-repeat;
}
#signpost_6th{
  position:absolute;
  height:108px;
  width:76px;
  left:150px;
  top:0px;
  background:transparent url(../images/signpost-6th.png) no-repeat;
}
#signpost_ntp{
  position:absolute;
  height:73px;
  width:124px;
  left:95px;
  top:3px;
  background:transparent url(../images/signpost-ntp.png) no-repeat;
}
#signpost_blog{
  position:absolute;
  height:100px;
  width:76px;
  left:160px;
  top:-15px;
  background:transparent url(../images/signpost-blog.png) no-repeat;
}

*html #signpost_9th { 
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/signpost-9th.png',sizingMethod='scale'); 
}

*html #signpost_6th { 
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/signpost-6th.png',sizingMethod='scale'); 
}
*html #signpost_blog { 
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/signpost-blog.png',sizingMethod='scale'); 
}

/* Tables */

.handbook_table{
  width:100%;
  margin:20px 0;
  border:1px solid #ccc;
}

.handbook_table th{
  text-align:left;
  padding-right:10px;
  width:50%;
  font-size:90%;
  
}
.handbook_table th,
.handbook_table td{
  border-bottom:1px dotted #ddd;
}
.handbook_table caption{
  text-align:left;
  font-style:italic;
  background:#ddd;
  border:solid #ddcccd;
  border-width:1px 1px 0 1px;
  padding:3px;
  font-size:90%;
}

/* MISC */

li.hand{
  list-style-image:url(../images/photos/hand.gif);
  font-weight:bold;
  
}
li.hand ul li{
  list-style-image:none;
  font-weight:normal;
}

code{
  border:1px solid #ccc;
  background:#eee;
  padding:10px;
  margin:10px 0;
  display:block;
}


/* Timeline */

.timeline{
}
.timeline th,
.timeline td{
  vertical-align: top;
  padding: 1em;
  border-top: 1px solid #ddd;
}
.timeline td p{
  padding-bottom: 1em;
}
.timeline th{
}
.timeline td{
}

.calendar{
  font-size: 80%;
  width: 160px;
}
.calendar .cal{
  width: 100%;
}
.calendar th{
  font-weight: bold;
}

#crossfade-container{
	height: 300px;
}
.fade-box {
	margin-left: 0px;
	position: absolute;
	top: 163;
	width: 750px;
	height: 300px;	
}



.pics {  
    height:  300px;  
    width:   750px;  
    padding: 0;  
    margin:  0;  
    z-index: 2;
} 
 
.pics img {  
    height:  300px;  
    width:   750px;  
    top:  0; 
    left: 0;
    z-index: 3;
} 




}
.twoColFixLtHdr #container { 
	width: 780px;  
	margin: 0 auto; 
	text-align: left; 
	background: #FFF;
} 
.twoColFixLtHdr #header { 
	padding: 0 10px 0 20px; 

} 
.twoColFixLtHdr #header h1 {
	margin: 0; 
	padding: 10px 0; 
}
.twoColFixLtHdr #sidebar1 {
	float: left; 
	width: 200px; 
	background: #D3003E; 
	padding: 15px 10px 15px 20px;
}
.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 250px; 
	padding: 0 20px; 
	background: #FFF;
} 
.twoColFixLtHdr #footer { 
	padding: 0 10px 0 20px; 
} 
.twoColFixLtHdr #footer p {
	margin: 0; 
	padding: 10px 0;
}
.fltrt { 

	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}