

body
	{
	margin: 0;
	border: 0;
	padding: 0;
	background-image:  url("images/bckgd_red.gif");
	font-family: sans-serif;
	font-size: 1em;
	color: #000;
	}
	
h1, h2
	{
	font-family: serif;
	}
	
.right
	{
	float:right;
	margin-left: 10px;
	}
	
.left
	{
	float:left;
	margin-right: 10px;
	}
	
#banner
	{
	position: absolute;
	top: 0px;
	left: 0px;
	background-image:  url("images/ptfd_banner_bckgd.gif");
	width: 100%;
	height: 45px;
	border-bottom: 2px solid #000;
	}
	
#photo
	{
	position: absolute;
	top: 46px;
	left: 0px;
	border-top: 4px solid black;
	width: 100%;
	height: 150px;
	background-image:  url("images/img_bckgd.jpg");
	}
	
#flash
	{
	position: absolute;
	top: 200px;
	left: 0px;
	width: 100%;
	height: 36px;
	background-image:  url("images/flash_bckgd.gif");
	background-repeat: repeat-x;
	border: 0px;
	padding: 0px;
	margin: 0px;
	}
	
#flash img 
	{
	border: 0px;
	padding: 0px;
	margin: 0px;
	}
	
#nav
	{
	position: absolute;
	left: 0;
	top: 95px;
	border: 0;
	width: 145px;
	}
	
#nav ul
	{
	list-style: none;
	padding: 0px;
	margin: 0px;
	}
	
#nav ul li a:link
	{
	color: #FFF;
	width: 143px;
	height: 36px;
	display: block;
	text-align: center;
	background-image:  url("images/bt_bckgd.gif");
	background-repeat: no-repeat;
	text-decoration: none;
	font-variant: small-caps;
	font-size: 14px;
	font-weight: bold;
	padding-top: 7px;
	}
	
#nav ul li a:visited
	{
	color: #FFF;
	width: 143px;
	height: 36px;
	display: block;
	text-align: center;
	background-image:  url("images/bt_bckgd.gif");
	background-repeat: no-repeat;
	text-decoration: none;
	font-variant: small-caps;
	font-size: 14px;
	font-weight: bold;
	padding-top: 7px;
	border:none;
	}
		
#nav ul li a:hover
	{
	color: red;
	background-image:  url("images/bt-over_bckgd.gif");
	}
	
#content
	{
	position: absolute;
	top: 67px;
	left: 150px;
	width: 78%;
	background-color: #FFF;
	padding: 20px;
	padding-bottom: 30%;
	border-right: 1px black solid;
	border-bottom: 1px black solid;
	}

#content a:link
	{
	color:#009;
	text-decoration:none;
	white-space: nowrap;
	}
	
#content a:visited
	{
	color:#009;
	text-decoration:none;
	white-space: nowrap;
	}
	
#content a:hover
	{
	color:#3E97CF;
	text-decoration:none;
	}
	
#corner 
	{
	position: absolute;
	left: 0;
	top: 53px;
	}
	
.warning
	{
	color:#FF6600;
	border: 1px dashed red;
	background-color:#FFFF00;
	padding: 5px;
	}
	
.admin 
	{
	vertical-align: top;
	text-align: right;
	}
	
.results
	{
	color:#000;
	font-weight:bold;
	background-color:#3E97CF;
	padding: 5px;
	}
	
.deleteEvents
	{
	background-color:#DDD;
	}
	
.deleteEvents tr td
	{
	border-bottom: 1px dashed #666;
	padding:5px;
	padding-right: 15px;
	}
	
.rtalign
	{
	text-align:right;
	vertical-align:top;
	}
.surveyResults
	{
	background-color:#CCCCCC;
	}
.surveyResults td
	{
	border-bottom: 1px dashed #000;
	padding: 5px;
	}
.surveyResults th
	{
	background-color:#FF0000;
	}
	
.contact
	{
	background-color:#FFFF00;
	}
	
input, textarea
	{
	background-color:#EEE;
	}

#randomImage
	{
	position: absolute;
	right: 7px;
	top: 1px;
	border: 1px solid black;
	margin: 0;
	padding: 0;
	background-color:#CCCCCC;
	}
	
#patch
	{
	position: absolute;
	right: 7px;
	top: 1px;
	border: 0px;
	margin: 0;
	padding: 0;
	background-color: transparent;
	}
	
#staffList td
	{
	padding:5px;
	border-bottom: 1px dashed black;
	}
	
#roster_accending ul
	{
	list-style-type: none;
	list-style-position: outside;
	}
	
#roster_accending ul li
	{
	margin-left:-10px;
	padding: 1px;
	}

#apparatusThumbs
	{
	text-align:center;
	vertical-align:bottom;
	}
	
#apparatusThumbs td
	{
	padding:5px;
	}
	
#recruitment tr
	{
	text-align: right;
	}
	
#recruitment td
	{
	padding: 5px;
	}

#roster {width: 400px; background-color:#CCCCCC; border: 1px outset #CCC;}
#roster td {border-bottom: 1px dashed #00F;}
#roster td input { background-color:#CCCCCC;}