/* ---------------------------------------------------------------
  THE WEBSITE'S FRAMEWORK:
  POSITIONING RULES FOR NAVIGATION, CONTENT, CONTEXT
  AND FOOTER DIVS
-------------------------------------------------------------- */

body {
  font-size: 11px;
  background: #76A3D4;
  background-image: url(../pics/back.jpg);
  background-repeat: repeat-y;
  color: #000000;
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  vertical-align: top;
}

td {
  font-size: 10px;
  color: #000000;
  margin: 0px;
  padding: 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 15px;
  spacing: 5px;
}


/* ++++++++++ GLOBAL WRAP DIV WITH REPEATING BACKGROUND ++++++++++ */

#global {
  width: 750px;
  margin: 0 auto 0 auto;
  padding-top: 22px;
  text-align: left;
}


/* ++++++++++ OVERRIDE TOP BACKGROUND-FRAME ++++++++++ */

#monitor {
  width: 706px;
  background-color: #FFFFFF;
  padding: 22px;
}

#container {
    width: 706px;
    height: auto !important;
    height: 446px;
/*    background-image: url(../pics/logo.png);  */
    background-repeat: no-repeat;
    background-position: left top;
    opacity:0.85;
    filter:alpha(opacity=85)
    color: #000000; 
    position:absolute;
    padding-left: 0px;
    padding-top: 200px;
    padding-bottom: 200px;
    text-align: left;
}

#container img {
    position:relative; 
    float: left;
    spacing-top; 5px;
}


#container a, #container a:link {
    text-decoration: none;
    color: #4682B4;
    font-weight: normal;
}

#container a:hover {
    text-decoration: underline;
    color: #76A3D4;
}


#imageContainer {
	position:relative;
	margin:none;
	height:446px;
	width: 706px;
	border:0px solid #000;
}


#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0; 
}

#picContainer {
	position:relative;
	margin:none;
	height:446px;
	width: 706px;
	border:0px solid #000;
}



/* ++++++++++ REWRITE HTML-TAGS  ++++++++++ */

a, a:link {
    text-decoration: none;
    color: #000000;
    font-weight: normal;
}

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

/* ++++++++++ FOOTER NAVIGATION ++++++++++ */

#footer {
  width: 750px;
  margin: auto;
  color: #FFFFFF;
  line-height: 22px;
  font-size: 8px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: right;
  letter-spacing: 0.0em;
  padding-bottom: 12px;
}

#footer a {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: normal;
  padding-left: 18px;
}

#footer a:hover, #footer a.active, #footer a.right:hover, #footer a.last:hover{
  color: #C0C0C0;
}



/* ++++++++++ FORM AND DOWNLOAD ++++++++++ */



/* ++++++++++ AND LINE BREAK CLEAR FLOATS ++++++++++ */
/*
hr, br.fix {
  visibility:   hidden;
  clear: both;
  line-height: 0px;
  height:   0px;
  font-size:    0px;
  padding: 0px;
  margin:   0px;
    border: none;
}
*/



/* ++++++++++ SCROLL TEXTAREA ++++++++++++++++++++++ */

#divUpControl{position:relative; width:690; left:0; top:-30; z-index:1; text-align: right} 
#divDownControl{position:relative; width:690; left:0; top:90; z-index:1; text-align: right} 
#divContainer{position:relative; width:695; height:90; overflow:hidden; top:-30; left:0; clip:rect(0,320,240,0); visibility:hidden} 
#divContent{position:relative; top:0; left:0}