/*****************************
*qualityoflife.org Graphic Standards Style Sheet
*written by: Chris Snyder
*created on: 10-19-2009
******************************/

/*Elements with Common Declarations*/

/*Elements that are the department Color*/
div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content a,
div#content dl dt{
	color: #003e73; /*541 Blue*/
}
/*Elements with the Arial Narrow font stack*/
div#content p,
div#content h2,
div#content h3,
div#content h4,
div#content ul li,
div#content ol li,
div#content dl dt,
div#content dl dd,
div#content td{
	font-family: Garamond, Hoefler Text, Times New Roman, Times;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-family: "Arial Narrow", Arial, "DejaVu Sans", sans-serif; 
}
/*Elements that are #333 in color*/
div#content p,
div#content ul li,
div#content ol li,
div#content dl dd,
div#content h5,
div#content td{
	color: #333;
}
/*Elements that have a font size of 16px*/
div#content p,
div#content a,
div#content h4,
div#content ul li,
div#content ol li,
div#content dl dt,
div#content dl dd,
div#content h5,
div#content td{
	font-size: 16px;
}
/*Elements that have a normal font weight*/
div#content h2,
div#content h3,
div#content h4,
div#content div#heading h1,
div#content h1{
	font-weight: normal;	
}
/*Elements with a left text align*/
div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content p,
div#content ul{
	text-align: left;	
}

div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5{
	margin-bottom: .5em;	
}

/*Elements that are 670px wide*/
div#content .fullWidth,
div#content div#heading{
	width: 670px;	
}

/*Element Specific Declarations*/

div#content h1{
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
}
div#content h2{
	font-size: 25px;
}
div#content h3{
	font-size: 20px;	
}
div#content h5{
	font-weight: bold;	
}
div#content p{
	margin-bottom:1em;
}
div#content img{
}
div#content ul li{
	margin: 5px 0px 5px 0px;
	padding: 0 0 0 15px;
}
div#content dl dt{
	margin: 5px;
	padding: 5px;
}

div#content dl dd{
	margin:0 5px;
	padding:0 5px;
}
div#content dd.image img{
	float:right;
}
div#content dd span.readMore {
	padding:0 10px;
}

div#content .black{
	color: #000;
}
div#content img.left{
	float: left;
	margin: 10px 10px 10px 0;
}
div#content .bold{
	font-weight: bold;	
}
div#content .fullWidth{
	margin: 0 auto 0 auto;
}
div#content div.center{
	margin: auto;
	width: 670px;
}
div#content div.svSyndLocal dl dd span.readMore a{
	font-size: 11px;	
}
div#content div#primary a{
	text-decoration: underline;
}

/* Clearing floats without extra markup
	Based on How To Clear Floats Without Structural Markup by PiE
	[http://www.positioniseverything.net/easyclearing.html] */
	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }