<!--

BODY {margin-top: 20px;  margin-bottom: 20px; background-image: url(../images/shadow.png) }
font {font-size: 12px; font-family: verdana; color:#66645D}
.clear {font-size: 12px; font-family: verdana; color:#BBBDA6}
.white {font-size: 12px; font-family: Tahoma, Verdana; color:#66645D; font-weight: bold}
.swhite {font-size: 10px; font-family: Tahoma, Verdana; color:#FFFFFF}
.blue {font-size: 13px; font-family: Tahoma, Verdana; color:#003366; font-weight: bold}
.grb {font-size: 15px; font-family: Tahoma, Verdana; color:#AAAAAA}
.gr {font-size: 14px; font-family: Tahoma, Verdana; color:#AAAAAA}
.sblue {font-size: 10px; font-family: Tahoma, Verdana; color:#DBEAF5}
.sw {font-size: 15px; verdana; color:#FFFFFF}
.xs {font-size: 9px; font-family: arial,helvetica,sans-serif; color:#FFFFFF}
.ms {font-size: 12px; font-family: verdana; color:#66645D}
.ts {font-size: 14px; font-family: verdana; color:#700000; font-weight: bold}
.title {color:#8301E7; font-size:13px;  font-weight: bold; font-family: Arial, Helvetica, Tahoma, Verdana}
.bluetitle {font-size: 20px; font-family: verdana; color:#66645D; font-weight: none}
.itemText {font-size: 12px; font-family: verdana; color:#66645D}
.bs {font-size: 14px; font-family: verdana; color:#003366; font-weight: bold}
.subtitle {font-size: 18px; font-family: verdana; color:#900000; font-weight: bold}
.maintitle {font-size: 22px; font-family: verdana; color:#FFFFFF; font-weight: bold}
.ut {font-size: 14px; font-family: verdana; color:#700000; font-weight: bold}
.a {font-size: 12px; font-family: verdana; color:#66645D}
.arialbig {font-size: 18px; font-family: Arial; color:#888888}
.arialsub {font-size: 14px; font-family: Arial; color:#999999}

table {font-size: 12px; font-family: verdana; color:#FFFFFF;}
.maintable {background-color: #FFFFFF;  padding:0}


td {font-size: 12px; font-family: verdana; color:#66645D}
.navigation {width:150px; padding:10px}
.navigation2 {background-color:#003366; padding-left:10px; padding-right:10px}
.center {width:420px; padding:10px}
.header6, h6	{color: #353430; width:460px; background-image: url(../images/title.png);  border: 1px outset;  font-family: Tahoma, Verdana; font-size: 12px; padding: 5px}
.line {border-top:1px solid #BBBDA6}
.infoboard {background-color:#DEE3E7; border-left:1px solid #BBBBBB; border-bottom:1px solid #BBBBBB; width:170px; padding:10px}

.endtable {background-image:url(../images/endback.png); height:20px}
.randomp {background-color:#003366;border-top:1px solid #BBBBBB; border-left:1px solid #BBBBBB; border-bottom:1px solid #BBBBBB; padding:0px}
.header1, h1	{color: #FFFFFF; background-image: url(../images/back2.png);  font-weight: bold; font-family: Tahoma, Verdana; font-size: 13px; margin: 0px; padding: 5px; border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF}
.header2, h2	{color: #FFFFFF;  background: #353430; font-weight: bold; font-family: Tahoma, Verdana; font-size: 12px; margin: 0px; padding: 5px}
.header3, h3	{color: #003366; background-image: url(../images/back2.png);  font-weight: bold; font-family: Tahoma, Verdana; font-size: 12px; margin: 0px; padding: 5px;}
.header4, h4	{color: #FFFFFF; background-image: url(../images/back2.png);  border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; font-family: Tahoma, Verdana; font-size: 12px; padding: 5px}
.header5, h5	{color: #FFFFFF; background: #003366; font-family: Tahoma, Verdana; font-size: 13px; padding: 0px; height:48px; width: 628px}
pre {font-size: 12px; font-family: verdana; color:#333366; padding-top: 5px; margin-left: 10px; padding: 10px; font-weight: bold}


div.pos1 {
   
   margin-right: 10px;
  margin-top: 60px;
 width:300px;

}	


#menu1 {
   width: 170px;
   float: center;
   margin-right: 5px;
  }
 
.menu1item {
   background-image: url(../images/menu.png);
   border:1px outset;
   color: #FFFFFF;
   font: bold 11px Tahoma, Verdana,Arial;
   text-decoration: none;
   width: 172px;
   height: 20px;
  }
  
.menu1item a:link {
  display: block;
  text-decoration: none;
  color: #353430;
  padding: 4px 2px;
  }
 
.menu1item a:visited {
  display: block;
  text-decoration: none;
  color: #353430;
  padding: 4px 2px;
  }


 #menu2 {
   position: absolute;
   top: 8px;
   left: 100px;
   display: none;
   background: #fff;
   border: 1px solid #000080;
   color: #000;
   font: bold 11px Verdana,Arial;
   text-decoration: none;
   width: 80px;
   z-index: 20;
 } 

 div.menu1item a:hover {
      background-image: url(../images/menu2.png);
   color: #66645D;
 height: 15px;

  }


 div.menu1item:hover #menu2 {
  display:block;
  } 

 A:link { text-decoration: none; color:#66645D } 
A:visited { text-decoration: none; color:#66645D } 
A:hover { text-decoration: underline; color:#AAAAAA}

/* CSS class for thumbnail link <A> */
.MagicThumb {
    cursor: url(../../js/cursor/zoomin.cur), pointer;
    outline: none;
}

/* CSS class for the thumbnail link <A> when the big image is zoomed */
.MagicThumb-zoomed { cursor: default; }

/* CSS class for span inside the thumbnail <A> */
.MagicThumb span { display: none; }

/* CSS class for the thumbnail image */
.MagicThumb img { border: 1px solid #808080; outline: none; }

/* CSS class for the big image while zooming */
.MagicThumb-image { border: 1px solid #cccccc; outline: none; }

/* CSS class for the zoomed big image */
.MagicThumb-image-zoomed { cursor: url(../../js/cursor/zoomout.cur), pointer; }

/* CSS class for the caption under the big zoomed image */
.MagicThumb-caption {
    color: #333333;
    background-color: #F0F0F0;
    border: 1px solid #CCCCCC;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 11px;
    padding: 8px 16px;
}

/* CSS class for the control bar */
.MagicThumb-controlbar {
	display: block;
	height: 18px;
}

.MagicThumb-controlbar a {
	display: block;
	width: 18px;
	height: 18px;
	margin: 0px 1px;
	outline: none;
	float: left;
	overflow: hidden;
}

.MagicThumb-controlbar a span {
	display: block;
	width: 1000px;
	height: 1000px;
	background: transparent url(../../js/graphics/controlbar.png) no-repeat 0 0;
	outline: none;
	position: absolute;
	left: 0px;
	top: 0px;
}

/* CSS class for the loading message box */
.MagicThumb-loading {
	border: 1px solid #000000;
	background: #ffffff url(../../js/graphics/loader.gif) no-repeat 2px 50%;
	padding: 2px 2px 2px 22px;
	margin: 0;
	text-decoration: none;
	text-align: left;
	font-size: 8pt;
	font-family: sans-serif;
}