@charset "utf-8";
/* Global Styles */

body {
  background-color: #f4ffe4;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  height: 100%;
}

/* Text variations */
p.maintext {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px;
  text-align: justify;
}
p.maintext-center {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px;
  text-align: center;
}
ul.maintextul {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px;
  text-align: justify;
}
ul.lighttext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 700;
  text-align: justify;
  color:#FFFFCC;
}
ol.maintextol {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px;
  text-align: justify;
}
ol.maintextolTimes {
  font-family:"Times New Roman", Times, serif;
  font-size: 11px;
  text-align: justify;
}
p.smallbold-centre-light {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight:500;
  text-align: center;
  color: white;
  line-height: 12px;
}
p.operationslinks {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  padding: 10px;
  margin: 10px auto;
  color: white;
  background-color:black;
  background-image:url(operations/resources/linkshade.jpg);
  background-repeat: repeat-x;
  line-height: 10%;
}
p.smallbold-justify-light {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 500;
  text-align: justify;
  /*padding: 10px;*/
  color:#FFFFCC;
}
p.leftlinks {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 900;
  color: #F4FFE4;
  margin-left: 10px;
  background-color: #102344;
}
p.smallbold-darkgreen {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 900;
  color:#003333;
}
p.hometext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #FFFFCC;
  padding-left: 60px;
  font-weight: 900;
}
h3.darkgreen {
  font-family: Arial, Helvetica, sans-serif;
  color:#003333;
}
hr.darkblueline {
 height: 5px;
 background-color: #102344;
}
p.opspec {
  text-align: justify; 
  font-size: 12px; 
  margin: 0px;
  color:#663300;
}
p.opspecrt {
  text-align: right; 
  font-size: 12px;
  font-style: italic;
  color:#660000;
}


/* DIV blocks */
/* Top margin */

#top { 
 top: 0px;
 margin: 0px; 
 padding: 0px; 
 background: #102344; 
 height: 80px;
 width: 100%
 padding-bottom: 0px;
 background-image: url(resources/Gold%20log%20minus.jpg);
 background-repeat: no-repeat;
} 

/* Left margin */
#left { 
 position:absolute;
 background: #102344;
 top: 80px;
 margin: 0px auto;
 left: 0px; 
 width: 130px;
 
} 

/* Home button */
#homebut {
 position:absolute;
 width: 150px; 
}
/*Navigation link blocks*/
#navlink {
  position: absolute;
  width: 130px;
  left: 10px;  
}
#navlinkunder {
  position: absolute;
  width: 120px;
  left: 20px;
}

/* Block inside navigation block */
#leftimage {
  position: absolute;
  width: 110px;
  top: 255px;
  left: 10px;
}
#center-home {
  position: absolute;
  background: #F4FFE4;
  top: 80px;
  bottom: 0px;
  margin: 0px auto;
  left: 130px;
  right: 160px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 10px;
}
#center { 
 position: absolute;
 background: #F4FFE4;
 background-image: url(resources/yellowshadow.jpg);
 background-repeat: repeat-x;
 top: 80px;
 right: 0px;
/* display:inherit;*/
 left: 130px; 
 bottom: 0px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 5px;
 padding-bottom: 10px;
} 
#center-with-right-block { 
 position: absolute;
 background: #F4FFE4;
 background-image: url(resources/yellowshadow.jpg);
 background-repeat: repeat-x;
 top: 80px;
 right: 160px; 
 left: 130px; 
 bottom: 0px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 5px;
 padding-bottom: 10px;
} 
#center-top {
  background: #F4FFE4;
  top: 80px;
  left: 130px;
  /*margin: 0px auto;*/
  right: 160px;
  padding-left: 10px;
  padding-top: 5px;
  height: 40px;

}
#right { 
 background:#102344;
 position: absolute; 
 right: 0px; 
 top: 80px; 
 width: 160px; 
 bottom: 0px;
}
#redgradblock {
  background-color: #990000; 
  background-image: url(resources/redGradient.jpg); 
  background-repeat: repeat-x; 
  position: absolute; 
  left: 4%; 
  right: 4%; 
  padding-right: 5px; 
  padding-left: 5px;
  padding-top: 3px;
}
#bluegradblock {
  background-color: #990000; 
  background-image: url(resources/blueGradient.jpg);
  background-repeat: repeat-x; 
  position: absolute; 
  left: 4%; 
  right: 4%; 
  padding-right: 5px; 
  padding-left: 5px;
  padding-top: 3px;
  font-size: 0px;
}
#righthorizontalspacer {
  position: absolute;
  background-color: red;
  top: 380px;
  height: 10px;
  width: 220px;
}
div.img
{
  position: relative;
  margin: 2px;
  border: 1px solid #FFFFCC;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}
	
div.img img
{
  display: inline;
  margin: 5px;
  height: 150px;
  width: 100px;
}*/
/*div.img a:hover img {border: 1px solid #0000ff;}*/
div.desc
{
  position: relative;
  text-align: center;
  font-size: 11px;
  font-weight: normal;
  width:120px;
  color:#FFFFCC;
  margin: 2px;
}
#divinsights {
  position: relative;
  width: 330px;
}
  
#divfloatingleftphoto {
  position: relative;
  float: left;
  padding: 5px;
  background-color: #CCCC99;
  margin-right: 10px;  
}
#divfloatingrightphoto {
  position: relative;
  float: right;
  padding: 5px;
  background-color: #CCCC99;
  margin-right: 5px;
  margin-left: 10px;
}

hr{height: 1px;
border-style: none;
color: #d0d0d0;
background-color: #C0C0C0;
}
div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 200px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: black;
   font: 10px Verdana, sans-serif; text-align: center;
}