﻿body {
  background-color: transparent;
  font-size: 0.9em;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-image: url('http://www.estrella-gymnastics.com/images/bg6.jpg');
  background-attachment: fixed;
}
p {
  background-color: transparent;
  color: #2D2D2D;
}

H1
{
  background-color: transparent;
  font-size: 1.7em; margin: .67em;
  color: #515DCB;
}
H2
{
  background-color: transparent;
  font-size: 1.2em; margin: .83em;
  color: #515DCB;
}
H3
{
  background-color: transparent;
  font-size: 1.0em; margin: 1em;
  color: #515DCB;
}

p.sl {
color: #515DCB;
font-size: 0.8em;
font-weight: 100;
}

a {
 	background-color: transparent;
	color: #0050A0;
    font-weight: normal;
    text-decoration: none;
}

a:link {
	background-color: transparent;
	color: #00A200;
    font-weight: normal;
    text-decoration: none;
}
a:visited {
	background-color: transparent;
	color: #00A200;
    text-decoration: none;
}
a.focus {
    border-bottom: red 1px solid;
    background-color: transparent;
	color: #FF6B66;
}
a:hover {
    border-bottom: medium none;
    background-color: ;
    color: #FF0000;
    text-decoration: underline
}
/* Control Page Body Title */
Title {
	background-color: transparent;
	font-size: 1.7em;
	font-weight: bold;
	color: #0033CC;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 500px;
	height: 80px;
}
/* Control Schedule Text */
table.schedule {
  background-color: transparent;
  font-size: 0.7em; margin: .67em;
  font-weight: bold;
  color: #0033CC;
}
/* Control for the footer text */
td.footer {
  background-color: #FFFFCC;
  font-size: 0.8em;
  color: #C0C0C0;
  font-weight: bold;
}
/* Control for the copyright text */
td.copyright {
  background-color: #FFFFCC;
  font-size: smaller;
  color: #C0C0C0;
  font-weight: light;
}
/* This controls the left-hand border */
table.left-column {
	background-color: #E0E0E0;
	width: 207px;
}
/* This controls the header table */
table.header {
  background-color: #E0E0E0;
}
/* This controls the lists */
td.list {
  font-weight: ;
  color: #000066
}
.NoBorder {
	border-width: 0px;
}
.OnePixBorder {
	border: 1px solid #0033CC;
}
.CenterBorder {
	text-align: center;
	border: 1px solid #0033CC;
}
.XsmallFont {
	font-size: x-small;
}
.XsmallBorder {
	text-align: center;
	font-size: x-small;
	border: 1px solid #0033CC;
}
.Hours {
	font-size: x-small;
	font-weight: bold;
}
.Blue {
	color: #0001BF;
}
.Center {
	text-align: center;
}
.WhiteBackground {
	background-color: #FFFFFF;
}
.AlignTop {
	vertical-align: top;
}
/* POPUP Images */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -100px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -200px; /*position where enlarged image should offset horizontally */

}
.CenterTable {
	margin-right: auto;
	margin-left: auto;
}
.SmallBold {
	font-size: small;
	font-weight: bold;
}
.SmallFont {
	font-size: small;
	text-align: left;
}
.SessionTable {
	border: 1px solid #0000FF;
}
.SessionHead {
	text-align: center;
	font-size: small;
	font-weight: bold;
	background-color: #CCCCCC;
	color: #000000;
}
.SessionSubhead {
	border: 1px solid #0000FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-align: center;
	color: #000000;
}
.SessionDetails {
	font-size: small;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #C0C0C0;
	white-space: nowrap;
	color: #000000;
}
.SessionDetailsCurrent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #008000;
	text-align: left;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #C0C0C0;
}
.SessionDetailsGray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #808080;
	text-align: left;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #C0C0C0;
}
.SessionDetailsRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #FF0000;
	text-align: left;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #C0C0C0;
}
.ClassDetails {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #0000FF;
	text-align: center;
	border: 1px solid #0000FF;
}
.ClassTableReg {
	border: 0px solid #000080;
	background-color: #FFFFCC;
}
.ClassTableHead {
	border: 1px solid #0000FF;
}
.ClassDescription {
	border: 1px solid #808080;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
}
.ClassDetailsHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-align: center;
	background-color: #FFFFCC;
	border: 1px solid #0000FF;
}
.ClassDetailHead {
	border: 1px solid #0000FF;
	text-align: center;
	font-size: small;
	font-weight: bold;
	background-color: #CCCCCC;
	color: #000000;
}
.ClassDetailCell2 {
	border: 1px solid #808080;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
	background-color: #FFFF00;
}
.ClassCellDays {
	text-align: left;
	border: 1px solid #808080;
	background-color: #FFFFCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
}
.ClassCellTimes {
	border: 1px solid #808080;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
}
.ClassDetailsCells {
	border: 1px solid #808080;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
}
.ClassDetailTable {
	border: 1px solid #0033CC;
}
.ClassDetailRed {
	color: #FF0000;
	font-size: small;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
.newStyle1 {
	text-align: center;
	border-width: 1px 0px 1px 0px;
	border-color: #C0C0C0;
}
.StatusCell {
	text-align: center;
	border-color: #C0C0C0;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #999999;
	font-weight: bold;
}
table.Content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	vertical-align: top;
	text-align: left;
	width: 100%;
	height: 100%;
	background-attachment: fixed;
	background-image: url('../images/eg-text-bkgd1.gif');
	padding: 10px;
	margin: auto;
	border: 0px solid #000080;
}
.MainBody {
	text-align: left;
	vertical-align: top;
	border: 1px solid #000080;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url('../images/eg-text-bkgd1.gif');
	background-repeat: repeat;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.CenterText {
	text-align: center;
}
.Title {
	border: 1px solid #0000FF;
	background-image: none;
	vertical-align: middle;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	color: #281F94;
	font-weight: bold;
	background-repeat: no-repeat;
	background-color: #F2A52A;
	right: auto;
	left: auto;
}
table2.Body {
	background-color: #000080;
}
.Title2 {
	border: 1px solid #0000FF;
	background-image: none;
	vertical-align: top;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	color: #281F94;
	font-weight: bold;
	background-repeat: no-repeat;
	background-color: #F2A52A;
	right: auto;
	left: auto;
	margin-right: auto;
	margin-left: auto;
}
.PortalTitle {
	font-size: x-large;
	background-color: #F2A52A;
	text-align: center;
	border: 1px solid #0000FF;
	width: 400px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
}
.LeftColumn {
	width: 277px;
}
.body {
	background-image: url('images/eg-text-bkgd1.gif');
	background-repeat: repeat;
	width: 100%;
}
.Top {
	text-align: left;
}
.JumpMenu {
	border: 1px solid #F2A52A;
	background-color: #C0C0C0;
	text-align: center;
}
.PageTitle {
	background-color: #F2A52A;
}
.ClassOutline {
	border: 1px solid #F2A52A;
}
.MyStyle {
	font-size: x-large;
	text-align: center;
	border: 0 solid #0000FF;
	width: 400px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
}
.NewTitle {
	border: 1px solid #0000FF;
	background-color: #F2A52A;
}
.TextLeft {
	text-align: left;
}
