body 
{
	/* BootstrapMod
	font-size: 90%;
	line-height: 1.5em;
	*/
	
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #ECEEF0),
        color-stop(0.25, #FFFFFF)
    );
    background-image: -o-linear-gradient(bottom, #ECEEF0 0%, #FFFFFF 25%);
    background-image: -moz-linear-gradient(bottom, #ECEEF0 0%, #FFFFFF 25%);
    background-image: -webkit-linear-gradient(bottom, #ECEEF0 0%, #FFFFFF 25%);
    background-image: -ms-linear-gradient(bottom, #ECEEF0 0%, #FFFFFF 25%);
    background-image: linear-gradient(to bottom, #ECEEF0 0%, #FFFFFF 25%);

	font-family: "Helvetica Neue", Helvetica, 'kdFont', Arial, sans-serif;

	/* BootstrapMod: For some reason, setting this to 1em "fixes" things */
	font-size: 1.4em; /* changed from 1 to 1.4 upon switching from bootstrap 2.x to 3 */
}


p, li 
{
	/* BootstrapMod 
	line-height: 1.4em;
	*/

	font-size: 1.4em; /* changed from 1 to 1.4 upon switching from bootstrap 2.x to 3 */
}

p 
{
	padding: .5em 0 .5em 0;
	
}

h1 
{         
	font-size: 2.2em;
	font-family: helvetica, arial, sans-serif;
	font-weight: 600;
}
	
h2 
{
	padding: 0.6em 0 1em 0;
}  

ul 
{
	/* BootstrapMod Is this necessary? would love to remove */ 
	/*padding-left: 24px;*/
}

li 
{
	list-style: none;
}  

.kdGraphic {
	
	/* Shadow */
	 box-shadow: 2px 3px 6px rgba(221, 221, 221, 0.65);
	-webkit-box-shadow: 2px 3px 6px rgba(221, 221, 221, 0.65); 
	-moz-box-shadow: 2px 3px 6px rgba(221, 221, 221, 0.65);
}