/* intro.css - Styling for the intro / tips block */

/* Override to main content, to remove the 780 centering */
#maincontent {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
}

/* Which means I need to sort out the H1 */
#maincontent H1 {
    margin-left: auto;
    margin-right: auto;
    width: 780px;
    }

#introandicon {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 16px;
    line-height: 1.4;
    font-family: "helvetica neue", arial; sans-serif;
    padding-top: 10px;
    background-color: #E6E6E6;
    height: 259px;
    }

#introandicon p {
    margin-top: 10px;
}

#inner {
    margin-left: auto;
    margin-right: auto;
    width: 780px;
    }


#text {
    width: 415px;
    float: left;
    /*border: 1px dashed blue;*/
}

#text h2 {
    text-indent: -4000px;
    background: transparent url(/images/mainheadline.jpg) no-repeat;
    height: 44px;
    margin-top: 60px;
    margin-bottom: 0px;
    /*border: 1px dashed blue;*/
}

#text p {
    background: transparent url(/images/mainsubhead.jpg) no-repeat;
    text-indent: -4000px;
    height: 65px;
}

#text a, #text a:visited  {
    }

#text .button {
	display: block;
    font-family: "Lucida Grande", arial; sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    color: #000000;
    background: transparent url(/images/buttonback.jpg) no-repeat;
    width: 141px;
	height: 43px;
    margin-left: 137px;
	line-height: 42px;
	padding: 0px;
	outline: none;
}

#text .button:hover {
    background-position: 0 -43px;
    }
    

#icon {
    /*border: 1px dashed red;*/
    width: 265px;
    margin-left: auto;
    margin-right: auto;
    float: right;
}