﻿@charset "UTF-8";

/* westchesterclassof70.com/styles/main.css */
/* Tags */
body {
	background: #FF0000;
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: medium;
	margin: 0;
	padding: 0;
}
html>body {
	font-size: large;
}
h1 {
	font-size: 2.25em; 
	font-weight: bold;
	margin-bottom: 0em;
}
h2 {
	font-size: 2.00em; 
	font-style: normal; 
	font-weight: bold;
}
h3 {
	font-size: 1.75em; 
	font-weight: bold;
}
h4 {
	font-size: 1.50em; 
	font-style: italic; 
	font-weight: bold;
}
h5 {
	font-size: 1.25em; 
	font-style: italic; 
	font-weight: bold;
}
h6 {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: -1.50em;
}
a:link, a:visited  {
	color: #FF0000;
	font-weight: bold;
}
a:hover, a:active {
	color: #999999;
	text-decoration: none;
}
fieldset {
	width: 85%;
}
form ul {
	list-style: none;
}
hr {
	color: #000000; 
 	height: 2px;
}
img {
  border: 0;
	margin: 0.25em;
}
input {
	font-size: 1.15em;
}
input[type="submit"] {
	font-size: 1.25em;
	text-align: center;
}
legend {
	color: #000000;
  font-style: italic;
}
li {
	line-height: 1.50em;
}
p {
	line-height: 1.50em;
}
textarea {
	font-size: 1.15em;
}
ul {
	padding-left: 2.00em;
}
/* Classes */
.bypass {
	font-size: 0.75em;
}
.c {
	text-align: center;
}
.col-left {
	background: transparent;
  float: left;
  font-style: italic;
  height: 1.25em;
  margin-right: 50%;
  text-align: left;
  width: 49%;
}
.col-right {
	background: transparent;
  float: left;
  font-style: italic;
  height: 1.25em;
  margin-left: 50%;
	margin-top: -1.25em;
  text-align: right;
  width: 50%;
}
.cmte {
	clear: both;
	font-size: 0.75em; 
	font-style: italic;
	padding-top: 1.00em;
}
ul.contact {
  font-size: 1.25em;
	list-style-type: none;
}
ul.contact li {
	line-height: 1.25em;
}
.drop {
	float: left;
	margin: 0 0.50em 0 0;
}
.enlarge {
	font-size: 1.25em;
}
.err {
	background: transparent;
	color: red;
	text-align: center;
}
.event {
	font-size: 1.25em;
	list-style-type: none;
	margin: 1.00em auto;
	width: 75%;
}
.heading  {
	font-weight: bold;
	font-size: 1.50em;
	font-style: italic;
	margin-bottom: -0.50em;
}
.hidden {
	display: none;
	font-size: 0.10em;
	font-weight: normal;
	margin: -0.50em;
	padding: 0;
}
.italic {
  clear: both;
	font-style: italic;
 	margin: 1.00em 0;
}
.left  {
	margin-left: 1.00em;
	text-align: left;
}
li.map {
	line-height: 2.00em;
}
.mug {
  border: 1px solid #330066;
	float: right;
  margin: 1.25em 0.50em 0.50em 0.50em;
  padding: 0.50em;
  text-align: center;
}
.nobullet {
	list-style-type: none;
}
.red {
	color: red;
}
.reduced {
	font-size: 0.80em;
	line-height: 1.00em;
}
.req {
	font-weight: bold;
}
.right {
	margin-right: 1.00em;
	text-align: right;
}
.rosterLabel {
	background: transparent;
	color: #ff0000;
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 0.50em;
}
.rosterList {
	margin: -1.00em 0 0 -1.00em;
}
.rosterList li {
	list-style-type: none;
	margin: 0 0 0 -0.50em;
}
.section {
	font-size: 1.25em;
	font-weight: bold;
}
li.spacing {
	margin-bottom: 0.50em;
}
.who {
	color: #000080;
	margin: 0.50em auto;
	text-align: center;
	width: 75%;
}
/* IDs */
#banner {
	display: block;
 	margin: -15px 0 0 0;
  position: static;
  width: 960px;
}
html>body #banner {
	margin-left: 0;
}
#banner img {
	margin: 0;
}
#banner p {
	background: transparent;
	font-size: 1.00em;
	position: absolute;
	top: -250px;
}
#bottom {
	clear: both;
	margin-top: 1.00em;
}
#bottom-nav {
	font-size: 0.75em;
	text-align: center;
}
#bottom-nav a:visited {
	color: #FF0000;
}
#content {
	width: 98%;
	padding: 0 0.50em;
}
#footer {
	clear: both;
	font-size: 0.75em; 
	font-style: italic;
	list-style-type: none;
	margin: 0;
	padding: 0 0 1.00em 3.00em;
	text-align: center;
}
#invitation h1, #invitation h2, #invitation p {
	margin-bottom: -0.50em;
}
#nav {
	background: #FF0000;
	border-bottom: 4px double #000000;
	clear: both;
	float: left;
	font-size: 1.15em;
	margin: 0;
	padding: 0;
	width: 100%;
	z-index: 10;
}
#nav a {
	background: transparent url(/images/tab_right.gif) top right no-repeat;
	color: #000000;
  float: left;
	font-weight: normal;
 	margin: 0 -3px 0 3px;
	padding: 0.25em 0.50em;
	text-decoration: none;
}
#nav a:hover {
	background: transparent url(/images/tab_right.gif) top right no-repeat;
	color: #666666;
}
#nav li {
	background: transparent url(/images/tab_left.gif) top left no-repeat;
	color: #666666;
  display: inline;
	float: left;
	font-size: 1.10em;
	margin: 2px 1px 0 0;
}
#nav ul {
	line-height: inherit;
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}
#nav_items {
	font-size: 2.50em;
}
#page {
	background: #FFFFFF;
	margin: 0 auto;
  width: 960px;
}
#policy {
	clear: both;
	height: 1.50em;
	margin: -1.00em 0 1.00em 0;
	padding: 0.25em;
	text-align: center;
	width: 960px;
}
#policy a:visited {
	color: #FF0000;
s}
#policy .left {
	float: left;
	margin: 0;
	margin-left: -1em; 
	padding: 0;
}
#policy .right {
	float: right;
	margin: 0;
	padding: 0 1.50em 0 0;
}
#rosterNav li {
	display: inline;
	list-style-type: none;
	margin: 0 0.25em;
}
#thumbnails {
	list-style-type: none;
}
#thumbnails li {
	float: left;
  line-height: 1.75em;
  padding-right: 0.50em;
}
@media handheld {
	img[alt] {
		color: #000000;
		content: attr(alt);
		font-size: 1.25em;
		font-style: italic;
	}
	#banner {
		text-align: center;
	}
	#banner img {
		color: #FF0000;
		content: attr(alt);
		font-size: 2.00em;
		font-style: normal;
	}
	#nav {
		background: transparent;
		border: 0;
		position: static;
	}
	#nav a {
		background: #FFFFFF;
		border: 4px solid #990099;
		border-color: #999999 #666666 #666666 #999999;
		color: #000000;
		display: block;
		font-size: 1.00em;
		font-weight: bold;
		margin: 1px auto;
		padding: 5px;
		text-align: center;
		text-decoration: none;
		width: 98%;
	}
	#nav a:link {
		border: 4px solid #990099;
		border-color: #999999 #666666 #666666 #999999;
		padding: 5px;
	}
	#nav a:visited {
		border: 4px solid #990099;
		border-color: #999999 #666666 #666666 #999999;
		padding: 5px;
	}
	#nav a:hover,#nav a:focus {
		background: #FFFFFF;
		border: 4px solid #990099;
		border-color: #666666 #999999 #999999 #666666;
		color: #CCCCCC;
		padding: 6px 4px 4px 6px;
	}
	#nav a:active {
		border: 4px solid #990099;
		border-color: #999999 #666666 #666666 #999999;
		padding: 5px;
	}
	#nav li {
		background: transparent;
		display: block;
		line-height: 1.00em;
		width: 98%;
	}
}
@page {
	margin: 1.00in;
}
@media print {
	body {
		font-family: Garmond, "Times New Roman", Times, serif;
		font-size: 12pt;
	}
	.np, #bottom-nav, #nav, #policy {
		display: none;
	}
	img#whs {
		width: 13.00cm;
		height: 2.80cm;
	}
	img#c70 {
		width: 2.47cm;
		height: 2.80cm;
	}
	#banner {
		margin: 0 auto;
		text-align: center;
	}
}
