*
{
	margin: 0;
	padding: 0;
}

html
{
}

p, li, a, a:hover, body
{
line-height: 1.8;
color:#333;
font-size:90%;
}

#cargo td {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-collapse: collapse;
}


#cargo th {
	border-right:1px solid #fff;
	padding: 0 3px;
}


#container {
	height:100%;
 	background-color: #FBF5F5;
	}

th 
{
	background: #700;
	color:white;
	font-weight:bold;
	font-size:80%;
}

td 
{
	padding:4px;
}

a
{
	text-decoration: none;
	color:#700;
	font-weight:bold;
}


a:hover
{
	color: #c00;
	text-decoration:underline;
}


body
{
	font-family: verdana, sans-serif;
	font-size: 80%;
    background-color: #FFF;
}

h2 
{
	color: #700;
	font-size:110%;
}

h3, h1
{
	color: #700;
	font-size:100%;
}


#header
{
	background-color: #fff;
	position: relative;
    height: 102px;
    margin-bottom: 15px;
}

#header h1  
{  
	 background-color: #fff;
     background-image: url(../images/ea_new_logo.gif);  
     background-repeat: no-repeat;  
     height: 61px;  
     width: 300px;  
     margin: 0 0 0 10px;  
     padding: 0;  
     background-position: top left;  
  
position: absolute;  
top: 13px;  
left: 0;  
  
}  

#images img
{
	border:1px solid #700;
	padding:2px;
	margin: 0 4px;
	text-align:right;
}
  
#header h1 span  
{  
     position: absolute;  
     top: -1000px;  
     left: -1000px;  
}  
  
#header h1 a  
{  
     display: block;  
     height: 54px;  
     width: 300px;  
}
#footer
{
	background-color: #700;
	color:#fff;
	text-align:center;
}

#footer a 
{
	color:white;
	text-decoration:none;
}

#leftbox
{
	position: absolute;
	left: 0px;
	width: 200px;
	padding: 10px;
	background-color: #fff;
    top: 135px;
	height:100%;
	display:none;
}

#leftbox p {
	font-size:10px;
	line-height:1.2;
	}

#middlebox
{
	margin: 0 220px 0 0px;
	border-left: 0px solid #700;
	border-right: 1px solid #700;
	padding: 10px;
	background-color: #FFF;
	clear: both;
}


#middlebox ul
{
	margin-left:30px;
}

#rightbox
{
	position: absolute;
	right: 0;
	width: 198px;
	padding: 10px;
    top: 120px;
}

#mainMenu
{
	list-style: none;
	background-color: #700;
	width: 100%;
    position: absolute;
	border-top:1px solid #000;
	border-bottom:0px solid #000;
    top: 102px;
    left: 0;
    height: 21px;
	padding:0;
	margin:0;
}

#mainMenu li li a
{
	display: block;
}

#mainMenu li
{
	float: left;
	position: relative;
	padding:0;
	font-weight: bold;
	font-family:verdana, arial, geneva;
	color:#000;
	font-size:90%;

}

#mainMenu a 
{
	color:white;
	padding: 3px 20px 5px 20px;
	height:22px;
	margin:0;
}

#mainMenu .current 
{
	color:#700;
	padding: 3px 20px 10px 20px;
	background:white;
}

#mainMenu .current:hover
{
	color:#700;
	background:white;
}

#mainMenu a:hover, .current
{
	color:#000;
	text-decoration:none;
	background:#ccc;
}

#mainMenu li:hover, 
#mainMenu li.over, 
{
	color: #fff;
}

#mainMenu li ul
{
    position: absolute;
    list-style: none;
    background-color: #700;
    padding: 3px;
    top: -1000px;
    left: 0;
}

#mainMenu li:hover ul,
#mainMenu li.over ul
{
    top: 1.5em;
}

#mainMenu li ul li
{
    width: auto;
    float: none;
    position: relative;
}

h4 
{
	color: #700;
	margin-top: 17px;
	margin-bottom: 3px;
}

h5, h6
{
	color: #700;
	font-size:90%;
	margin:0;
	padding:0;
}

h6 
{
	color:#000;
}

.button 
{
	border:1px solid #000000; 
	background:#770000;
	color: #fc3;
	font-size:90%;
	padding:1px;
	font-weight:bold;
}

.button:hover 
{
	background:#fc3;
	color: #770000;
}

.rightmodule 
{
	border:1px solid #770000; 
	padding:2px 2px 10px 2px;
	background-color: #fff;
}

.severe {
	background:#f00;
	color:#fff;
	}
.high {
	background:#f90;
	}
.elevated {
	background:#ff0;
	}
.caution {
	color:#fff;
	background:#3365ff;
	}
.low {
	background:#008000;
	color:#fff;
	}

#hotspots  {
	border: 1px solid #ccc;
	}

#hotspots td {
	font-size:10px;
	padding:1px;
	margin:0;
	border-bottom: 1px solid #ccc;
	background:#fff;
	}

#hotspots .altrow 
{
	background: #f5f5f0;
}

#topright {
	float:right;
	
	padding-left:46px;
	}

#topright img {
	margin:0;
	border: 0px solid #700;
	}



span.error
{
color: #F00;
display: block;
}

textarea, input
{
border: 1px solid #700;
overflow:hidden;
padding:1px;
}


td a, th a {color:white;}
th a:hover {color:yellow;}

#contact td a {color:#700;}

#middlebox label 
{
display:block;
width: 150px;
float: left;
clear: left;
padding-right:5px;
text-align: right;
}

#middlebox form p 
{
padding:4px;
}

#middlebox input, #middlebox textarea, #middlebox select
{
width:200px;
}

#f_34 
{
margin-left: 154px;
}

.Required li,
.Message
{
    color: red;    
}