/* Site Colors:
  #1A446C - blue grey
  #689DC1 - light blue
  #D4E6F4 - very light blue
  #EEE4B9 - light tan
  #8D0D19 - burgundy
*/

html {
	height: 100%;
	width: 100%;
}

body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: #FFFFFF;
	font: 13px/15px Verdana,Arial,Helvetica,sans-serif;
}
  
img {
	border: none;
}

table, tr, td, tr {
	border-collapse: collapse;
	vertical-align: middle;
	text-align: left;
	font: 13px/15px Verdana,Arial,Helvetica,sans-serif;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}
	
th {
	border-collapse: collapse;
	vertical-align: middle;
	text-align: left;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}
	
a { color: #8D0D19;}

#header { height: 70px; text-align: left; background: #1A446C; color: #D4E6F4; }

#header h1 { padding: 1em; margin: 0;}

/* Note: IE 5 & 6 won't understand min-height */
#main { min-height: 400px; background: #EEE4B9; padding: 2em;}

#table { padding: 1em; text-align: center; 
  background: #1A446C;  color: #D4E6F4; }

#footer { height: 2em; padding: 1em; vertical-align: bottom; text-align: center; 
  background: #1A446C;  color: #D4E6F4; }

table.bordered tr th, table.bordered tr td { border: 5px solid #FFFFFF; }

#pagination .selected { font-weight: bold; color: #8D0D19;}

#image_viewer {
	z-index:7;
	position: absolute;
	left: 50px;
	top: 50px;
	height: 50%;
	width: 50%;
	text-align: center;
	vertical-align: middle;
}

#image_viewer_img {
	width: 600px;
	height: 480px;
}

#dimmer {
	background-image: url('../fp_icons/trans_grey.png');
	position: absolute;
	left:0px;
	top:0px;
	width: 1px;
	height: 1px;
	z-index:6;
}