body {
	text-align: center;
	margin-top: 0px;
}

.NormalText, td, body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 20px;
	word-wrap: break-word;
}

ol, ul {
	line-height: 22px;
	margin: 5px 0;
	margin-bottom: 12px;
}

li {
	margin: 0 0 10px 5px;
	}

html #wrapper    {
	text-align: justify;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}     
 
html #headcontainer{
	margin: 0;
	width: 800px;
	position: relative;
	left: 0px;
	top: 0px;
	height: 130px;
}

html #logo {
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 110px;
	height: 78px;
	left: 0px;
	top: 0px;
}

html #centercontainer {
	position: relative;
	width: 800px;
	left: 0px;
	top: 0px;
	padding: 0px;
	margin-top: 0px;
	text-align: left;
	margin-bottom: 0px;

}

html #topbargrey{
	width: 687px;
	height: 58px;
	z-index: 3;
	position: absolute;
	left: 113px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	background:url(../images/topbargrey.jpg);
}

html #ltgreybar{
	position: absolute;
	left: 33px;
	top: 110px;
	width: 194px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/ltgreybar.gif);
}

html #menucontainer{
	position: absolute;
	left: 113px;
	top: 57px;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 687px;
}

html .menuitem {
	padding: 0px;
	margin: 0px;
	border: 0px;
	display: inline;
	position: relative;
	left: 0px;
	top: 0px;

}

html #pageheadcontainer{
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 226px;
	top: 110px;
	width: 363px;
	height: 20px;
	text-align: left;
	background-color: #888;
}

html #pageheadcontainerR{
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 589px;
	top: 110px;
	width: 211px;
	height: 20px;
	text-align: left;
	background-color: #d4d4d4;
}

html #pageheadcontainerLG{
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 226px;
	top: 110px;
	width: 574px;
	height: 20px;
	text-align: left;
	background-color: #888;
}


html #piccontainer
{
	position: absolute;
	left: 32px;
	top: 0px;
	width: 184px;
	padding: 0;
	margin: 0;
	height: 455px;

}

html #navcontainer
{
	position: absolute;
	left: 33px;
	top: 0;
	width: 194px;
	padding: 0;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	text-align: left;
	margin: 0;
}

html ul#navlist
{
	text-align: left;
	list-style: url(../images/l-nav-bullet.gif) none inside;
	width: 177px;
	position: relative;
	top: -2px;
	left: 7;
	padding: 0;
	margin: 0;
	background-image: url(../images/l-nav-back.gif);

	text-indent: 5px;
	z-index: 20;
}

html ul#navlist li
{
	width: 100%;
	margin: 0;
	line-height: 28px;
	font-weight:normal;
	padding-left: 3px;
	color: #9f9f9f;

}
ul#navlist li a
{

	text-decoration: none;
	color: #CC6600;
	font-weight:normal;
	padding-left: 3px;
}


html #navcontainer>ul#navlist li a {
	width: auto;
	margin: 0px;
	padding-left: 3px;

}

ul#navlist li#active a
{
	background: #f0e7d7;
	color: #cc6600;
	text-decoration: none;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
	color: #cc6600;
	background: transparent;
	font-weight:normal;
	text-decoration: underline;
}

ul#navlist li a:active, ul#navlist li#active a:active
{
	color: #9f9f9f;
	background: transparent;
	font-weight:normal;
	text-decoration: none;
}

html ul#navlistsub
{
	text-align: left;
	list-style: url(../images/l-navsub-bullet.gif) none inside;
	width: 177px;
	position: relative;
	top: -2px;
	left: 15;
	padding: 0;
	margin: 0;
	background-image: url(../images/l-nav-back.gif);

	text-indent: 5px;
	z-index: 20;
}

html ul#navlistsub li
{
	width: 100%;
	margin: 0;
	line-height: 28px;
	font-weight:normal;
	padding-left: 7px;
	color: #9f9f9f;

}
ul#navlistsub li a
{

	text-decoration: none;
	color: #CC6600;
	font-weight:normal;
	padding-left: 3px;
}


html #navcontainer>ul#navlistsub li a {
	width: auto;
	margin: 0px;
	padding-left: 3px;

}

ul#navlistsub li#active a
{
	background: #f0e7d7;
	color: #cc6600;
	text-decoration: none;
}

ul#navlistsub li a:hover, ul#navlist li#active a:hover
{
	color: #cc6600;
	background: transparent;
	font-weight:normal;
	text-decoration: underline;
}

ul#navlistsub li a:active, ul#navlist li#active a:active
{
	color: #9f9f9f;
	background: transparent;
	font-weight:normal;
	text-decoration: none;
}

a:link
{	color: #cc6600;
	text-decoration: none;
}
a:visited
{	color: #cc6600;
	text-decoration: none;
}
a:hover
{	color: #cc6600;
	text-decoration: underline;
}
a:active
{	color: #9f9f9f;
	text-decoration: none;
}

html #contentcontainer{
	position: relative;
	top: 0px;
	left: 226px;
	text-align: left;
	word-wrap: break-word;
	margin: 0px;
	width: 363px;
	background: url(../images/greydot.gif) repeat-y 0;
	padding: 0 0 30px 0;
}

html #content {
	position: relative;
	padding: 25px 20px 0 20px;
	margin: 0px;
	overflow: visible;
}

html #contentCen {
	position: relative;
	padding: 0px;
	margin: 0px;
	overflow: visible;
}

html #contentcontainerR {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #666666;
	padding-top: 5px;
	padding-left: 10px;
	width: 196px;
	line-height: 18px;
	position: absolute;
	left: 592px;
	top: 0px;
	word-wrap: break-word;
	margin: 0px;
}

p {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 20px;
	word-wrap: break-word;
}

html #photo {
	position: absolute;
	left: 589px;
	top: -20px;
	margin: 0px;
	padding: 0px;
	width: 211px;
}
/*--- Photo1-3 currently unused ---*/
html #photo1 {
	position: absolute;
	left: 589px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	width: 211px;
}

html #photo2 {
	position: absolute;
	left: 589px;
	top: 240px;
	margin: 0px;
	padding: 0px;
	width: 211px;
}

html #photo3 {
	position: absolute;
	left: 589px;
	top: 480px;
	margin: 0px;
	padding: 0px;
	width: 211px;
}

html #photoLG {
	position: absolute;
	left: 589px;
	top: 0px;
	width: 211px;
	height: 280px;
	padding: 0;
	margin: 0;
}
/*--- PhotoCen currently used with individual Disaster Response pages ---*/
html #photoCen {
	position: absolute;
	left: 0px;
	top: -2px;
	margin: 0px;
	padding: 0px;
	width: 363px;
}
/*--- Photo_Cap currently used with EMI Near you map pages ---*/
html #photo_cap {
	position: absolute;
	left: 589px;
	top: -20px;
	margin: 0px;
	padding: 0px;
	width: 211px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-style: bold;
	color: #666666;
	line-height: 18px;
	text-align: Center;
	word-wrap: break-word;
	margin: 0px;
}
/*--- Photo_Cap1-3 currently used with Main Disaster Response page ---*/
html #photo_cap1 {
	position: absolute;
	left: 589px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	width: 211px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 14px;
	text-align: Left;
	word-wrap: break-word;
	margin: 0px;
}

html #photo_cap2 {
	position: absolute;
	left: 589px;
	top: 250px;
	margin: 0px;
	padding: 0px;
	width: 211px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 14px;
	text-align: Left;
	word-wrap: break-word;
	margin: 0px;
}

html #photo_cap3 {
	position: absolute;
	left: 589px;
	top: 500px;
	margin: 0px;
	padding: 0px;
	width: 211px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 14px;
	text-align: Left;
	word-wrap: break-word;
	margin: 0px;
}

html #caption {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #666666;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 10px;
	width: 196px;
	line-height: 18px;
	position: absolute;
	left: 592px;
	top: 152px;
	word-wrap: break-word;
	margin: 0px;
}
/*--- Caption1-3 currently unused ---*/
html #caption1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #666666;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 10px;
	width: 196px;
	line-height: 18px;
	position: absolute;
	left: 592px;
	top: 172px;
	word-wrap: break-word;
	margin: 0px;
}

html #caption2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #666666;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 10px;
	width: 196px;
	line-height: 18px;
	position: absolute;
	left: 592px;
	top: 410px;
	word-wrap: break-word;
	margin: 0px;
}

html #caption3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #666666;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 10px;
	width: 196px;
	line-height: 18px;
	position: absolute;
	left: 592px;
	top: 648px;
	word-wrap: break-word;
	margin: 0px;
}

html #footercontainer{
	margin: 0px;
	padding: 0px;
	width: 768px;
	position: relative;
	height: 65px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #666666;
	text-align: left;
	background: url(../images/greydot.gif) repeat-x 50% 0;
	float: right;
}

html #footerright{
	font-family: Arial, Verdana, sans-serif;
	font-size: 9px;
	text-transform: none;
	color: #666666;
	top: 5px;
	position: absolute;
	width: 320px;
	left: 440px;
	text-align: right;
}

a.footerlinks:link {
	text-decoration:none;
	color: #666666;
	}

a.footerlinks:visited {
	text-decoration:none;
	color: #666666;
	}
a.footerlinks:hover {
	text-decoration:underline;
	color: #cc6600;
	}
a.footerlinks:active {
	text-decoration:none;
	color: #cccccc;
	}

html #arrow {
	position: absolute;
	height: 8px;
	width: 8px;
	top: -303px;
	left: -161px;
}

html .ahem {
	display:	none;
	}

html .pagehead, html #pageheadcontainer span {
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bolder;
	letter-spacing: 1px;
	position: absolute;
	left: 20px;
	top: 0px;
	width: 550px;
}

html .pageheadR, html #pageheadcontainerR span {
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #C56707;
	font-weight: bolder;
	letter-spacing: 1px;
	position: absolute;
	left: 10px;
	top: 0px;
	width: 211px;
}

.SectionTitle {
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bolder;
	letter-spacing: 1px;
}
	
html .contenthead1, .PageTitle {
	font-family: Arial, Verdana, sans-serif;
	font-size: 18px;
	color: #C56707;
	font-weight: normal;
	word-wrap: break-word;
	letter-spacing: .75px;
	line-height: 24px;
}

.contentheadsub{
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	color: #C56707;
	font-weight: normal;
	word-wrap: break-word;
	letter-spacing: .50px;
	line-height: 22px;
}

.CaptionText {
	font-size: 11px;
	font-style: italic;
	color: #666666;
	line-height: 18px;
}

.SectionTitle {
	color: #444444;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.LargeText {
	font-size: 14px;
}

.SmallText {
	font-size: 10px;
	line-height: normal;
}

.OrangeText {
	color: #C56707;
}
.DarkText {
	color: 444444;
}
.underline {
	text-decoration: underline;
}

.SideBarTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0px 13px 5px 0px;
	display: block;
}

/*--- TD STyles ---*/

td.LightGreyBG {
	background-color: lightgrey;
}
