/****** 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 url('/olc/images/UWSP/alumnihd.jpg') no-repeat;
	height:180px; /* 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('/olc/images/UWSP/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 */
h6{
	background-image:url('/olc/images/UWSP/purpleshadow.gif');background-repeat:repeat-x;
	height:15px;}
	
h5{
	background-image:url('/olc/images/UWSP/purpleshadow.gif');background-repeat:repeat-x;
	height:15px;}
	
h4{
	background-image:url('/olc/images/UWSP/purpleshadow.gif');background-repeat:repeat-x;
	height:15px;}
	
h3{
	background-image:url('/olc/images/UWSP/purpleshadow.gif');background-repeat:repeat-x;
	height:15px;}
	
h2{
	background-image:url('/olc/images/UWSP/purpleshadow.gif');background-repeat:repeat-x;
	height:15px;}
	
#title2 h1{
	background-image:url('/olc/images/UWSP/purpleshadow.gif');background-repeat:repeat-x;
	height:15px;}
	
/* Alumni page styles */
.thumbnail {
	float: left;
	width: 150px;
	border: 1px dotted #999;
	margin: 0 15px 15px 0;
	padding: 5px;
}

h4 { color:#cc9900; }
h6 { color:#9966cc; margin:0; padding:0; }

#rightbar { border-left:1px solid silver; margin-top:21px; }

#head {
	background-image:url('/olc/images/UWSP/alumnihd.jpg');
	height:180px;
}

#head2 {
	background-image:url('/olc/images/UWSP/almheader2nd.jpg');
	height:88px;
}

.floatleft {
	float:left;
	margin-right:10px;
}

.floatright {
	float:right;
	margin-left:20px;
}


hr {
	background-color: #CCCCCC;
	border: 0;
	color: #CCCCCC;
	height: 1px;
	width: 100%;
}

.awardslist {
	width:50%;
	border-bottom:1px olive dashed;
}

.awardslist td {
	vertical-align:top;
}

.awardslist td.year {
	vertical-align:top;
	width:90px;
}

.alumservice {
	width:50%;
}

.alumservice td {
	vertical-align:top;
}

.alumservice td.year {
	vertical-align:top;
	width:90px;
}


.eventslist {
	float:left;	
	margin:0 40px 0 0;
	padding:0;
	width:170px;
	list-style:none;
}

.clear { clear:both; }

.benefitslist { list-style: none; margin-left:0; }
.benefitslist li { padding:3px; }

.signintable {
	width:300px;
	vertical-align:top;
	background-color:silver;
	border:1px gray solid;
	border-collapse:collapse;
}

.signintable td {
	vertical-align:middle;
	padding:5px;
}

.signintable td.topbar {
	background-color:gray;
	font-weight:bold;
}

textarea {
border: 1px solid silver;
font-family: arial, verdana, ms sans serif;
}

.centerimg {
	text-align:center;
	margin-top:0;margin-bottom:0;
	padding:0;
}