/*  Rebuilding Together Boston Web Site Stylesheet
    Created By: Donna Van Orden, Veritude/Fidelity Investments for a Common Impact Project
    Date Created: October, 2009
    Date Modified: June 25, 2010
    Modification History: commented out background image

    For Reference from the RT Brand Standards Manual:  

    Rebuilding Together National and Affiliate Color Palette 
    Black: #000000;
    Rebuilding Together Green: #62bd19;
    Deep Blue: #003c79;
    Orange:  #efaa22;
    Red: #d81f2a;
    Light Blue: #009acf;

    National Programs Color Palette
    Each Rebuilding Together national program is assigned a unique color to reinforce the individual
    attributes of the program and enhance program specific communications.
    Veterans Housing: Web #896532;
    Safe at Home: Web #de6100;
    Green Housing: Web #00573d;
    Gulf Coast Operations: Web #60207f;
    CapacityCorps: Web #9f2d20;
    National Affiliate Council: Web #3e647e;
    Organizational Development Institute: Web #5d3a51;

    Fonts
    These are the suggested typefaces for print and multimedia applications produced by 
    Rebuilding Together affiliates. They closely parallel the national fonts but are widely
    available on both PC and Mac platforms:
    
    Times New Roman
    Times New Roman Italic
    Times New Roman Bold
    Arial
    Arial Italic
    Arial Bold
    Trebuchet MS
    Trebuchet MS Italic
    Trebuchet MS Bold
    Trebuchet MS Bold Italic

*/

body 
{
  /*  background-image: url(../images/backgrounds/allfreebackgrounds/lgrey013.jpg); */
 background-color: White;
}

ul, li
{
	list-style: none;
}
/*
a, ul, li, p, h1, h2, h3, h4, h5, h6
{
	margin: 0px;
	padding: 0px;
}
*/

img 
{
	border: 0 none;
}

form
{
	border: solid 1px #dcdcdc;
	padding-left: 5px;
	
}

form .checkboxes
{
	margin-left: 30px;
	
}

form.donateButton {
	border: 0;
}

#canvas
{
    background-color: White;
    padding-bottom: 20px;
/*    border: solid thin gray; */
    width: 940px;
    padding-bottom: 20px;
    clear: both;
	margin: auto;
}

#header 
{
    background-color: White;
    padding-left: 10px;
    padding-top:10px;
    padding-bottom: 10px;
    clear: both;
    }
    
#logo
{ float: left;
   padding-bottom: 15px;
}


#header a:hover
{   font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    font-weight: normal;
    color: #797979; 
    text-decoration: underline;
    }
    

#righttopnav
{
    float:right;
    padding-right: 40px;
    padding-top: 20px;
     /*these styles will handle the lines between the links that appear in the header*/
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    color: #FF9E05;
   
    }
#righttopnav a
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    font-weight: normal;
    color: Black;
    text-decoration: none;
    vertical-align: middle;
    }
    
/* this is the green navigation bar*/

#tophorizontalnav
{
	clear: both;
    background-color: #66CC66;
	background-image: url('../images/backgrounds/topHorNavbg.jpg');
	background-position: center left;
	background-repeat: no-repeat;
    height: 23px;
    padding-left: 70px;
    padding-top: 7px;
    padding-bottom: 5px;
    }
    

#tophorizontalnav a:link, #tophorizontalnav a:visited, #tophorizontalnav a:active,
#tophorizontalnav a.off

{
    background-color: #66CC66;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: White;
	padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 5px;
    width: 40px;
    text-decoration: none;
    }
    

#tophorizontalnav a.focused,#tophorizontalnav a.focused:link,#tophorizontalnav a.focused:visited,#tophorizontalnav a.focused:active,  
#tophorizontalnav a:hover 
{
    background-color: #009acf;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: Black;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 5px;
    width: 40px;
    text-decoration: none;
    }
    
#aboutusdiv
{
	position: absolute;
	top: 155px!important; /*What Firefox reads*/
	top: 161px; /*What IE reads*/
	visibility: visible; 
	z-index: 100;
}
#getourhelpdiv 
{
	position: absolute;
	top: 155px!important; /*What Firefox reads*/
	top: 161px; /*What IE reads*/
	visibility: visible; 
	z-index: 100;
	
}
#volunteerdiv 
{
	position: absolute;
	top: 155px!important; /*What Firefox reads*/
	top: 161px; /*What IE reads*/
	visibility: visible; 
	z-index: 100;
	
}
#supportusdiv 
{
	position: absolute;
	top: 155px!important; /*What Firefox reads*/
	top: 161px; /*What IE reads*/
	visibility: visible; 
	z-index: 100;
	
}
#newseventsdiv 
{
	position: absolute;
	top: 155px!important; /*What Firefox reads*/
	top: 161px; /*What IE reads*/
	visibility: visible; 
	z-index: 100;
	
}

#aboutusdiv ul.focused,
#getourhelpdiv ul.focused,
#volunteerdiv ul.focused,
#supportusdiv ul.focused,
#newseventsdiv ul.focused 
{
	border-bottom: solid 1px #C3BE65; 
	list-style-image: none;
	list-style-type: none;	
	margin: 0px;
	padding: 0px;
	line-height: 135%;
	background: #009acf;
	width: 250px;
	font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: .045em;
	color: White;
	
}


#aboutusdiv ul.focused li,
#getourhelpdiv ul.focused li,
#volunteerdiv ul.focused li,
#supportusdiv ul.focused li,
#newseventsdiv ul.focused li
{
	border-top: solid 1px #C3BE65; 
	border-collapse: collapse;
}

 
#aboutusdiv ul.focused li a:link,#aboutusdiv ul.focused li a:visited,#aboutusdiv ul.focused li a:active,
#getourhelpdiv ul.focused li a:link,#getourhelpdiv ul.focused li a:visited,#getourhelpdiv ul.focused li a:active,
#volunteerdiv ul.focused li a:link,#volunteerdiv ul.focused li a:visited,#volunteerdiv ul.focused li a:active,
#supportusdiv ul.focused li a:link,#supportusdiv ul.focused li a:visited,#supportusdiv ul.focused li a:active,
#newseventsdiv ul.focused li a:link,#newseventsdiv ul.focused li a:visited,#newseventsdiv ul.focused li a:active
{
	visibility: visible;
	text-decoration: none;
	display: block;	
	width: 230px;
	background: #009acf;
	letter-spacing: .045em;
	color: White;
	font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
	padding: 4px 10px; 
	
}

#aboutusdiv ul.focused li a:hover,
#getourhelpdiv ul.focused li a:hover,
#volunteerdiv ul.focused li a:hover,
#supportusdiv ul.focused li a:hover,
#newseventsdiv ul.focused li a:hover
{
	
	background: #009acf;
	color: White;
	text-decoration: none;
	display: block;	
	width: 230px;
	letter-spacing: .045em;
	font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
	padding: 4px 10px; 
	
}

  
#aboutusdiv ul.hidden,
#getourhelpdiv ul.hidden,
#volunteerdiv ul.hidden,
#supportusdiv ul.hidden,
#newseventsdiv ul.hidden
{
	position: absolute; 
	left: -9999px;
}

/* end of styles for green top horizontal navigation bar*/
    
#leftsidenavhome
{
    float: left;
    width: 180px;
    height: auto;
    background-color: White;
    margin-top: 20px;
    margin-left: 5px;
    border-color: #efaa22;
    border-style: solid;
    border-width: 1px;
    padding-top: 8px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 5px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: .035em;
    line-height: 130%;
    }
    
   
#leftsidenavhome a:link, #leftsidenavhome a:visited, #leftsidenavhome a:active
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    color:  #2D72AA;
    text-decoration: none; 
    letter-spacing: .035em;
    padding-top: 5px;
    }
    
#leftsidenavhome a:hover
{
    text-decoration: underline; 
    }
    
#leftsidenavhome .HomeLeftNavTitle
{
   font-family: Trebuchet MS;
   font-size: 16px;
   font-weight: bold;
   letter-spacing: .0375em;
   color: #efaa22;
    }
    
    

  
#leftsidenav
{
    float: left;
    width: 212px!important; /*What Firefox reads*/
	width: 170px; /*What IE reads*/ 
    background-color: #FCEED3;
    margin-top: 20px;
    margin-left: 5px;  
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: .035em;
    line-height: 130%;
    }
    
#leftsidenav .LeftNavTitle
{
   float: left;
   width: 180px;
   background-color: #efaa22;
   border: solid thin #efaa22;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 10px;
   padding-left: 15px;
   padding-right: 15px;
   padding-top: 5px;
   padding-bottom: 5px;
   font-family: Trebuchet MS;
   font-size: 16px;
   font-weight: bold;
   color: White;
   letter-spacing: .035em;
   text-align: left;
   letter-spacing: 125%;
    }
    
    
    #leftsidenav ul

{
	letter-spacing: .045em;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	margin: 0px; 
	line-height: 135%;
    width: 180px;   
}

#leftsidenav ul li
{
	padding: 8px;
	margin-left: 10px;
	border-bottom: solid thin #efaa22;
	border-collapse: collapse;
	visibility: visible; 
	display: block;
}
 

#leftsidenav ul li a
{
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none; 
    letter-spacing: .035em;
    color: Black;
    width: 206px!important; /*What Firefox reads*/
    width: 154px; /*What IE reads*/   
    display: block;
    }
    

#leftsidenav ul li a:hover
{
	font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: .035em;
    color: Black;
    text-decoration: underline;
    width: 206px!important; /*What Firefox reads*/
    width: 154px; /*What IE reads*/   
    display: block;
    }
    

.leftsidetip
{
    float: left;
    width: 180px;
    height: auto;
    background-color: #FAE6BD;
    border: solid thin #efaa22;
    margin: 0px;
    padding: 15px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    }
    
    
/* Stylings for the content section of the page */

#content 
{
    float: right;
    text-align: left;
    background-color: White;
    font-family: Arial, Sans-Serif;
    font-size: 14px;
    font-weight: normal;
    color: Black; 
    padding-top: 10px;  
    width: 700px;
    clear: right;
	margin-right: 10px auto;
}

#content a
{
    font-family: Arial, Sans-Serif;
    font-size: 14px;
    font-weight: normal;
    color:  #2D72AA;
    text-decoration: underline; 

    }
    
#content a.boldGreenname
{
    font-family: Trebuchet MS;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .0375em;
    color: #66CC66;
    text-decoration: none;

    }


#pageTitle 
{
	font-family: Trebuchet MS;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: .0375em;
    color: #003c79;  
    margin-top: 10px!important; /*What Firefox reads*/
    margin-top: 20px; /*What IE reads*/
    margin-left: 20px;
}

.boldBlack
 {
    font-family: Trebuchet MS;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .0375em;
    color: Black;  
 }
 
 
  .boldRed
 {
    font-family: Trebuchet MS;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .0375em;
    color: #d81f2a; 
 } 
 
 .boldRedItalic
 {
    font-family: Trebuchet MS;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .0375em;
    color: #d81f2a;
    font-style: italic;  
 } 
    
 .boldOrange 
 {
    font-family: Trebuchet MS;
   font-size: 16px;
   font-weight: bold;
   letter-spacing: .0375em;
   color: #efaa22;  
 }
 
 .boldOrangeItalic
 {
    font-family: Trebuchet MS;
   font-size: 16px;
   font-weight: bold;
   letter-spacing: .0375em;
   color: #efaa22;
   font-style: italic;  
 } 
 
 .boldDeepBlue 
 {
    font-family: Trebuchet MS;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .0375em;
    color: #003c79;
 } 
 
 .boldLightBlue 
 {
    font-family: Trebuchet MS;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .0375em;
    color: #009acf;
 } 
 .boldLightBlueItalic 
 {
    font-family: Trebuchet MS;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .0375em;
    color: #009acf;
    font-style: italic;
 } 
 
 .boldGreen 
 {
    font-family: Trebuchet MS;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .0375em;
    color: #66CC66;
 } 
 
 .boldGreenItalic
 {
    font-family: Trebuchet MS;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .0375em;
    color: #66CC66;
    font-style: italic;
 } 
  
  .boldTNR
 {
    font-family: Times New Roman;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .0375em;
    color: Black; 
  } 
 
 .boldItalicTNR
 {
    font-family: Times New Roman;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .0375em;
    color: Black;
    font-style: italic; 
  } 
   
 
 /*Content stylings specific to the home page */

/* The slideshow */
#homeslideshow
{
    border-color: #66CC66;
    border-style: solid;
    border-width: thin;
	margin: 9px 0px 0px 0px;
	padding: 6px 0px 6px 8px;
    /*margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 3px;   
    padding-bottom: 1px;*/
}
  
/* The mission statement */ 
#content #HomeMission
{
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 65px;
    padding-right: 70px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: .030em;
    }
    

 
#content #HomeMission a
{
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 14px;
   line-height: 150%;
   letter-spacing: .030em;
   font-weight: normal;
   color: #003c79;
   text-decoration: underline; 
   padding-bottom: 2px;
    }
    
 
 /* National Rebuilding Day Section on the Home Page */
#content #HomeNationalRebuildingDay
{
    padding-top: 10px;
    text-align: center;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: normal;
    color: Black; 
    line-height: 135%;
    letter-spacing: .035em;  
    }
      
 #HomeNationalRebuildingDay a:link, #HomeNationalRebuildingDay a:visited, #HomeNationalRebuildingDay a:active
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    color: #003c79;
    text-decoration: none;       
    }

#HomeNationalRebuildingDay img
{
	border: 0px;
}	

#HomeNationalRebuildingDay a:hover
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    color: #003c79;
    text-decoration: underline;     
    }
    
/* End of content stylings specific to the Home Page*/


#content .fullContent
{
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 1px;
    margin-left: 15px;
    margin-bottom: 25px;
    width: 600px;
    clear: both;
}

/*Styles to group content with pictures.  On some pages we want to display content grouped together with an appropriate picture.*/

/* Create a wrapper for the picture/content grouping */
#content .leftContentWrapper,
#content .rightContentWrapper
{
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 1px;
    margin-left: 15px;
    margin-bottom: 25px;
    width: 650px; 
    vertical-align: top;  
}

/* Within the wrapper place the styles to support the placement of the content and image */

/*When the content should be on the left of an image, use this style */
#content .leftContentWrapper .leftContent
{   
    text-align: left;
    float: left;
    vertical-align: top;
    width: 450px;
}
/* This is the style for the image that is to appear in this grouping.  the code would be as follows:
<img src="../images/volunteers/WomanPainting.jpg" class="floatright" />
*/
.floatright 
{ 
	float: right; 
	margin: 0px 0px 0px 5px;
	vertical-align: top;
	
	
} 

.floatrightquote
{ 
	float: right; 
	margin: 0px 0px 5px 25px;
	text-align: left;
	font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .025em;
    color: Black;
    font-style: italic;
    width: 150px;
    clear: right;
} 


/* Use this style when the content should be on the right of an image */
#content .rightContentWrapper .rightContent
{
    text-align: left;
    float: right;
    vertical-align: top;
}
/* This is the style for the image that is to appear in this grouping.  The code would be as follows:
<img src="../images/volunteers/WomanPainting.jpg" class="floatleft" />
*/

.floatleft 
{ 
	float: left; 
	margin: 0px 5px 0px 0px; 
	vertical-align: top;
}


/* End of content wrapper stylings */
/*End of Content Styling Section */


    
    
#footer 
{
     clear: both;
     padding-left: 20px;
     margin-top: 10px;
     color: Black;
     font-family: Verdana;
    }
#footer #address
{
     float:  left;
     font-size: 10px;
    }
#footer #copy
{
     float: right;
     text-align: left;
     font-size: 10px;
     margin-right: 70px;
    }