@charset "utf-8";
/* CSS Document */

[if lte IE 6]>
	<style type="text/css">
		html, body
			{
			height: 100%;
			overflow: auto;
			}
		div.fixed {
			position: absolute;
		}
	</style>
<![endif]

.style1 {font-size: large; font-family:Verdana, Arial, Helvetica, sans-serif}

.style2 {font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif}

.style3 {font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF0000}

html {background:#CCCCCC;}

div.titlebar
{
	position: absolute;
	top: 0;
	left: 0;
	width: 99.3%;
	height: 112px;
	margin-bottom:25%;
	padding-left:10px;
	padding-bottom:10px;
	z-index: 10;
	background-image: url(images/emss_logo.gif);
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position: 2% 100%;
	background-color:#FFFFFF;
}

div.card
{
	position: absolute;
	top: 35px;
	right: 25px;
	width:350px;
	height:60px;
	z-index: 11;
	background-image: url(images/passionateAboutSafety.gif);
	background-repeat:no-repeat;
}

div.titlebar div.text
{
	position: absolute;
	bottom:-73px;
	left: 0;
	width: 110%;
	z-index: 11;
	
}

div.navbar {
	position: absolute;
	background-color:#666666;
	top:122px;
	left:0px;
	width:75%;
	height:40px;
	padding-top:25px;
	padding-left:25%;
	text-align:left;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration:none;
	border-bottom:thin  solid #ff6600;
	z-index: 1;
}

div.navbar div.text
{position: absolute;}

div.body {
	position: relative;
	margin-left:10%;
	top:160px;
	width:596px;
	min-height:470px;
	border: thin solid #999999;
	padding: 20px;
	padding-top:35px;
	background-color:#FFFFFF;
}

div.banner {
	position: relative;
	margin-left:10%;
	top:165px;
	text-align:left;
	width:640px;
	height:60px;
	background-color:#FFFFFF;
}

div.body div.navtext{
	position: absolute;
	bottom: 32px;
	left: 25px;
}

div.fixed {
position: fixed;
left:0px;
bottom:0px;
z-index:20;
background-color:#999999;
width:100%;
height:40px;
}

a:link {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #999999;
	text-decoration: none;
}
a:visited {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #999999;
	text-decoration: none;
}
a:hover {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #CC6600;
	text-decoration: none;
}
a:active {
font-family: Arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #999999;
	text-decoration: none;
}

.link2 a:link {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0000CC;
	text-decoration: none;
}
.link2 a:visited {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0000CC;
	text-decoration: none;
}
.link2 a:hover {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #CC6600;
	text-decoration: none;
}
.link2 a:active {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0000CC;
	text-decoration: none;
}

/*Drop down Menu style*/

#dropmenudiv{
position: absolute;
border-bottom-width: 0;
background-color:#666666;
font:normal 12px Arial;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
background-color:#666666;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #666666;
}

.centered-table
{
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}

.redText
{
  font-size: 12px;
  font-weight: bold;
  font-family: "Arial";
}