/* colours
dk brown: #794400
lt tan: #EFDFC2
lighter tan: #FAF4EB
rusty: #B38707

*/
@import "/reset.css";
@import "/CRAMtypography.css";


body {
    margin: auto;
    background-image: url(/images/cramGradient.jpg);
    background-repeat: repeat-x;
    }

/* Div styles */

#pageWrapper {
	width: 960px;
	height: auto;
    margin: auto;
	background-color: white;
    }

#bannerLayer {
    width: 100%;
    height: 135px;
	background-image: url(/images/cramHeader.jpg);
	background-repeat: no-repeat;
    }
    
#navPrimary {
	margin-top: 74px;
	margin-left: 160px;
}

#navSecondary {
	margin-top: 20px;
	padding: 20px;
	background-image: url(/images/calloutBody.gif);
	background-repeat: repeat-y;}

#toolbar {
    width: 400px;
    height: 25px;
    text-align: right;
    margin-left: 530px;
    padding-top: 10px;
    }

#contentWrapper{
	width: 960px;
	float: right;
}

#contentSidebar{
	width: 300px;
	margin-left: 10px;
	margin-top: 20px;
	float: left;
}


#contentMain{
	width: 580px;
	padding: 10px;
	margin-right: 20px;
	margin-top: 15px;
	float: right;
}

#footer{
    width: 100%;
    height: 29px;
	background-image: url(/images/CramFooter.jpg);
	background-repeat: repeat-x;
}

.calloutTop {
	height: 41px;
	background-image: url(/images/calloutTop.gif);
	background-repeat: no-repeat;
	}

.calloutBody {
	padding-left: 20px;
	padding-right: 20px;
	height: auto;
	background-image: url(/images/calloutBody.gif);
	background-repeat: repeat-y;
	margin: 0;
}

.calloutBottom {
	height: 41px;
	background-image: url(/images/calloutBottom.gif);
	background-repeat: no-repeat;
	}