html, body {margin:0; padding:0%; height:100%; width:100%; min-width: 815px;max-width:2000px; height:100%;min-height:100%;font-size:12pt;}
body {font-family: Arial; font-size: 1.0em; font-style: normal; color: #006600;width: 100%;}

* html #content {min-height:100%;width: 100%;}
body>#content {min-height:100%;width: 100%;}
#mainpage
{margin-left:0px;
	max-width:1004px;min-width:1000px;
}
* html #mainpage {height:1%;}/* combat ie 3 pixel jog */
html>body #content{min-height:100%}

font.smallbluebold{
    font-weight: bold; color: rgb(0, 0, 153);font-size:0.8em;     font-family: arial,sans-serif,roman;
}
font.smallblack{
     color: rgb(0, 0, 0);font-size:0.8em;     font-family: arial,sans-serif,roman;
}
font.smallreditalic{
    color:#FF0000; font-style:italic;font-size:0.8em;     font-family: arial,sans-serif,roman;
}

font.verysmallblackitalic{
    font-style: italic; font-size:0.7em;color:#000000;     font-family: arial,sans-serif,roman;
}
font.black{
color: #000000;
}

font.red{
color: #FF0000;
}

a.linksbar{
     color:#0000FF;
     background-color: transparent;
     text-decoration: underline;
     font-family: arial,sans-serif,roman;
     font-style:normal;
}
a.linksbar:link {
     color:#0000FF;
     background-color: transparent;
     text-decoration: underline;
     font-family: arial,sans-serif,roman;
      font-style:normal;
     }

a.linksbar:visited {
     color:#0000FF;
     background-color: transparent;
     text-decoration: underline;
     font-family: arial,sans-serif,roman;
 font-style:normal;
  
}

a.linksbar:hover {
     color: #FF0000;
     background-color: transparent;
     text-decoration: underline;
	font-family: arial,sans-serif,roman;
 font-style:normal;
  
}

a.linksbar:active {
     color: #FF0000;
     background-color: transparent;
     text-decoration: underline;
	font-family: arial,sans-serif,roman;
 font-style:normal;
  
}

a:link {
     color: #0000FF;
     background-color: transparent;
     text-decoration: underline;
font-style:italic; 
     font-family: arial,sans-serif,roman;  
}

a:visited {
     color:#990066;
     background-color: transparent;
     text-decoration: underline;
font-style:italic; 
     font-family: arial,sans-serif,roman;
     }

a:hover {
     color:#FF0000;
     background-color: transparent;
     text-decoration: underline;
font-style:italic; 
     font-family: arial,sans-serif,roman;
     }

a:active {
     color:#FF0000;
     background-color: transparent;
     text-decoration: underline;
font-style:italic; 
     font-family: arial,sans-serif,roman;
     }

H1{
 color:#0033CC;font-family:arial,sans-serif,roman;
 font-size:2.0em;font-weight: bold;text-align:center;

}

H2{
 color:#0033CC;font-family:arial,sans-serif,roman;
 font-size:1.5em;font-weight: bold;text-align:left;

}

H3{
 color:#000000;font-family:arial,sans-serif,roman;
 font-size:1.2em;font-weight: bold;
}
H4{
 color:#990099;font-family:arial,sans-serif,roman;
 font-size:1.0em;font-weight: bold;
}
H5{
 color:#990066;font-family:arial,sans-serif,roman;
 font-size:1.0em;font-weight: bold;font-style: italic;
}
font.quotation{
  color:#0000FE;background-color: transparent;
     text-decoration: none;
     font-family: sans-serif,roman;font-size:1.0em;
}


#barone{
position:absolute;top:5px;left:5px;right:5px;
width:auto;
height:130px;
width: expression((parseInt(document.body.clientWidth)  ) < 835 ? "835px" :((parseInt(document.body.clientWidth) -10 ) + "px")); 
min-width: 815px;max-width:2000px;
background-color: #FFFF99;
  border-top-width:4px;
  border-top-style:solid;
  border-top-color:#006600;
    border-left-width:4px;
  border-left-style:solid;
  border-left-color:#006600;
  border-right-width:4px;
  border-right-style:solid;
  border-right-color:#006600;
  border-bottom-width:2px;
  border-bottom-style:solid;
  border-bottom-color:#006600;
font-size: 10pt;
}

#baroneleft{
position:absolute;top:15px;left:35px;
width:120px;
background-color: #FFFF99;
}

#baronemiddle{
position:absolute;top:15px;left:185px;
width:120px;
background-color: #FFFF99;
}

#baroneright{
position:absolute;top:15px;left:305px;right:5px;
background-color: #FFFF99;
color: #000000;
font-family: arial;
text-align: center;
}


#bartwo{
position:absolute;top:135px;left:5px;right:5px;
width:auto;
height:30px;
width: expression((parseInt(document.body.clientWidth)  ) < 835 ? "835px" :((parseInt(document.body.clientWidth) -10 ) + "px")); 
min-width: 815px;max-width:2000px;
background-color: #FFFF99;
  border-top-width:2px;
  border-top-style:solid;
  border-top-color:#006600;
    border-left-width:4px;
  border-left-style:solid;
  border-left-color:#006600;
  border-right-width:4px;
  border-right-style:solid;
  border-right-color:#006600;
  border-bottom-width:2px;
  border-bottom-style:solid;
  border-bottom-color:#006600;

color: #FF0000;
font-size: 8pt;
font-family: arial;
text-align: center;

  
}

#bartwoleft{
  position:absolute; top: 0px;left: 0px;
 width:50% ;
 margin-top:5px;

}

#bartworight{
    position:absolute; top: 0px;left:50%; 
   margin-top:5px;
 width:50% ;

}



#barthree{
position:absolute;top:165px;left:5px;right:5px;
width:auto;
height:70px;
width: expression((parseInt(document.body.clientWidth)  ) < 835 ? "835px" :((parseInt(document.body.clientWidth) -10 ) + "px")); 
min-width: 815px;max-width:2000px;
background-color: #99FFBB;
  border-top-width:2px;
  border-top-style:solid;
  border-top-color:#006600;
    border-left-width:4px;
  border-left-style:solid;
  border-left-color:#006600;
  border-right-width:4px;
  border-right-style:solid;
  border-right-color:#006600;
  border-bottom-width:2px;
  border-bottom-style:solid;
  border-bottom-color:#006600;

font-size: 10pt;
font-family: arial;
text-align: center;

  
}

#barthreeone{
position:absolute; top:0px; left: 0px;
margin-top:5px;margin-left:5px;
width:10%;
}

#barthreetwo{
position:absolute; top:0px; left: 10%;
margin-top:5px;margin-left:5px;
width:12%;
}


#barthreethree{
position:absolute; top:0px; left: 22%;
margin-top:5px;margin-left:5px;
width:12%;
}

#barthreefour{
position:absolute; top:0px; left: 34%;
margin-top:5px;margin-left:5px;
width:11%;
}


#barthreefive{
position:absolute; top:0px; left: 45%;
margin-top:5px;margin-left:5px;
width:10%;
}

#barthreesix{
position:absolute; top:0px; left: 55%;
margin-top:5px;margin-left:5px;
width:12%;
}

#barthreeseven{
position:absolute; top:0px; left: 67%;
margin-top:5px;margin-left:5px;
width:10%;
}

#barthreeeight{
position:absolute; top:0px; left: 77%;
margin-top:5px;margin-left:5px;
width:10%;
}

#barthreenine{
position:absolute; top:0px; left: 87%;
margin-top:5px;margin-left:5px;
width:10%;
}


#mainpage{
  margin-top:5px;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:-5px;
 height:100%;
width: auto;
width: expression((parseInt(document.body.clientWidth)  ) < 835 ? "835px" :((parseInt(document.body.clientWidth) -12 ) + "px")); 


min-width: 815px;max-width:2000px;

font-size: 10pt;
font-style: normal;
background-color: #FFFFCC;
  border-top-width:4px;
  border-top-style:solid;
  border-top-color:#006600;
    border-left-width:4px;
  border-left-style:solid;
  border-left-color:#006600;
  border-right-width:4px;
  border-right-style:solid;
  border-right-color:#006600;
 
  
}


#barfour{
position:absolute;top:230px;left:5px;right:5px;
width:auto;
width: expression((parseInt(document.body.clientWidth)  ) < 835 ? "835px" :((parseInt(document.body.clientWidth) -12 ) + "px")); 

min-width: 815px;max-width:2000px;
background-color: #FFFFCC;

height:auto;

font-size: 1.0em;
font-family: arial;
text-align: justify;
color: #006600;
   border-top-width:2px;
  border-top-style:solid;
  border-top-color:#006600;
    border-left-width:4px;
  border-left-style:solid;
  border-left-color:#006600;
  border-right-width:4px;
  border-right-style:solid;
  border-right-color:#006600;

  
}
#textbox{
margin-left:5px;margin-right:5px;margin-top:5px;
     font-family: arial,sans-serif,roman;
font-style: normal;
font-size: 1.0em;
}


#largetitle{
font-family:arial,sans-serif,roman;color:#0000ff;font-size:2em;
}

#smalltitle{
font-family:arial,sans-serif,roman; color:#0066ff;font-size:1em; 
}

#tinytitle{
font-family:arial,sans-serif,roman; color:#0066ff;font-size:0.7em;font-style:italic;

}

#centerpicture{
position:relative;margin-left:10px; margin-right:10px;margin-top:3px;

}
#linksbar{
position:absolute;left:40px;margin-top:10px;
width:220px;
}
#informationbar{
position:relative;margin-left:5px; margin-right:5px;margin-top:5px;

}
#centraltext{
position:absolute;left:260px; margin-right:5px;top:10px; color: rgb(0, 0, 0);font-size:0.8em;     font-family: arial,sans-serif,roman;


}
#linksandtext{

position:relative;margin-left:5px; margin-right:5px;margin-top:10px;

}
table {
	font-size: 1em;
		}

th {
	font-family: arial;
	font-size: 1.0em;
	font-weight: strong;
	vertical-align: top;
	color: #000000;
	}
td {
	font-family: arial;
	font-size: 1.0em;
	vertical-align: top;
	color: #006600;
	}
spades {
	font-family: arial;
	font-size: 1.0em;
	vertical-align: top;
	color: #000000;
	id: &#9824;
	}	
