body {
  background:#EEEEEE;
  margin:0;
  padding:0;
  color:#000;
  font:x-small/1.5em Georgia,Serif;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
  } html>body {font-size:small;}

#header {
  float:left;
  width:100%;
  font-size:93%;
  line-height:normal;
  }
#header ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#header li {
  float:left;
  background:url("../img/left_both.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:1px solid #765;
  }
#header a {
  float:left;
  display:block;
  width:.1em;
  background:url("../img/right_both.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  white-space:nowrap;
  }
#header > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
  color:#333;
  }
#info #nav-info, #rec #nav-rec, #input #nav-input,
#contact #nav-contact, #links #nav-links, #fema #nav-fema {
  background-position:0 -150px;
  border-width:0;
  }
#info #nav-info a, #rec #nav-rec a,  #input #nav-input a,
#contact #nav-contact a, #links #nav-links a, #fema #nav-fema a {
  background-position:100% -150px;
  padding-bottom:5px;
  color:#333;
  white-space:nowrap;
  }
#header li:hover, #header li:hover a {
  background-position:0% -150px;
  color:#333;
  }
#header li:hover a {
  background-position:100% -150px;
  }
  
#clear {
  clear:both;
}


td.top1_1
{
	height: 55px;
	width: 417px;
	background:url("../img/top1_1.png") no-repeat left top;
}
td.top1_2
{
	height: 55px;
	width: 383px;
	background:url("../img/top1_2.png") no-repeat left top;
}
tr.top1_3
{
	height: 235px;
	background:url("../img/top1_3.png") no-repeat left top;
}
tr.top2
{
	height: 52px;
	background:url("../img/top2.png") no-repeat left top;
}
#tabBorder
{
	width:792px; 
	height:34px;
	.height:33px;
	border-bottom:thin solid #A3988B;
	margin-left:4px;
	margin-right:4px;
}
#headerText
{
	color:white;
	font-size:400%;
	text-align:right;
	position:relative;
	right:20px;
	z-index:5;
}
#headerTable
{
	padding-bottom:0px;
}
#contentContainer
{
	width:800px;
	height:100%;
	background:url("../img/bg.png") repeat-y left top;
	margin-top:-8px;
	.margin-top:-8px;
	_margin-top:-8px;
}
#subMenuContainer
{
	height:20px;
	width:792px;
	margin-left:4px;
	margin-right:4px;
	text-align:left;
	border-bottom:thin solid #C6C3C6;
}
#subMenuContainer-NoMenu
{
	height:20px;
	width:792px;
	margin-left:4px;
	margin-right:4px;
	text-align:left;
}
#subMenu
{
	margin-left:10px;
}
#content
{
	width:780px;
	height:100%;
	margin-left:10px;
	margin-right:10px;
	position:relative;
}
#footer
{
	width:800px;
	height:100%;
	background:url("../img/footer-bg.png") no-repeat left top;
	position:relative;
	top:-15px;
	.top:0px; /*for IE*/
}
a.subMenuLinks
{
	margin-right:20px;
}
a.subMenuLinks:link {text-decoration: underline}
a.subMenuLinks:visited {text-decoration: underline; color: blue;}
a.subMenuLinks:active {text-decoration: underline; color: blue;}
a.subMenuLinks:hover {text-decoration: underline; color: red;}
tr.tableTitle
{
	background-color:#125187;
	color:white;
	text-align:left;
}
tr.tableRowGray
{
	background-color:#CCCCCC;
}
p.longText
{
	text-indent:40px;
	text-align:left;
}
h1.pageHeaderLeft
{
	text-align:left;
}
#pictureBarContainerContainer
{
	height:104px;
	width:788px;
	margin-left:4px;
	margin-right:4px;
	padding-top:4px;
	padding-left:4px;
	display: block;
    margin-left: auto;
    margin-right: auto;
	border-bottom:thin solid #C6C3C6;
	overflow:hidden;
}
#pictureBarContainer
{
	height:104px;
	width:720px;
	overflow:hidden;
	position: relative; /* fix so that when the position changes to relative (ala scriptaculous moving the div), IE doesn't freak out. */
}
#pictureBar
{
	width: 5000px;
	height: 104px;
}
#pictureBarControls
{
	height:15px;
	width:792px;
	margin-left:4px;
	margin-right:4px;
	padding-top:4px;
	padding-left:4px;
	text-align:right;
}
a.pictureBar
{
	margin-right:20px;
	float:left;
}
a.pictureBarControls:link {text-decoration: none}
a.pictureBarControls:visited {text-decoration: none; color: blue;}
a.pictureBarControls:active {text-decoration: none; color: blue;}
a.pictureBarControls:hover {text-decoration: underline; color: red;}

#grayOut
{
	background:#999999;
	width:100%;
	height:1280px;
	position:absolute;
	left:0px;
	top:0px;
}
#photo
{
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:10px;
}
img.photo
{
	margin-left: auto;
    margin-right: auto;
	border:thin solid #00A6FF;
	cursor:pointer;
}
#clickToClose
{
	margin: auto;
	color:#FFFFFF;
	background:#333333;
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
	position:relative;
	top:25px;
	.top:26px;
	left:0px;
	z-index:7;
	font-size: 200%;
	width: 300px;
	height: 24px;
}
#photo_sidebox
{
	width: 220px;
	padding: 80px 36px 80px 36px;
	border:thin solid #000000;
	background:#CBCBCB;
	color:#1B4C84;
}
div.photo_sidebox_with_img
{
	width: 292px;
	height: 218px;
	border:thin solid #000000;
	background:#CBCBCB;
	color:#1B4C84;
}
div.photo_sidebox_with_txt
{
	width: 272px;
	height:75px;
	padding: 10px;
	margin: auto;
	border:thin solid #000000;
	background:#CBCBCB;
	color:#1B4C84;
}
