/****** STYLES TO REPLACE PAGE TITLE WITH IMAGE BANNER *****/

/* This contains the flash */
#flashbanner{
	margin-left: 0px; /* puts the margin on the parent div, not the heading, so banner can be positioned */
	padding:0px;
	background:#ccc;
	height:257px; /* change the value to whatever the height of the flash/image is */
	width:760px; /*this is the set width of the flash/image */
	}
	
/**** Styles below could be used for secondary page titles or banners with a shorter height ****/
#banner{
	margin-left: 213px; /* positions the banner */
	background-image:url('../images/cnr2.jpg'); /* background image can go here or in master page */
	background-color:#fff;
	height: 73px; /* height of the banner image */
	}

#banner h1  {
	padding:30px 20px 15px 20px;
	margin:0px;
	background-color:#c6bdc6;
	font-weight:lighter;
	color:white;
	}

#banner h2  {
	padding:30px 20px 15px 20px;
	margin:0px;
	background-color:#c6bdc6;
	font-weight:lighter;
	color:white;
	}

#banner h3  {
	padding:30px 20px 15px 20px;
	margin:0px;
	background-color:#c6bdc6;
	font-weight:lighter;
	color:white;
	}
#container1 {
	background-image:none;
	background-color:#fff;
}

/* Contains a shadowed purple background for pages without the black navigation */
#title2 h1, h2, h3, h4, h5, h6{
	background-image:url('../images/purpleshadow.gif');background-repeat:repeat-x;
	height:15px;}
#rotatepics {
	float:left; 
	width:254px; 
	height:170px; 
	margin-top: 20px; 
	margin-right:15px;
	border: 1px solid blue;
	background-color:#e6e6e6;
}
#rightbar {
	border-left:1px solid #e0c2f6;
	margin-top:20px;
	width:147px;
	padding: 20px 10px 20px 10px;
}