@charset "UTF-8";
/* CSS Document */
body {
margin: 10px;
background-color:#FFFEEB;
}

#container {width: 1000px; margin: 0 auto; float: none;}

#homecentercol {margin-right: 280px; padding-right: 20px;}

/*header elements*/
#header {
margin: 0;
background-color: #576979;
height: 130px;
background-image: url(/images/permanent/header_rightcorners.gif);
background-position:right;
background-repeat:no-repeat;
vertical-align: top;
font-family: Arial, Helvetica, sans-serif;
width: 100%;

}

.headerlogo {
padding-top: 15px;
text-align: left;
padding-bottom: 15px;
padding-left: 20px;


}

#header-left p {
font: Arial, Helvetica, sans-serif;
font-size: 10px;
font-variant: all caps;
text-align:left;
text-transform:uppercase;
color: #FFF;
padding-top: 0px;
padding-left: 163px;
margin-bottom: 10px;
margin-top: 0;

}

.header_tagline {
font-variant: all caps;
text-align:left;
text-transform:uppercase;
color: #FFF;
padding-top: 0px;
padding-left: 20px;
}

#header-left {
width: 600px;
float: left;
}

#header-right {
margin-left: 600px;
border-left: 1px dotted #FFF;
height: 130px;
padding-left: 0;
padding-top: 15px;
padding-right: 15px;
min-width: 200px;

}

#header-right p {
padding-left: 15px;
line-height: 9pt;
text-align: right;
margin: 0 0 10px 0;

}

.social-media-title {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #FFF;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: bold;
color: #a0afbc;
}


.social-media a {
font-size: 8pt;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #FFF;
text-decoration:none;
}

/*#social_media {
border-top:  1px solid #576979;
border-bottom: 1px solid #576979;
height: 36px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #576979;
padding: 3px 0;
margin: 5px 0 0 0;

}*/



/* left nav elements*/
#nav {
background-color:#576979;
margin: 15px 0px 20px 0px;
padding: 0px;
width: 173px;
float: left;


}

#nav h1 {
	background-image: url(/images/permanent/green_tab.gif);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFF;
	font-size: 14px;
	color: #576979;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	}

#nav ul li, ul li a, ul li v {
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
list-style-image: url(/images/permanent/bullet.gif);
list-style-position: outside;
line-height: 17px;
margin: 0px 0px 0px 0px;
padding-top: 5px;
padding-right: 10px; 
padding-bottom: 0px;
padding-left: 0px;
text-decoration:none;
}
#nav h2 {
background-image:url(/images/permanent/nav_tab_bottom.gif);
background-repeat: no-repeat;
margin: 0;
padding: 0;
background-color: #FFFFFF;
}

/*regular content elements*/
#content {

padding-left: 20px;
margin: 0 0 0 173px;
}

#content p, ul, ol{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #333;
line-height: 18px;
margin-top:10px;
margin-bottom:10px;
margin-left: 20px;
margin-right: 0px;
}

#content ul ul {
list-style-type: circle;
}

#content p a, #content a, #footer a {
color: #576979;
text-decoration:underline;
padding-right: 0px;
}

.staff_title {
font: Arial, Helvetica, sans-serif;
font-size: 10px;
font-variant: all caps;
text-align:left;
text-transform:uppercase;
color: #999;
margin-top: 10px;
margin-bottom: 0;
}

#content h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16pt;
color: #576979;
line-height: 22px;
margin-top: 15px;
margin-bottom: 10px;
border-bottom: #cbdd66 1px solid;
padding-bottom: 5px;

}

#content h2 {
font-family: Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight: bold;
line-height: 18pt;
padding-top: 20px;
color: #576979;
margin-bottom: 15px;
}

#content h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #333;
margin: 30px 0 5px 20px;
}

.crumbs_other_pages {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999;
	font-weight: bold;
}
.crumbs_current_page {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #576979;
		font-weight: bold;

}

.legal_disclaim {
	font-size: 8pt;
	line-height: 10pt;
}

/*homepage elements*/
#news {
float: right;
width: 280px;
/* background-color:#FFF; */
padding: 10px 0 10px 0;
/*border-top: #cbdd66 solid 1px;*/
}

#news h4 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10pt;
color: #576979;
padding: 0 0 0 0;
margin: 10px 0 4px 0;
text-transform:none;
}

#news p {
font:Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#333;
padding: 0 0 0 0;
margin: 0 0 0 0;
line-height: 16px;
}

#news p a {
font-family:Arial, Helvetica, sans-serif;
font-size: 9pt;
padding: 0 0 0 0;
margin: 0 0 0 0;
line-height: 16px;
color: #576979;
}

.news_box_title {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color:#576979;
letter-spacing: 3px;

}

#highlight {
	background-color: #cbdd66;
	padding: 10px;
	margin: 10px 0;
}

#highlight p, #highlight p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333;
	padding: 0;
	margin: 0 0 10px 0;
}

#highlight ul, #highlight ol {
margin: 0;
padding: 0 0 0 10px;
}



#events-home-box {
	float:left;

	  -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
		 -moz-border-radius: 12px; /* FF1-3.6 */
			  border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	
	  /* useful if you don't want a bg color from leaking outside the border: */
	  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	  
  -webkit-box-shadow: 0px 0px 4px #666; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 0px 0px 4px #666; /* FF3.5 - 3.6 */
          box-shadow: 0px 0px 4px #666; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}

#events-home-icon {
	position:relative; top: -15px;
	z-index: 100;
	width: 50px;
	height: 50px;
	background-image:url(http://www.secondstephousing.org/images/events/events-icon.png);
	background-repeat: no-repeat;
}



#events-home-box-top {
	float:left;
	position:relative; top: -50px;
	z-index:80;
	width: 238px;
	border: 1px solid #FFF;
	border-bottom: none;
	height:30px;

	background-color: #CBDD66;
	  -webkit-border-radius: 12px 12px 0 0; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
		 -moz-border-radius: 12px 12px 0 0; /* FF1-3.6 */
			  border-radius: 12px 12px 0 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	
	  /* useful if you don't want a bg color from leaking outside the border: */
	  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	  padding-left: 40px;
}

#events-home-box-bottom {
	position:relative; top: -50px;
	float:left;
	z-index:50;
	width: 278px;
	border: 1px solid #FFF;
	border-top: none;
	background-color: #576979;
	  -webkit-border-radius: 0 0 12px 12px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
		 -moz-border-radius: 0 0 12px 12px; /* FF1-3.6 */
			  border-radius: 0 0 12px 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	
	  /* useful if you don't want a bg color from leaking outside the border: */
	  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	  
	margin-bottom: -50px;
}

#events-home-box h3 {
	margin: 5px 10px 0 10px;
	padding-bottom: 10px;
	color:#576979;
}

#events-home-box p {
	margin: 0 10px 10px 10px;
	padding-top:10px;
	color: #E3E3E3;
}

#events-home-box strong {
	color:#FFF;
}


/*page footer elements*/
#footer {
/* background-color: #FFF; */
height: 130px;
padding-top:10px;
margin-top: 30px;
vertical-align: bottom;
float: center;
clear:both;
border-top: #cbdd66 1px solid;
}

#footer p  {
font-family: Arial, Helvetica, sans-serif;
color:#576979;
text-align: center;
font-size: 8pt;
margin: 0px 0 10px 0;
font-weight: bold;
line-height: 12pt; 
}

#footer p a {
font-size: 8pt;
}
 


/*misc & universal page styles*/
.all_caps {
text-transform:uppercase;
}

.bold {
font-weight: bold;
}

.italic {
font-style:italic;
}
	
.image_pad_left {
padding-left: 15px;
}

.image_pad_right {
padding-right: 15px;
}

.image-frame {
	margin: 10px;
	padding: 5px;
	background-color:#FFF;
	border: 1px solid #576979;
}

/*popup box elements (news stories, press releases, success stories)*/
#popup {
background-color:#FFFFFF;
border-bottom: #cbdd66 solid 1px;
width: 640px;
}


#popup p, #popup ul, #popup ol{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #333;
line-height: 18px;
margin-top:10px;
margin-bottom:10px;
margin-left: 20px;
}



#popup p a, #popup a {
color: #576979;
text-decoration:underline;
}

.news_date {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #333;
margin: 30px 0 5px 0px;
}

#popup h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16pt;
color: #576979;
line-height: 22px;
margin-top: 15px;
margin-bottom: 10px;
border-bottom: #cbdd66 1px solid;
padding-bottom: 5px;

}

#popup h2 {
font-family: Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight: bold;
line-height: 18pt;
padding-top: 20px;
color: #576979;
margin-bottom: 15px;
}

#popup h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #333;
margin: 30px 0 5px 20px;
}

.closewindow a {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color:#576979;
letter-spacing: 3px;
text-align: right;
text-decoration: none;
}

/*submavigation*/
#sub_navigation p {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
text-transform:uppercase;
color: #666666;
margin: 0 0 0 20px;
}

#sub_navigation p a {
text-transform:uppercase;
color: #576979;
text-decoration: none;
}


#events {
	style="margin-top: 10px; border-bottom: 1px #CBDD66 solid; padding-bottom:2px; margin-bottom: 10px;
}

	
#events strong {
	color: #576979;
}

#events b {
	color: #576979;
}

.submit {
  -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
     -moz-border-radius: 5px; /* FF1-3.6 */
          border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  
  -webkit-box-shadow: 0px 0px 4px #CBDD66; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 0px 0px 4px #CBDD66; /* FF3.5 - 3.6 */
          box-shadow: 0px 0px 4px #CBDD66; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
		  
  background-color: #CBDD66;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#CBDD66), to(#e1ef93)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #CBDD66, #e1ef93); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #CBDD66, #e1ef93); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #CBDD66, #e1ef93); /* IE10 */
  background-image:      -o-linear-gradient(top, #CBDD66, #e1ef93); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #CBDD66, #e1ef93);
  
  color: #576979;

}

.form-field {
	font-size:14px;
	
  -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
     -moz-border-radius: 5px; /* FF1-3.6 */
          border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	
}


#donate-home-box {
	margin-top: 20px;
	float:left;

	  -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
		 -moz-border-radius: 12px; /* FF1-3.6 */
			  border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	
	  /* useful if you don't want a bg color from leaking outside the border: */
	  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	  
  -webkit-box-shadow: 0px 0px 4px #666; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 0px 0px 4px #666; /* FF3.5 - 3.6 */
          box-shadow: 0px 0px 4px #666; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}

#donate-home-icon {
	position:relative; top: -15px; left: 5px;
	z-index: 100;
	width: 50px;
	height: 50px;
	background-image:url(http://www.secondstephousing.org/images/events/donate-icon.png);
	background-repeat: no-repeat;
}



#donate-home-box-top {
	float:left;
	position:relative; top: -50px;
	z-index:80;
	width: 238px;
	border: 1px solid #FFF;
	border-bottom: none;
	height:30px;

	background-color: #CBDD66;
	  -webkit-border-radius: 12px 12px 0 0; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
		 -moz-border-radius: 12px 12px 0 0; /* FF1-3.6 */
			  border-radius: 12px 12px 0 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	
	  /* useful if you don't want a bg color from leaking outside the border: */
	  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	  padding-left: 40px;
}

#donate-home-box-bottom {
	position:relative; top: -50px;
	float:left;
	z-index:50;
	width: 278px;
	border: 1px solid #FFF;
	border-top: none;
	background-color: #576979;
	  -webkit-border-radius: 0 0 12px 12px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
		 -moz-border-radius: 0 0 12px 12px; /* FF1-3.6 */
			  border-radius: 0 0 12px 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	
	  /* useful if you don't want a bg color from leaking outside the border: */
	  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	  
	margin-bottom: -50px;
}

#donate-home-box h3 {
	margin: 5px 10px 0 15px;
	padding-bottom: 10px;
	color:#576979;
}

#donate-home-box p {
	margin: 0 10px 10px 10px;
	padding-top:10px;
	color: #E3E3E3;
}

#donate-home-box strong {
	color:#FFF;
}



.donate {
	margin: 0 0 10px 10px;
	font-size:14px;
	
  -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
     -moz-border-radius: 5px; /* FF1-3.6 */
          border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  
  -webkit-box-shadow: 0px 0px 4px #CBDD66; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 0px 0px 4px #CBDD66; /* FF3.5 - 3.6 */
          box-shadow: 0px 0px 4px #CBDD66; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
		  
  background-color: #f90;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#CBDD66), to(#e1ef93)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #FC0, #f90); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #FC0, #f90); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #FC0, #f90); /* IE10 */
  background-image:      -o-linear-gradient(top, #FC0, #f90); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #FC0, #f90);
  
  color: #576979;

}



blockquote {
 border-top: 1px solid #CBDD66;
 border-bottom: 1px solid #CBDD66;
 margin: 5px 0;
 padding: 10px;
 quotes: "\201C" "\201D";
 color:#666;
 font-size:16px;
 font-family: Arial, Helvetica, sans-serif;
 }
 blockquote:before { content: open-quote; font-weight: bold; font-size:18px; }
 blockquote:after { content: close-quote; font-weight: bold; font-size:18px; }