/* Program Name: style3.css
   Purpose: Style sheet for SIW Directory page
   Original written by: Tim Meyer
   Updated by: Joe Bolan (update to HTML5)
   Last update: 3-18-22
*/

body { 
	color:#000088; 
	background-color:#bbbbff
}

html {
	scrollbar-base-color: #9999cc;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #ccccff;
	scrollbar-shadow-color: #000000;
	scrollbar-lightshadow-color: #000000; 
	scrollbar-darkshadow-color: gray;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #000000
}

header {
	border: solid #000088 4px; 
	background:#ffffe0; 
	margin-bottom: 6px; 
	height:180px; 
	font-weight:bolder
}

header a {
	color:#ff0000
}

header a:hover {
	color:#000088; 
	background:yellow
}

.logo img {
	float:left; 
	width:150px; 
	height:150px; 
	border: 0px; 
	margin-right: 20px
}

.rtpics {
	background-color:#ffffff; 
	float: left; 
	width: 172px; 
	height:200px; 
	border-radius:10px; 
	border: 4px solid #000088; 
	margin-right: 6px; 
	margin-bottom: 6px; 
	padding: 4px; 
	text-align:center; 
	font-weight:bolder; 
	font-size:1.2em
}

.rtpics img {
	width:160px; 
	height:120px; 
	border-radius:6px; 
	border: 2px solid #000000
}

.mempix {
	background-color:#ffffff; 
	float: left; 
	width: 240px; 
	height:300px; 
	border-radius: 20px; 
	border: 4px solid #000088; 
	margin-left: 6px; 
	margin-top: 6px; 
	padding-top: 6px; 
	text-align:center; 
	font-weight:bolder; 
	font-size:1.2em
}

.mempix img {
	width:220px; 
	height:240px; 
	border-radius: 10px; 
	border: 2px solid #000000
}

.mempix img.memoriam {
	width:40px; 
	height:240px; 
	z:10; 
	position: relative; 
	top: -266px; 
	left:8px; 
	float:left; 
	clear:both 
}

.jerseypix {
	background-color:#ffffff; 
	float: left; 
	width: 250px; 
	height:295px; 
	border: 4px solid #000088; 
	margin-left: 6px; 
	margin-top: 6px; 
	padding-top: 4px; 
	text-align:center
}

.jerseypix img {
	width:240px; 
	height:220px; 
	border: 2px solid #000000
}

a {
	color:#0000ff; 
	font-weight:bolder
}

a:hover {
	color:#ffffff; 
	background:#0000ff; 
	font-weight:bolder
}

a:link  { 
	color: red; 
	list-style-image: url(sitepix/bullet1.gif)
}

a:visited { 
	color: red; 
	list-style-image: url(sitepix/bullet1.gif)
}

a:active { 
	color: red; 
	list-style-image: url(sitepix/bullet1.gif)
}

a:hover { 
	color: blue; 
	background: yellow; 
	list-style-image: url(sitepix/bullet2.gif)
}

h1 { 
	font-size:2.0em; 
	font-weight:bold; 
	color:#000088
}

h2 { 
	font-size:1.0em; 
	font-weight:bold; 
	color: #000088; 
	font-style:italic 
}