body {
font-size: 12px;
color: #555555;
font-family: verdana;
text-align: center;
border: none;
}


.banner{
width: 1000px;
height: 250px;
background: #FFFFF;
background-image: url(../images/joptaasbanner.jpg);
background-repeat: none;
padding: 20px 0px;
margin: 0px 0px 0px 0px;
}

.bannerreferences{
width: 1000px;
height: 250px;
background: #FFFFF;
background-image: url(../images/autobahn_3_1000.jpg);
background-repeat: none;
padding: 20px 0px;
margin: 0px 0px 0px 0px;
}


.navigation {
font-size: 12px;
font-family: verdana;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-image: url(../images/submenu5.gif);
background-repeat: none;
float: left;
width: 1000px;
height: 20px;
}

.navigation a {
color:#ffffff;
float: left;
display: inline;
font:bold 10px verdana, sans-serif;
margin: 0px 0px 0px 0px;
padding:3px 2px 3px 2px;
text-align: center;
text-decoration:none;
background:transparent;
border-top:1px solid #99917d;
border-right:1px solid #404040;
border-bottom:1px solid #404040;
border-left:1px solid #99917d;
width:94px;
}

.navigation a:hover{
color:#f6e4c1;
color: #ffffff;
background:#FF9045;
background: #8F9045;
border-top:1px solid #e4d9c0;
border-right:1px solid #837c6b;
border-bottom:1px solid #837c6b;
border-left:1px solid #e4d9c0;
}


.navigation a#current {
background:#a0a0a0;
background:#FF9045;
background-image: url(../images/activemenu.gif);
border-top:1px solid #e4d9c0;
border-right:1px solid #837c6b;
border-left:1px solid #a0a0a0;
border-bottom:1px solid #8F9045;
}


.column500l {
font-size: 12px;
font-family: verdana;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: #ffffff;
float: left;
width: 499px;
height: 600px;
border-left: 1px solid #eee;
border-bottom: 1px solid #eee;
}

.column500r {
font-size: 12px;
font-family: verdana;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: #ffffff;
float: left;
width: 498px;
height: 600px;
border-right: 1px solid #eee;
border-left: 1px solid #eee;
border-bottom: 1px solid #eee;
}

.column333l {
font-size: 12px;
font-family: verdana;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: #ffffff;
float: left;
width: 332px;
height: 550px;
border-left: 1px solid #eee;
border-bottom: 1px solid #eee;
}

.column333c {
font-size: 12px;
font-family: verdana;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: #ffffff;
float: left;
width: 328px;
height: 550px;
border-left: 3px solid #eee;
border-right: 3px solid #eee;
border-bottom: 1px solid #eee;
}

.column333r {
font-size: 12px;
font-family: verdana;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: #ffffff;
float: left;
width: 332px;
height: 550px;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
}


#content ul {

list-style-type: square;
} 

#content table {
 margin-left : 20px;
}

#content li.imagelist{
margin-left: 10px;
}  

#content li.imagelistspace{
margin-left: 10px;
padding-top: 10px;
}  


#content li a{
font-size: 12px;
color: #cc9955;		
}

.footer150 {
font-size: 12px;
font-family: verdana;
margin: 0px 0px 0px 0px;
background: #ffffff;
float: left;
width: 1000px;
height: 160px;
border-right: 1px solid #eee; 
background: #eeeeff;
}
.footer150l {
font-size: 12px;
font-family: verdana;
margin: 0px 0px 0px 0px;
float: left;
width: 663px;
height: 160px;
border-right: 3px solid #eee; 	
border-left: 1px solid #eee; 
background: #ffffff;
}

.footer150r {
font-size: 12px;
font-family: verdana;
margin: 0px 0px 0px 0px;
float: left;
width: 332px;
height: 160px;
border-right: 1px solid #eee; 
background: #ffffff;
}

.footer150 td {	
margin: 20px 0px 0px 0px;
padding-left: 10px;
padding-right: 10px;
background: #eeeeff;

}

td {
  font-size: 12px;
  font-family: verdana;
  margin: 20px 20px 20px 20px;	
  
}

}
html {
border: none;
background: #EEEEFF; 
}

#wrap {
width: 1000px;
margin: 0 auto;
text-align: left;
}
#header {
font-size: 12px;
font-family: verdana;
float: top;
width: 1000px;
height: 110px;
background: #616161;
border-top: 1px solid #999;
}

#contentwide {
font-size: 12px;
font-family: verdana;
margin: 0px 0px 0px 0px;
background: #ffffff;
background-image: url(../images/grgradhorleftquick.gif);
background-repeat: repeat-y;
float: left;
width: 1000px;
border-right: 1px solid #eee;
}

#footer {
background: #aa4444;
background-image: url(../images/footer.png);
float: left;
width: 1000px;
height: 50px;
border-top: 1px solid #a0a0a0;
}
 
#footerwide {
background: #aa4444;
background-image: url(../images/footer.png);
float: left;
width: 1000px;
height: 50px;
border-top: 1px solid #a0a0a0;
}

h1{
  margin: 20px 20px;
  font-family: verdana;
  font-size: 20px;
  color: #333388;
  color: #aaaaaa;
}

h2{
  margin: 25px;
  font-family: verdana;
  font-size: 15px; 
  color: #3D9CE5;
}



#content h2#eai{
  margin: 25px;
  display:block;
  font-family: verdana;
  font-size: 15px; 
  color: #ED6E20;
}  

#content h2#jopt{
  margin: 25px;
  font-family: verdana;
  font-size: 15px; 
  color: #ED6E20;
}  

h3 {
  margin: 12px;
  font-family: verdana;
  font-size: 18px; 
  color: #ED6E20;
} 

h4 {
  margin: 20px;
  font-family: verdana;
  font-size: 12px; 
  color: #3D9CE5;
} 

h5,h6 {
  margin: 20px;
  font-family: verdana;
  font-size: 10px; 
  color: #ED6E20;
} 

p {
  margin: 15px 20px;
}

#content p {
  margin: 15px 20px;
  line-height: 1.2;
}


form {
 margin-left: 20px;
  width: 280px;
}

form.login {
  /*background-image: url(../images/login.gif);*/
  margin: 0px 0px;
  width: 200px;
  background: #FFFFF;

}

fieldset {
  width: 280px;
  border: 1px solid #a0a0a0;
  background: #ffeeee;
  padding 10px 10px 10px 10px;
  margin 20px 10px 10px 10px;
}

fieldset.login {
  border: 0px solid #a0a0a0;
  margin: 0px 0px;
  width: 200px;
  background-image: url(../images/boxmiddle2.png);
  background-repeat: repeat-y;
  /*background-image: url(../images/login.gif);*/
  /*padding 5px 5px 5px 5px;*/
  /*margin 10px 5px 5px 5px;*/
}

p#login { 
  color: #222222;
  margin: 5px 20px;
  line-height: 1.0;
}

legend {
  font-weight: bold;
  font-size: 120%;
  color: #999;
}

label {
  display: block;
  font-style: italic;
  font-size: 80%;
}

label#login {
  display: block;
  font-style: italic;
  font-size: 80%;
}

textarea {
  width: 375px
  height: 125px
}

input#login {
  font-size: 9px;
  height: 10px
}


#content img.imgreference {
margin: 0px 20px 10px 0px;
float: left;
}