/* CSS Web Site and Video */
/* curve height, background image */
.header .t, .header .b, .header .b b, .header .t b{
height:10px;
background-image:url(../images/header.png);
}
.footer .t, .footer .b, .footer .b b, .footer .t b{
height:10px;
background-image:url(../images/header.png);
}


/* curve height, background image */
.body .t, .body .b, .body .b b, .body .t b{
height:10px;
background-image:url(../images/body.png);
}

/* inner color, border color, border width */
.body .c{
background:#000000;
border-color:#CCCCCC;
border-left-width:4px;
border-right-width:4px;
}

/* inner color, border color, border width */
.header .c{
background:#000000;
border-color:#CCCCCC;
border-left-width:4px;
border-right-width:4px;
}
.footer .c{
background:#000000;
border-color:#CCCCCC;
border-left-width:4px;
border-right-width:4px;
}
/* curve height, background image */
.leftcol .t, .leftcol .b, .leftcol .b b, .leftcol .t b{
height:10px;
background-image:url(../images/leftcol.png);
}

/* inner color, border color, border width */
.leftcol .c{
background:#000000;
border-color:#CCCCCC;
border-left-width:4px;
border-right-width:4px;
}
/* curve height, background image */
.rightcol .t, .rightcol .b, .rightcol .b b, .rightcol .t b{
height:10px;
background-image:url(../images/rightcol.png);
}

/* inner color, border color, border width */
.rightcol .c{
background:#000;
border-color:#CCCCCC;
border-left-width:4px;
border-right-width:4px;
}

/* surrounding margins (optional) */
.round{
margin-bottom:5px;
}
.round .c{
/* inner content padding */
padding:0 10px 0 10px;
border-top:0;
border-bottom:0;
border-style:solid;
}
.round .t, .round .b, .round .t b, .round .b b{
display:block;
overflow:hidden;
}
.round .t b, .round .b b{
float:right;
width:50%;
}
.round .t .r{
background-position:top right;
}
.round .b .r{
background-position:bottom right;
}
.round .b{
background-position:bottom left;
}
.round .br{
clear:both;
display:block;
overflow:hidden;
height:0px;
}

/* CSS For Video */
#videolist {
  border: 1px solid #ffffff;
  padding: 10px;
  width: 200px;
  text-align: left;
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
}
#videolist a {
  color: white;
  text-decoration: none;
}
#preview {
  text-align: center;
  display: none; /* do not change */
}
img.thumbnail {
  border: 1px solid #cccccc;
  cursor: pointer;
  width: 90px; /* change to your picture width */
  height: 90px; /* change to your picture height */
}
div#caption {
  font-size: 8pt;
}
.arrow {
  visibility:hidden; /* do not change */
  color:yellow;
  font-family:"Times New Roman", Times, serif; /* do not change */
}

/* CSS For Submit Tip Buttons */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/buttons/button_a.gif') no-repeat scroll top right;
    color: #000000;
    display: block;
    /*float:left;*/
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/buttons/button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.button:active {
    background-position: bottom right;
    color:#0F0F0F;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
/* CSS For Menu Buttons */
 /* remove the margin and bullets, set the padding for this demo only*/
/*.neon {margin:0 0 5px 0; padding:2px 1px 0px 15px; list-style:none; background:#000; width:800px;}

 /* display the list items inline with a right margin to space the buttons. Use this to pre-load the hover image */
.neon li {display:inline; float:left; background:url(../images/menu/neon_on.gif);}

/* style the links and place the background image to start from left edge */
.neon li a {display:block; height:32px; float:left; background:url(../images/menu/neon_off.gif); text-decoration:none; font-size:10px; font-family:arial, sans-serif; letter-spacing:1px; line-height:36px;}

/* style the b element to posiition it to the right by 20 pixels and even out the text with 20 pixel right padding */
.neon li a b {margin:0 0 0 40px; display:inline; float:left; height:32px; background:url(../images/menu/neon_off.gif) right top; padding:0 40px 0 0; color:#fff;}

/* style the link hover and the link hover b to replace the background image - border:0 needed for IE6 to work */
.neon li a:hover, .neon li a:hover b {border:0; background-image:url(../images/menu/neon_on.gif); cursor:pointer; color:#00F;}

.neon li a.current, .neon li a.current b, .neon li a.current:hover , .neon li a.current:hover b {background-image:url(../images/menu/neon_on.gif); color:#000; cursor:default;}