/* CSS Document 
Authored by:SJ
For:Massachusetts Housing and Shelter Alliance
Date: 10/26/06*/


html, body, div, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {/*Sets up a series of default settings, and how other selectors can inherit them. This reduces the size of your CSS file and decreases any style maintenance*/
   margin: 0;
   padding: 0;
   border: 0;
}	
.imagepadright {
   margin-right: 10px;
}
.imagepadleft {
   margin-left: 10px;
}

body {
     background-color: #0E386B;
	 text-align: center;
	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 margin-bottom: 25px;

}

#containerouter {/*holds website in center*/
     margin-left: auto;
	 margin-right: auto;
    width: 792px;
	text-align: left;
}
/*top navigation*/
#topnav {
    padding: 8px 25px 2px 0px;
    color: #FFFFFF;
	font-size: .75em;
	text-align: right;
}
#topnav a,#topnav a:link,#topnav a:visited {
    color: #FFFFFF;
	text-decoration: none;
}
#topnav a:hover {
    text-decoration: underline;
}

/*homepage topnav*/
#topnav_holder {
    padding: 10px 25px 2px 0px;
    color: #FFFFFF;
	font-size: .75em;
	text-align: right;
	height: 22px;
}
#topnav_home {
  float: right;
  width: 500px;
  padding-top: 4px;
}
#topnav_home a,#topnav_home a:link,#topnav_home a:visited {
    color: #FFFFFF;
	text-decoration: none;
}
#topnav_home a:hover {
    text-decoration: underline;
}
#socialmedia {
  float: right;
  width: 163px;
}
#socialmedia img {
  border: 0px;
}
#socialmedia a, #socialmedia a:link, #socialmedia a:visited {
  padding: 0px;
  margin:0px;
  margin-left: 5px;
  position: relative;
}

#container {/*holds mast and 3 columns*/
    width: 792px;
}
#containertop {/*top shadow*/
    background-image:  url("../images/container_bkgd_top.jpg");
	background-repeat: no-repeat;
	width: 792px;
	height: 12px;
}
#containerbody {
    background-image: url(../images/container_bkgd.jpg);
	background-repeat: repeat-y;
	padding-left: 17px;
}
/*mast styles*/
#mast {
    background-image: url(../images/mast_bkgd.gif);
	background-repeat: repeat-x;
	height: 134px;
	width: 750px;
}
#mastleft {
    float: left;
	width: 218px;
    padding: 105px 0px 0px 7px;
}
#mastright{
float:right;
	width: 250px;
	padding: 19px 10px 0px 0px;
}
#mastright a img {
	display:inline !important;
	margin-left:10px;
	float:right;
}
#mast img {
    border: 0;
}
/*
#mainav {
    color: #ffffff;
	font-size: .8em;

	width: 750px;
}

#mainav li {
    float: left;
    background-color: #2280DD;
	padding: 7px 6px 7px 6px;
	border-right: 1px solid #0E386B;
	border-left: 1px solid #7AB3EB;
	list-style-type: none;
}
#mainav li a {
    display: block;
}
#mainav a,#mainav a:link,#mainav a:visited {
    color: #ffffff;
	text-decoration: none;
}
#mainav a:hover {
    text-decoration: underline;
}
*/
#mainav {


  }
#mainav li.noline {
    border-right: 1px solid #2280DD;
} 
#mainav li.nolinecontact {
    border-right: 1px solid #2280DD;
	 background-color: #1A61A8;
} 
#mainav a.mainavdown {
    background-color: #1A61A8;
}
/*middle body styles*/
#middlebody {/*holds background image of middle body section*/
   width: 749px;
   background-image: url(../images/content_bkgd.jpg);
   background-repeat: repeat-y;
   border-top: 5px solid #9AB7D6;
   border-bottom: 5px solid #9AB7D6;

}
#middlebodyhome {/*holds background image of middle body section*/
   width: 749px;
   background-image: url(../images/content_home_bkgd.jpg);
   background-repeat: repeat-y;
   border-top: 5px solid #9AB7D6;
   border-bottom: 5px solid #9AB7D6;
   text-align: left;
}
#homepik {
   text-align: center;
   padding-top: 4px;

}

#homeitemholdertop {
    background-image: url(../images/home_top_bkgd.jpg);
	background-repeat: no-repeat;
	width: 726px;
	height: 10px;
	margin-left: 12px;
	margin-top: 5px;
}

#homeitemholdermiddle{
    background-image: url(../images/home_middle_bkgd.jpg);
	background-repeat: repeat-y;
    margin-left: 12px;
}
/*left column - cp*/
#left {
   float: left;
   width: 483px;
   padding: 0px 40px 35px 28px;
   line-height: 150%;
   color: #2B2720;
   font-size: .8em;
}
#left h1 {
   color: #0E386B;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 1.6em;
   margin-bottom: 10px;
   font-weight:normal;
}
#left a,#left a:link,#left a:visited {
   color: #008BFF;
   text-decoration: underline;
}
#left p {
   padding-bottom: 15px;
}
#left li {
   margin-left: 35px;
   list-style-type: square;
}
#left ul {
   margin-bottom: 15px;

}
/*hp - left*/
#lefthome {
   width: 236px;
   float: left;
   margin: 6px 7px 8px 0;
}
#lefthometop {
    background-image: url(../images/home_top_bkgd_1.jpg);
	background-repeat: no-repeat;
	width: 236px;
	height: 9px;
 
}
#lefthomebody {
	font-size: .95em;
	line-height: 145%;
	padding: 0 12px 0 15px;
	font-family: Trebuchet MS, "Times New Roman", Times, serif;
letter-spacing: .75px
}
#lefthomebody h1 {
    color: #15205F;
	font-size: 1em;
	display: inline;
	font-weight: bold;

}
#lefthomebody a,#lefthomebody a:link,#lefthomebody a:visited {
   color: #008BFF;
   font-weight: bold;
}
#lefthomebody a:hover {
   text-decoration: underline;
}
#lefthomebottom {
    background-image: url(../images/home_bottom_bkgd_1.jpg);
	background-repeat: no-repeat;
	width: 236px;
	height: 7px;
}
/*right column - cp*/
#right {
    float: left;
    width: 175px;

}
#tools {
    padding: 8px 0px 8px 12px;
}
#subnav {
    background-image: url(../images/subnav_bkgd.jpg);
	background-repeat: repeat-y;
	width: 169px;
	padding-left: 24px;
	color: #008BFF;
	font-size: .7em;
	font-weight: bold;
	border-top: 1px solid #90AECA;
	border-bottom: 1px solid #90AECA;

}
#subnav ul {
    padding-top: 20px;
	padding-bottom: 20px;
}
#subnav li {
    background-image: url(../images/subnav_bullet_bkgd.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 15px;
	padding-bottom: 5px;
}   
#subnav a,#subnav a:link,#subnav a:visited {
    color: #008BFF;
	text-decoration: none;
}
#subnav a:hover {
    text-decoration: underline;
}
#sidebar {
    padding: 20px 5px 15px 20px;
    color:#13487D;
	line-height: 150%;
	font-size: .7em;
}

#sidebar li {
    background-image: url(../images/subnav_bullet_bkgd2.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 15px;
	padding-bottom: 5px;
}  

#sidebar a,#subnav a:link,#subnav a:visited {
    color: #008BFF;
	text-decoration: none;
}
#sidebar a:hover {
    text-decoration: underline;
}


#containerbottom {
    background-image:  url("../images/container_bkgd_bottom.jpg");
	background-repeat: no-repeat;
	width: 792px;
	height: 13px;
}
/*right - cp*/
#rightcontainer{
   float: left;
   width: 480px;
   margin: 6px 0 15px 4px;
}
#rightcontainertop {
   background-image: url(../images/home_top_bkgd_2.jpg);
   background-repeat: no-repeat;
   width: 477px;
   height: 10px;
}

#rightitem1 {
   float: left;
   width: 225px;
   font-size: .75em;
   padding: 3px 10px 6px 15px;
}
#rightitem1 h1 {
    color: #0E386B;
	font-weight: bold;
	font-size: 1.5em;
	font-style: italic;
	margin-bottom: 5px;
}
#rightitem1 h2 {
    color: #008BFF;
	font-weight: bold;
	font-size: 1.2em;
	display: block;
}
#rightitem1 p {
    padding-bottom: 4px;
}
#rightitem1 a,#rightitem1 a:link,#rightitem1 a:visited {
    color: #008BFF;
	font-weight: bold;
	text-decoration: none;
}
#rightitem1 a:hover {
    text-decoration: underline;
}
#rightitem1 img {
    border: 3px solid #ffffff;
}
#rightitem2 {
   float: right;
   font-size: .75em;
letter-spacing: -.70px;
   padding: 0 0 10px 40px;
   width: 185px;
}

#rightitem2 h1 {
    color: #0E386B;
	font-weight: bold;
	font-size: 1.1em;
padding-bottom: 5px;
	
}
#rightitem2 a,#rightitem2 a:link,#rightitem2 a:visited {
    color: #008BFF;
	font-weight: bold;
	text-decoration: none;
}
#rightitem2 a:hover {
    text-decoration: underline;
}
#rightitem2 ul {
    float: left;
    padding-top: 3px;
}
#rightitem2 li {
    background-image: url(../images/subnav_bullet_bkgd.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 12px;


	
}   
/*#rightitem2 img {
    border: 3px solid #ffffff;
	margin-right: 4px;
}*/
.social_right img {
  border: 0px;
}
.social_right a, .social_right a:link, .social_right a:visited {
  padding: 0px;
  margin:0px;
  margin-right: 4px;
  position: relative;
}

#rightitem3 {
   float:right;
   width: 164px;
   border-top: 1px solid #ABC1DB;
   padding: 10px;
   font-size: .65em;
   margin-left: 40px;
}
#rightitem3 h1 {
    color: #0E386B;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 3px;
}
#rightitem3 form {
    padding-right: 10px;
}
#rightitem3 .textfield {
   float: right;
   width: 149px;
   margin-bottom: 4px;
   margin-top: 4px;
   border: 1px solid #0E386B;
   color: #666666;
   padding-left: 8px;
   font-size: 1em;
}
#rightitem3 .right {
   float: right;

 }
/*sidebar rightitem3*/
#sidebar #rightitem3 {
   float:none;
   width: 164px;
   border:0;
   padding: 10px 0;
   font-size: .85em;
   margin-left: 0px;
}
#sidebar #rightitem3 h1 {
    color: #0E386B;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 3px;
}
#sidebar #rightitem3 form {
    padding-right: 10px;
}
#sidebar #rightitem3 .textfield {
   float: right;
   width: 149px;
   margin-bottom: 4px;
   margin-top: 4px;
   border: 1px solid #0E386B;
   color: #666666;
   padding-left: 8px;
   font-size: 1em;
}
#rightitem3 .right {
   float: right;

 }

#homeitemholderbottom {
    background-image: url(../images/home_bottom_bkgd.jpg);
	background-repeat: no-repeat;
	width: 726px;
	height: 10px;
	margin-left: 12px;
	margin-bottom: 5px;

}
/*footer styles*/

#footer {
	color: #ffffff;
	font-size: .75em;
	padding-top: 3px;
	padding-left: 17px;
	line-height: 185%;
}
#footer a,#footer a:link,#footer a:visited {
    color: #71BFFF;
	text-decoration: underline;
}

.privacy {
  float:right;
  margin-right:30px;
}
#enews {
    float: left;
	background-color: #B8C4D4;
	padding: 2px 4px 4px 4px;
	margin-left: 135px;
	
}


/*clears floats with no presentational markup*/
.clearfix:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
   display: inline-table;
}
/*Hides from IE Mac \*/

.clearfix {
    display: block;
}

/*End Hack \*/


/* Matriarch Standard Styles */


/* This style is used on /matriarch/include/InternetMultiPiecePageContent.asp as a container around the content items */

#MultipiecePageContentItemContainer
{
margin-bottom:10px;


}


