html {
  overflow:hidden;
}

html, body {
  height: 100%; width: 100%;
  font: 12px verdana;
  background: #617ebf;
  overflow:hidden;
}

div.global {
  width: 100%; height: 100%;
  overflow: auto;
  position: absolute;
  left: 0px; top: 0px;
}

div.canvas {
  width: 900px;
  margin: 30px auto 20px auto;
  background: #000000;
  border: 5px solid white;
  position: relative;
}

div.header {
  background: #ec9e32 url(/images/headerFade.gif) repeat-x 0px 0px;
  position: relative;
  width: 100%;
  height: 111px;
}

div.canvas img.corner {
  position: absolute;
  height: 22px;
  width: 19px;
  z-index: 1;
  float:left;
}

div.canvas img.tr {   right: -5px; top: -5px;}
div.canvas img.tl {   left: -5px; top: -5px;}
div.canvas img.br {   right: -5px; bottom: -8px;}
div.canvas img.bl {   left: -5px; bottom: -8px;}

div.header img.logo {
  position: relative ;
  left: 10px;
  top: 10px;
}

a.topTab {
background-image:url(/images/tab-sprite.gif);
background-position:right 0px;
background-repeat:no-repeat;
color:#FFFFFF;
display:block;
font-family:'trebuchet ms';
font-size:16px;
font-weight:bold;
height:32px;
margin-right:15px;
padding:7px 15px 0px;
position:absolute;
top: -54px;
right: 50px;
text-decoration:none;
cursor: pointer;
}

a.topTab span {
background-image:url(/images/tab-sprite.gif);
background-position:left -100px;
background-repeat:no-repeat;
position: absolute;
top: 0px;
left: 0px;
width: 12px;
height: 34px;
}

a.topTab:hover {
  background-position: right -55px
}

a.topTab:hover span {
  background-position: left -155px;
}


h1 {
  color: #A2CC40;
  font: bold 20px 'trebuchet ms';
  text-align:center;
  background: #FFFFFF;
  position: absolute;
  max-width: 500px;
  min-width: 250px;
  left: 185px;
  top: 146px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}


div.navigation {
  width: 194px;
  float:left;
  background: url(/images/menuMiddle.gif) repeat-y right;
  position: absolute;
  left: 0px;
  top: 190px;
  z-index: 5;
}

div.navigation div {
  width: 185px;
  display: block;
  float:left;
  position: relative;
  z-index: 6;
}

div.navigation span.corner {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 16px;
  height: 16px;
  overflow:hidden;
  background: url(/images/menuCorners.gif) no-repeat;
  z-index: 100;
}

div.navigation a {

  text-transform: lowercase;
  color: white;
  font: bold 16px 'trebuchet ms';
  display:block;
  text-decoration: none;
  position: relative;
  z-index: 10;
  width: 100%;
}

div.navigation a span {
  padding: 7px 20px 7px 7px;
  display:block;
}

div.navigation ul {
  padding-bottom: 10px;
}


div.navigation ul a {
  font: bold 13px verdana;
  color: #000000;
}
div.navigation ul a span {
  padding: 3px 7px 3px 10px;
}


div.navigation a:hover {
  text-decoration: underline;
}

div.navigation ul a:hover {
  background: #DDDDDD;
   color: #000000;
  text-decoration: none;
}

div.navigation ul {
  display:none;
  width: 100%;
  float:left;
}

div.navigation li{
float:left;
width: 100%;
  list-style-image: none;
  list-style-type: none
}

div.on ul {

}

div.navigation ul a.on,
div.navigation ul  a.on:hover {
  color: #000000 !important;
  background: #FFFFFF;
}


div.navigation div.menu1 { background-color: #d63742; }
div.navigation div.menu2 { background-color: #ed9d30; }
div.navigation div.menu3 { background-color: #f1d22d;  }
div.navigation div.menu4 { background-color: #a1cc3e;  }
div.navigation div.menu5 { background-color: #03aa4e;  }
div.navigation div.menu6 { background-color: #2a55a4;  }
div.navigation div.menu7 { background-color: #7955a3;  }

div.navigation div.menu1 img.corner { position: absolute; right: -13px; top: 0px; z-index: 10; height: auto; width: auto;}
div.navigation div.menu2 span.corner { background-position: 0px 0px}
div.navigation div.menu3 span.corner { background-position: 0px -25px}
div.navigation div.menu4 span.corner { background-position: 0px -50px}
div.navigation div.menu5 span.corner { background-position: 0px -75px}
div.navigation div.menu6 span.corner { background-position: 0px -100px}
div.navigation div.menu7 span.corner { background-position: 0px -125px}



div.content {
 padding: 10px 20px 10px 40px;
 min-height: 600px;
}
div.contentFrame {
  padding: 20px;
  line-height: 18px;
  float:left;
  width: 600px;
  position: relative;
  background: #FFFFFF;
  left: 150px;
  z-index: 0;
  margin-top: 80px;
}

div.content li {
  margin: 15px;
  list-style-type: disc
}

div.content p {
  padding: 10px 0px 10px 0px;
  display:block;
}

div.content h2 {
  padding-top: 10px;
  font-weight: bold;
  font-size: 16px;
  display:block;
  zoom:1;
}

div.content h3 {
padding: 5px 0px 5px 0px;
  font-weight: bold;
  font-size: 14px;
  display:block;
  zoom:1;
}
div.content table td {
  padding: 5px;
  background-color: #EEEEEE;
}


div.runner {
  position:absolute;
  right:0px;
  top: 250px;
  padding-top: 15px;
  background: #A2CC40;
  width:180px;
  z-index: 20;

}

div.runner p {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCCCCC;
}

div.runner a {
}


div.footer {
  background-color: #FFFFFF;;
  padding: 10px;
  margin: 40px auto 20px auto;;
  width: 600px;
  clear:both;
  display:block;
  clear:both;
  position: relative;
  z-index: 1;
}

img.kids {
  position: absolute;
  z-index: 10;
  cursor: move;
}

/* Highslide */
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;

    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
/* End Highslide */

a.zoom {
  float: right;
  margin: 20px;
  text-align:center;
  text-decoration: none;
  font-size: 10px;
}

strong {
  font-weight: bold;
}