/* CSS Document */

<style type="text/css">

/* Credits: Dynamic Drive CSS Library */
/* URL: http://www.dynamicdrive.com/style/ */

  a[href^="mailto"] { color: #003366; text-decoration:none; }
  a:link {color: #009900; text-decoration:none; }  
  a:active {color: #009900; text-decoration:none;  }
  a:visited {color: #009900; text-decoration:none; }
  a:hover {color: #006699; text-decoration:none; }

#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: 11px Verdana;
margin:0;
margin-left: 20px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #003366; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: #006699; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #66CB01; /*Blue-green color theme*/ 
border-color: #66CB01; /*Blue-green color theme*/ 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #66CB01; /*Blue-green color theme*/ 
}

/* the bit that does the work */

body {
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#fff; 
  font-family:arial, verdana, sans-serif; 
  font-size:76%;
  margin-left: 100px; /*Begin material for background*/
  margin-top: 25px;
  margin-right: 0px; /*Formerly 100 px*/
  margin-bottom: 25px;overflow: hidden;
  background-image: url(panoramabanner.jpg);
  background-repeat:no-repeat;
  background-color: #FFFFFF; 
  }

/* for internet explorer */

* html body {
  padding:225px 0 50px 0; 
  }

* html #container {
  height:100%; 
  width:100%; 
  }

#container {
  font-family:"times new roman", serif;
  font-size: 1.2em;
  position:fixed;
  top:200px;
  left:0;
  bottom:35px; 
  right:0; 
  overflow:auto; 
  background-color: #ccff99;
  /*background-image: url(lgren033.jpg);*/
  padding:20px;
  text-align:center; 
 }

#header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  background:#FFFFFF;
  }
  
/* * html #header {height:225px} */

#footer {
  position:absolute; 
  bottom:0;
  left:0;
  width:100%; 
  height:35px;  
  text-align:right; 
  background:#003366;
  }
/* * html #footer {height:45px;} */

/* end of bit that does the work */



#footer p {
  color:#fff; 
  margin:5px 10px 0 10px;
  font-size:9px
  }

#container img {margin:5px;}

#absolute {
  position:absolute; 
  top:400px; 
  right:100px;
  width:200px; 
  background:#ddd; 
  padding:10px; 
  border:1px solid #000;
  }

#left {
  float:left; 
  background:#eee; 
  padding:10px; 
  border:1px solid #000; 
  color:#000; 
  width:50%;
  }

#right {
  float:right; 
  background:#ddd; 
  padding:10px; 
  border:1px solid #000; 
  color:#000; 
  }

#header ul {
  clear:both; 
  text-align:center; 
  /*border-top:1px solid #FFFFFF;*/
  }

#header ul li {
  display:inline; 
  color:#73a2bd;
  }

.columnone, .columntwo {width:31%; float:left; text-align:left; margin-right:2%;}
.columnthree {text-align:left; border:0 solid #fff;}
* html .columnthree {border:0;}
hr {clear:both; border:0; height:1px; color:#888; background-color:#888;}

.style2 {color: #9DACBF}
.style3 {color: #003366; font-weight: bold;}

/*
.columnthree a, .columnthree a:visited {font-size:1em; color:#000; text-decoration:underline;}
.columnthree a:hover {color:#888; text-decoration:none;}
*/

</style>