﻿

.h3_equiv {
	font-size: 1.0em;
	font-weight: bold;
	color: #1D429B;
	background: transparent;
	margin: 0;
	padding: 0;
	display:block;
}


/* Styles added by nick dunn */
table {width:100%;}

/* end Styles added by nick dunn */

.txtHeaderSearch
{
    width:116px;
}

html>body .txtHeaderSearch
{
    width:118px;
}

.contrastcolmargin
{
    padding:5px 15px;
    /*text-align:justify;*/
    text-align:left;
    color:#FFF;
}
.contrastcolmargin a
{
	text-decoration:underline;
}
.colmargin a
{
	text-decoration:underline;
}
.colmargin
{
    padding:0px;
   /*text-align:justify;*/
    text-align:left;
    
}

#featuredstories .title_green a
{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#featuredstories .title_orange a
{
	 color:#1D4296;
	 font-weight:bold;
	 text-decoration:none;
}

#featuredstories, #getInvolvedResults, #WideResults
{
    float:left;
    width:610px;
}

#featuredstories .twocolumn, #getInvolvedResults .twocolumn
{
    width:300px;
    float:left;
    font-size:1em;
    margin-bottom:5px;
}

#featuredstories .threecolumn
{
    width:198px;
    float:left;
    font-size:90%;
    margin-bottom:5px;
}

#featuredstories .middle
{
    margin-left:8px;
    margin-right:8px;
}

#featuredstories .left
{
    margin-right:10px;
}

#featuredstories .title_left, #getInvolvedResults .title_left, #WideResults .title_left
{
    width:3px;
    float:left;
}

#featuredstories .title_right, #getInvolvedResults .title_right, #WideResults .title_right
{
    width:3px;
    float:left;
}

#featuredstories .text, #getInvolvedResults .text, #WideResults .text
{
    float:left;
    padding:3px 0 0 7px;
    margin:0;
 
}

/* voice hack exploits a bug in older css parsers (ie 5.x), which take it as the last declaration and terminates the class /*
/* the voice-family:inherit ensures that any text enabled browsers don't actually have a file to play */
#featuredstories .twocolumn .text, #getInvolvedResults .twocolumn .text
{
    width:292px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width:287px;

}
/* this is required after the voice hack otherwise ie 5.x ignores the next rule */
#ie5hack{}

#featuredstories .threecolumn .text
{
    width:189px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width:184px;
}
/* this is required after the voice hack otherwise ie 5.x ignores the next rule */
#ie5hack{}

#featuredstories .title_left_green, #WideResults .title_left_green
{
    float:left;
    width:3px;
    background-image:url(/images/FeaturedStoryGreenLeft.gif);
    background-repeat:no-repeat;
    background-position:left top;
    height:17px;
}

#featuredstories .title_right_green, #WideResults .title_right_green
{
    float:left;
    width:3px;
    background-image:url(/images/FeaturedStoryGreenRight.gif);
    background-repeat:no-repeat;
    background-position:right top;
    height:17px;
}

#featuredstories .title_left_orange, #getInvolvedResults .title_left_orange, #WideResults .title_left_orange
{
    float:left;
    width:3px;
    background-image:url(/images/FeaturedStoryOrangeLeft.gif);
    background-repeat:no-repeat;
    background-position:left top;
    height:17px;
    
}

#featuredstories .title_right_orange, #getInvolvedResults .title_right_orange, #WideResults .title_right_orange
{
    float:left;
    width:3px;
    background-image:url(/images/FeaturedStoryOrangeRight.gif);
    background-repeat:no-repeat;
    background-position:right top;
    height:17px;
    
}

#featuredstories .twocolumn .title_green, #featuredstories .threecolumn .title_green, #WideResults .title_green
{
    float:left;
    background-color:#33A02B;
    
}

#featuredstories .twocolumn .title_orange, #featuredstories .threecolumn .title_orange, #getInvolvedResults .twocolumn .title_orange, #WideResults .title_orange
{
    float:left;
    background-color:#FF9900;
}

#featuredstories .threecolumn .bottom
{
    padding-bottom:5px;
    width:195px;
    font-size:1.12em;
    background-color:#FFF;
}

#featuredstories .twocolumn .bottom, #getInvolvedResults .twocolumn .bottom
{
    padding-bottom:5px;
    width:298px;
}

#WideResults .bottom
{
    width:607px;
}

#featuredstories .bottom, #getInvolvedResults .bottom, #WideResults .bottom
{
	float:left;	
	border-top:0px;
}

#featuredstories .bottom.green, #WideResults .bottom.green
{
    border:1px solid #33A02B;
    background-image:url(/images/FeaturedStoryGreenBottom.gif);
    background-repeat:repeat-x;
    padding-top:3px;
}

#featuredstories .bottom.orange, #getInvolvedResults .bottom.orange, #WideResults .bottom.orange
{
    border:1px solid #FF9900;
    background-image:url(/images/FeaturedStoryOrangeBottom.gif);
    background-repeat:repeat-x;
     background-color:#FFF;
}


#featuredstories .image
{
    float:left;
    text-align:center;
    width:85px;
    padding-top:10px;
    padding-bottom:7px;
   
}

#featuredstories .twocolumn .content
{
    width:208px;
}

#featuredstories .threecolumn .content
{
    width:100px;
}

#featuredstories .content
{
    float:left;
    padding-top:7px;
    padding-bottom:3px;
}

#featuredstories .twocolumn .title_green
{
	 color:#FFF;
}
#featuredstories .break, #getInvolvedResults .break
{
    width:100%;
    float:left;
    height:10px;
}

#featuredstories a, #getInvolvedResults a
{
    text-decoration:underline;
    
    display:block;
}
#featuredstories a:hover,#getInvolvedResults a:hover
{
  
}
#getInvolvedResults .quantity
{
    display:block;
    float:left;
    width:291px;
    border-bottom:1px solid #FF9900;
    padding-top:5px;
    padding-left:7px;
    margin-bottom:5px;
}   
#getInvolvedResults .item .content .title a
{
	color:#1D4296;
}

#getInvolvedResults ..item
{
    float:left;
    width:298px;
    display:block;
    margin-bottom:5px;
}

#getInvolvedResults .item .content
{
    float:left;
    width:218px;
    padding-left:5px;
    display:block;
    margin-right:5px;
}

#getInvolvedResults .image
{
    float:left;
    margin:5px;
    height:65px;
}


/*	--------------------------------------------------  */
/*	MAP STUFF                      						*/
/*	--------------------------------------------------  */

#map #imgMap
{
    float:left;
    display:inline;
}

#map .map_container
{
    float:left;
    position:relative;
}

#map .map_links
{
    margin-top:5px;
    background-repeat:no-repeat;
    float:left;
}

#map .map_left
{
    text-align:left;
}

#map .map_right
{
    text-align:right;
}

#map .map_middle
{
    text-align:center;
}

#map .map_scale
{
    padding:7px;
    text-align:center;
    border:1px solid black;
    float:left;
    background-color:#CAD3E4;
    margin-left:108px;
    height:15px;
    margin-bottom:10px;
}

#map .map_scale a
{
    float:left;
}

#map .map_scalemarker
{
    margin-top:2px;
    margin-left:4px;
    margin-right:4px;
}

#map .map_reset
{
    margin-left:5px;
}


#map .map_controls
{
    
    clear:both;
    display:block;
    width:440px;
    background-color:#FFF;
    text-align:center;
    border:none;
    margin:10px 0px 10px 0px;
}

#map .map_controls.green
{
    border:2px solid #33A02B;
    padding:3px 3px 3px 3px;
}

#map .map_controls.orange
{
    border:2px solid #FF9900;
    padding:3px 3px 3px 3px;
}
#map .map_controls .inner
{
	padding:3px 0px 5px 0px;
	border:none;
}
#map .map_controls .inner.green
{
	background-color:#DDF0DA;
}
#map .map_controls .inner.orange
{
	background-color:#FFEDD3;
}



#map .map_controls .options
{
    float:left;
    display:block;
    width:40%;
}

#map .map_controls .button
{
    margin-top:20px;
}

#map .map_directions .tot_distance
{
    display:block;
    font-weight:bold;
}

#map .map_directions .tot_time
{
    display:block;
    font-weight:bold;
    margin-bottom:5px;
}

#map .route
{
    width:440px;
    line-height:18px;
    float:left;
    display:block;
    border:none;
    padding:0;
}

#map .altroute.orange{
    background-color:#FFEDD3;
}
#map .altroute.green{
    background-color:#DDF0DA;
}

#map .route.header{
    font-weight:bold;
    border-bottom:1px solid black;
    padding-bottom:4px;
    margin-bottom:5px;
}

#map .route .time{
    display:block;
    float:left;
    width:30px;
    padding-right:5px;
   
}

#map .route .instruction
{
    padding-left:5px;
    display:block;
    float:left;
    width:220px;
  
}

#map .route .onto{
    display:block;
    float:left;
    width:75px;
   
}

#map .route .for{
    display:block;
    float:left;
    width:30px;
    padding:0 5px 0 5px;
   
}

#map .route .distance{
    display:block;
    float:left;
    padding:0 5px 0 5px;
   
}

.back_to_offices{
    text-indent: 5px;
    line-height: 20px;
}




/*   ------------------------------ DO NOT DELETE
#searchbox
{
    width:598px;
    background-color:#999999;
    border:2px solid blue;
    padding:4px;
    float:left;
    height:10px;
}

#searchbox .left_search
{
    float:left;
    width:50%;
    display:block;
}

#searchbox .right_search
{
    float:left;
    width:50%;
    display:block;
    height:100%;
}    

#searchbox .left_search.green
{
    background-color:Green;
}

#searchbox .right_search.orange
{
    background-color:Yellow;
}
*/


#simple_event
{
	
}
#simple_event h2
{
	float:left;
	COLOR: #cc0066;
	
}
#simple_event a
{
	text-decoration:underline;
	COLOR: #cc0066;
	font-weight:normal;
}
#simple_event .sendToAFriend 
{
	float:right;
}
#simple_event .hr
{
	border-collapse:collapse;
	height:2px;

	border-bottom:2px dotted #CCC;
	
	clear:both;
}
#simple_event table tr td.textBoldBlue
{
	color: #003399;
	font-weight:bold;
}
#simple_event table tr td.textBold
{
	color:#000;
	font-weight:bold;
}



/*Shop detail page*/
#shop_detail
{
	
}
#shop_detail h2
{
	float:left;
	COLOR: #cc0066;
	margin:0px 0px 0px 4px;
}
#shop_detail h3
{
	float:left;
	margin:0px 0px 0px 10px;
	font-weight:normal;
	font-size:100%;
}

#shop_detail a
{
	COLOR: #cc0066;
	font-weight:normal;
	text-decoration:underline;
}
#shop_detail .sendToAFriend 
{
	float:right;
}
#shop_detail .hr
{
	border-collapse:collapse;
	height:2px;
	border-bottom:2px dotted #CCC;
	clear:both;
}
#shop_detail table
{

}
#shop_detail .shopImage
{
	float:right;
}
#shop_detail table tr td.textBoldBlue
{
	color: #003399;
	font-weight:bold;
}
#shop_detail table tr td.textBold
{
	color:#000;
	font-weight:bold;
}

/*office detail page*/
#office_detail
{
	
}
#office_detail h2
{
	float:left;
	COLOR: #cc0066;
	margin:0px 0px 0px 4px;
}
#office_detail h3
{
	float:left;
	margin:3px 0px 0px 10px;
	font-weight:normal;
	font-size:100%;
}

#office_detail a
{
	COLOR: #cc0066;
	font-weight:normal;
	text-decoration:underline;
}
#office_detail .sendToAFriend 
{
	float:right;
}
#office_detail .hr
{
	border-collapse:collapse;
	height:2px;
	border-bottom:2px dotted #CCC;
	clear:both;
}
#office_detail table
{

}
#office_detail .shopImage
{
	float:right;
}
#office_detail table tr td.textBoldBlue
{
	color: #003399;
	font-weight:bold;
}
#office_detail table tr td.textBold
{
	color:#000;
	font-weight:bold;
}
#office_detail .copy
{
	padding:0px 6px 0px 6px;
}
/*volunterring detail page*/
#volunterring_opp
{
	
}
#volunterring_opp h2
{
	float:left;
	COLOR: #cc0066;
	margin:0px 0px 0px 4px;
	width:290px;
}
#volunterring_opp h3
{
	
	margin:3px 0px 0px 0px;
	font-weight:bold;
	font-size:100%;
}
#volunterring_opp a
{
	COLOR: #cc0066;
	font-weight:normal;
	text-decoration:underline;
}
#volunterring_opp .sendToAFriend 
{
	float:right;
	clear:both;
}
#volunterring_opp .hr
{
	border-collapse:collapse;
	height:2px;
	border-bottom:2px dotted #CCC;
	clear:both;
}
#volunterring_opp table
{

}
#volunterring_opp .shopImage
{
	float:right;
}
#volunterring_opp table tr td.textBoldBlue
{
	color: #003399;
	font-weight:bold;
}
#volunterring_opp table tr td.textBold
{
	color:#000;
	font-weight:bold;
}





.back_to_search
{
	margin:10px 0px 0px 0px;
	
}




/*          IMAGE OVERLAY BITS      ////////////////////////////////////*/

.map_marker
{
    float:left;
    position:absolute;
    border:0;
}

.map_marker img
{
    position:absolute;
    border:0;
}








/*          PRINT BITS      ////////////////////////////////////*/
.max_width
{
    display:block;
    float:left;
    margin-left:10px;
    width:630px;
}



/*          FORM LINKS      ////////////////////////////////////*/
#formlinks
{
    width:100%;
    float:left; 
    margin-top:10px;
}

#formlinks .buttonleft
{
    float:left;
    margin-bottom:10px;
}

#formlinks .buttonright
{
    float:right;
    margin-bottom:10px;
}
.EventDetailTitle
{
	width:320px;
}
.Quote
{
	background:#FF9900;
	padding:4px;
	font-style:italic;
	color:#FFF;
}
.Quote td.leftQuote, td.rightQuote
{
	width:20px;
}
.blue
{
	color:#1D4296;
}