body { 
       /*background-image : url("./bcbackground1.jpg");*/
       /*background-attachment : fixed;*/
       background-color: #b7dbb4;
       color: #000000;
       text-align: left;
       font-style: normal;
       font-family: Times, Verdana, serif;
       font-size:1em;
       padding: 10px; 
}
h1 { font-family: Arial, Helvetica, sans-serif;
     text-align : center;
     text-shadow: gray 5px 5px 5px; 
     font-style : italic;
     font-size  : 2.5em;}
     
h2 { font-family: Arial, Helvetica, sans-serif;
     text-align : left; 
     font-style : italic;
     font-size  : 2.0em;}
     
h3 { font-family: Arial, Helvetica, sans-serif;
     text-align : left; 
     font-style : italic;
     font-size  : 1.5em;}
pre { font-family : monospace;
      text-align  : left;
      font-size   : 1em;}
a:link { color: #003399; 
         font-weight: bold; 
         font-size:1em;}
a:visited { color: #6666CC; 
            font-weight: bold; 
            font-size:1em;}
a:active { color: #6666CC; 
           font-weight: bold;}
a:hover { color: #006666;
          font-weight:bold;
          font-size:1.2em; }
.fakelink {
	color: #003399;
	text-decoration: underline;
	cursor: pointer; 
}

.center { text-align: center; }
.bold   { font-weight: bold;} 
.hidden { display: none; }
.gray { background-color: #E6F1F7; }
.menucol { position: absolute;	   
	   z-index: 2;
           left: 20px; 
	   width: 275px; 
           /* height: 1250px; */
	   height: 800px;
           overflow: auto;}
.lcol { position: absolute;
	z-index: 1;
        left: 250px; 
        width: 500px; 
        height: 800px;  
        overflow: auto;}
.mcol { position: absolute;
	z-index: 1;
        left: 700px; 
        width: 300px; 
        height: 800px;
        overflow: auto;}
.rcol { position: absolute;
	z-index: 1;
        left: 975px; 
        width: 350px; 
        height: 800px;
        overflow: auto;}
.bigcol { position: absolute;
          left: 270px; 
          width: 600px; 
}
.scol { position: relative;
	top: 0px;
        left: 100px; 
        width: 750px;
}
.level0 { position: relative;
          left: 0px;
          top: 0px;
          width: 175px;
	  -moz-border-radius: 10px;
          -webkit-border-radius: 10px;
          -khtml-border-radius: 10px;
          border-radius: 10px;

          overflow: visible;
	  z-index: 3;
}
.level1 { position: relative; 
          left: 0px;
          top: 0px;
          width: 240px; 
	  font-size: 0.90em;
          overflow: visible;
          display: none;
	  -moz-border-radius: 10px;
          -webkit-border-radius: 10px;
          -khtml-border-radius: 10px;
          border-radius: 10px;

          background-color:  #66C25C;
	  border-color: gray;
	  border-style: outset;
	  border-width: 2px;
}
.level2 { position: relative;
          left: 10px;
          top: 0px;
          width:230px;
	  -moz-border-radius: 10px;
          -webkit-border-radius: 10px;
          -khtml-border-radius: 10px;
          border-radius: 10px;

          overflow: visible;
          font-size: 0.8em;
          display: none;
}
.level3 { position: relative;
          left: 10px;
          top: 0px;
          width: 220px;
	  -moz-border-radius: 10px;
          -webkit-border-radius: 10px;
          -khtml-border-radius: 10px;
          border-radius: 10px;

          overflow: visible;
          font-size: 0.8em;
          display: none;
}

div.content_block {
	position: relative;
	top: 0px;
	left: 0px;
	width: 275px;
	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
  	-khtml-border-radius: 10px;
  	border-radius: 10px;

	overflow: visible;
	display: none;
	background-color:  #66C25C;
	border-color: gray;
	border-style: outset;
	border-width: 4px;	
}

div.content_frame {
	position: relative;
	top: 0px;
	left: 10px;
	width: 255px;
	-moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;

	z-index: 3;
	overflow: visible;
	background-color:  #66C25C;


}

div.content_block2 {
	position: relative;
	top: 0px;
	left: 0px;
	overflow: visible;
	display: none;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;

	background-color:  #66C25C;
	border-color: gray;
	border-style: outset;
	border-width: 4px;
	padding-left: 10px;
}

div.alert_box {
	position: absolute;
	top: 100px;
	left: 75px;	
	z-index: 5;
	width: 200px;
	height:  50px;
	padding: 3px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;

	overflow: hidden;
	display: none;
	background-color: #FFFF99;
	border-style: solid;
	border-color: gray;
	border-width: 1px;
	filter: alpha(opacity=95);
	opacity:0.95;
}
div.alert_shadow {
	position: absolute;
	top: 105px;
	left: 80px;
	width: 202px;
	height: 50px;
	padding: 5px;
	z-index: 4;
	-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;

	overflow: hidden;
	background-color: #8d918d;
	display: none;
	filter: alpha(opacity=45);
	opacity:0.45;
}
iframe.weather {
	border: none;
	width: 325px;
	height: 275px;
	border-width: 0px; 
	border-style: none;
	/*IE doesn't understand border-width*/
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
}
.clock {
	border: none;
	background-color: #b7dbb4;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}
div.clock_block {
	position: absolute;
	top: 0px;
	left: 600px;
	width: 250px;
	font-weight: bold;
}