/* Center for the Homeless - CSS Document */

img { border-width:0; }

h2.heading { font-size:14px; font-weight:bold; text-transform:uppercase; padding-bottom:0; margin-bottom:0; }
h3.heading { font-size:12px; font-weight:bold; }
.underline { text-decoration:underline; }

/* CSS Structure
---------------- */
body {
	background-color: #FFF;
	color: #333; margin: 5px;
	font-size: 100.01%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}


#container {
	width: 100%;
	margin-left: auto; margin-right: auto;
		border-bottom-color: #737373; border-bottom-style: solid; border-bottom-width: 1px;
		border-left-color: #666; border-left-style: solid; border-left-width: 1px;
		border-right-color: #666; border-right-style: solid; border-right-width: 1px;
		border-top-color: #737373; border-top-style: solid; border-top-width: 1px;	
	}

	#address {
		color: #CCC;
		background-color: #666;
		font-size: 70%; 
		height: 34px;
		border-bottom-color: #737373; border-bottom-style: solid; border-bottom-width: 1px;
		text-align: center;
		}

		#address p {
			color: #CCC; text-align: center;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			}

	#col-left {
		width: 180px; 
		background-color: #E8EFC0;
		background-image: url('../../images/jpg/man-01.jpg'); 
		background-repeat: no-repeat;
		background-position: bottom;
		vertical-align: text-top;
		}


	#header { /* Contains Header -Welcome- and BG img */
			height: 142px;
			background-color: #F6D899;
			background-position: right; 
			background-repeat: no-repeat;
			
			text-align: left;	
			}
	#header h1 {
	color: #666;
	margin-top: 37px;
	margin-left: 15px;
	padding: 0;
	font-size: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
			}
	#col-middle {
		padding: 0;
		vertical-align: top;
		width: auto;
		}

		td.content { font-size: 85%; padding:10px 15px; }
		td.content img {
	padding: 2px;
	border: 0px none #666666;
}
		td.content li { font-size: 105%; line-height: 1.5em; }
	
	#col-right {
		width: 160px; /* old:180 */
		background-color: #C7E3E3;
		vertical-align: top;
		font-size: 75%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding:5px 10px;
		}
		/*
		#col-right p { padding: 0 10px; }
		*/
		/*
		#col-right h4 { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 0px; margin-bottom: 0px; }
		*/
		#col-right li { font-size: 88%; line-height: 1.5em; padding-right: 10px; }


	#footer { /* footer wrap */
		color: #CCC;
		background-color: #666;
		font-size: 70%; height: 34px;
		border-top-color: #737373; border-top-style: solid; border-top-width: 1px;
		text-align: left;		
		}
		#footer p {
			text-align: left;
			color: #CCC;
			padding-left: 10px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			}

/* Lists
---------------- */
ul.main-nav {
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 150%;
	font-weight: bold;
	margin-left: 5px;
	padding-left: 5px;
	}

ul.staff { list-style: none; margin-top: 0px; margin-left:0; padding-top: 0px; padding-left:0; }
ul.staff strong { color: #0E6577; }
ul.staff em { color: #666; }



/* Links
---------------- */

a { color: #066; }
a:visited { color: #066; }
a:active { color: #F00; }
a:hover { color: #399; }

	#address a { color: #CCC; text-decoration: none; border-bottom-color: #CCC; border-bottom-style: dotted; border-bottom-width: 1px; }
	#address a:visited { text-decoration: none; border-bottom-color: #CCC; border-bottom-style: dotted; border-bottom-width: 1px; }
	#address a:active { text-decoration: none; border-bottom-color: #CCC; border-bottom-style: dotted; border-bottom-width: 1px; }
	#address a:hover { color: #FFF; text-decoration: none; border-bottom-color: #FFF; border-bottom-style: dotted; border-bottom-width: 1px; }

	#footer a { color: #CCC; text-decoration: none; border-bottom-color: #CCC; border-bottom-style: dotted; border-bottom-width: 1px; }
	#footer a:visited { text-decoration: none; border-bottom-color: #CCC; border-bottom-style: dotted; border-bottom-width: 1px; }
	#footer a:active { text-decoration: none; border-bottom-color: #CCC; border-bottom-style: dotted; border-bottom-width: 1px; }
	#footer a:hover { color: #FFF; text-decoration: none; border-bottom-color: #FFF; border-bottom-style: dotted; border-bottom-width: 1px; }

ul.main-nav a { text-decoration: none; color: #666; font-size: 79%; }
ul.main-nav a:visited { text-decoration: none; color: #666; }
ul.main-nav a:active { text-decoration: none; color: #666; }
ul.main-nav a:hover { text-decoration: none; color: #000; }

ul.needslist { margin-top:0; margin-left:15px; padding-top:0; padding-left:0; }
ul.needslist li { list-style-type: square; }

/* Images
---------------- */
img { border: 0px; }
/*
img.logo { text-align: center; }
*/
			

/* Text Formatting
---------------- */

td.content p { 
	line-height: 1.5em;
	}

h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
}

h3, h4 { padding: 0; margin: 0; }



/* Donate Online Badge
---------------------- */
div.badge { 
	background-color: #0e6577; color: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; 
	padding: .75em; margin: auto; text-align: center; font-weight: bold; width: 70%;
	}
div.donate-online {
	text-align: center;
	margin: auto;
	}